Публикации

Показват се публикации с етикета уеб програмиране

.htaccess оптимизация за повишаване на скоростта на зареждане

Изображение
Скорост на зареждане за уеб сайт


Скоростта на зареждане на всеки един уеб сайт е от огромно значение, както за добрата му ползваемост, така и за класирането му в търсещите машини. Един от способите за постигането на тази цел е оптимизацията на сървъра и по-точно имплементиране на механизъм за кеширане и оптимизация на отговора. При сайтове хоствани на Apache сървър, това се постига чрез модифициране на .htaccess файла. Въпреки че засегнатият въпрос е обект на разпалени спорове между разработчиците по цял свят, ние в Уеб Фюжън сме приели следните няколко точки като ефективни:

mod_expires на Apache
Използвайте mod_expires на Apache за управление на кеширането на информацията при потребителите. Това се постига чрез декларирането на стойности за дължината на „живота“ на различните типове данни в .htaccess файла на сайта. Пример:

<IfModule mod_expires.c>
    ExpiresActive On
    ExpiresDefault "access plus 1 months"
    ExpiresByType text/html "access plus 1 sec…

JSLint - самоусъвършенствайте вашите javascript умения!

Изображение
Javascript безспорно е програмният език без който уеб сайтовете нямаше да бъдат такива каквито ги познаваме днес. Същевременно той е сравнително мистериозен за средностатистическият уеб разработчик. Това може би се дължи на факта, че javascript има множество разнообразни възможности, което позволява неговото използване за разнородни цели, и на това че за js са характерни някои особености, които го отличават от традиционните програмни езици.

Все пак ако вие сте разработчик и желаете да изпробвате вашето ниво на кодиране на js, можете да хвърлите едно око на JSLint - полезен инструмент за тестване и дебъгинг на вашият js код.

Авторът на JSLint е самият Дъглас Крокфорд - един от създателите на javascript. Бъдете подготвени, г-н Крокфорд предупреждава: "Warning: JSLint will hurt your feelings." :)
Статията е изготвена Николай Иванов, водещ програмист в Web Fusion

Черно-бели картинки с CSS филтър

Изображение
Искате да създадете черно-бял ефект на изображенията във вашият сайт? 
Оставете настрана photoshop-а, този път няма да ви е необходим. Няма да ви трябват и сложни, ресурсоемки скриптове. Благодарение на CSS3, в браузърите които го поддържат това е постижимо само с CSS, за другите ще ни свърши работа един прост SVG филтър.

Ето го и самият клас:

img.grayscale {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}

Статията е изготвена Николай Иванов, водещ програмист в уеб дизайн студио: Web Fusion

PIE - CSS3 декорации в Internet Explorer

Изображение
CSS3 декорациите улесняват значително живота на всеки уеб дизайнер. Вече не са необходими изображения за създаване на заоблени контури на елементите, за създаване на drop shadow ефекти и т.н.

Звучи страхотно нали? За потребителите на модерните уеб браузъри, всъщност това е 100% истина. Когато става въпрос за Internet Explorer обаче, нещата стоят малко по-различно. По-старите версии на IE (6,7,8) не поддържат CSS3, въпреки че някои от тях се "пръкнаха" след официалното му появяване и поддръжка в конкурентните браузъри. Тук на помощ идва CSS3 PIE - polyfill за рендиране на CSS3 декорации в Internet Explorer. Много полезен инструмент, който е задължителен за всички разработчици стремящи се да постигнат максимална идентичност на визалното представяне на техните уеб сайтове, във всички браузъри. Хвърлете му едно око :)

http://css3pie.com/