Верстка \ HTML&CSS

Оптимизация изображений

От автора: каждый разработчик знает, что в вопросе веб-производительности и пользовательского опыта важно каждое изображение. Изображения – это низко висящие плоды оптимизации производительности. Сжатие без визуальной потери качества может принести пользу организациям путем снижения веса страниц без ущерба для работы пользователя, что повышает производительность и привлекает все больше аудитории. Существует множество техник, для определения того, какое изображение необходимо загрузить, но эти «правильные изображения» еще необходимо создать. Целью веб-разработчиков и сервисов по повышению производительности должно быть обеспечение всех пользователей на всех типах устройств и во всех браузерах оптимальными изображениями. (Другой целью должна быть доступность, но это тема для отдельной статьи!).

Продолжить чтение

Верстка \ HTML&CSS

Я совсем забыл о стилях для печати

От автора: небольшая коллекция полезных CSS техник и напоминание о том, что печатные стили все еще нужны. Недавно Аарон Густафсон послал твит Indiegogo, в котором сказал, что их страница с деталями о заказе ломается при печати. Когда я увидел твит, меня осенило. Я понял, что уже очень давно не оптимизировал страницы под печать, даже не стал проверять.

Продолжить чтение

Верстка \ HTML&CSS

Семантические имена классов слишком общие?

От автора: процесс именования в HTML и CSS обманчиво сложен, но и очень важен. Краеугольными камнями MaintainableCSS являются предписания о том, КАК и ЗАЧЕМ мы должны именовать модули. Не случайно это одна из первых глав в книге.

Продолжить чтение

Верстка \ HTML&CSS

Изменчивые шрифты в вебе

От автора: в этом году на конференции по типографике ATypI в Варшаве представители из Adobe, Microsoft, Apple и Google представили потрясающую разработку в области веб-шрифтов: поддержка изменчивых шрифтов в OpenType. Чтобы понять, что это такое, лучше показать пример.

Продолжить чтение

Верстка \ HTML&CSS

Введение в UIkit framework

От автора: приветствую Вас дорогой друг. В данном уроке мы с Вами поговорим о UIkit framework, который значительно ускоряет разработку все возможных пользовательских интерфейсов, очень прост в изучении и обладает приличным функционалом.

Продолжить чтение

Верстка \ HTML&CSS

jQuery ползунок выбора диапазона

От автора: приветствую вас, друзья. В этой небольшой статье мы попробуем с вами реализовать ползунок выбора диапазона на jQuery. Это может быть диапазон чего угодно, как правило, такая штука часто используется в интернет-магазинах при поиске и фильтрации товаров. Приступим.

Продолжить чтение

Javascript & Ajax \ Ajax

Зависимые списки select с помощью AJAX

От автора: приветствую вас, друзья. В этой статье мы с вами продолжим реализацию зависимых список с использованием AJAX. Напомню, в предыдущей статье мы подготовили базу данных и вывели из нее список стран. Теперь нам необходимо при выборе страны отправить ajax запрос на сервер и получить список городов, который мы и должны подгрузить в зависимый список select. Продолжим.

Продолжить чтение

Верстка \ HTML&CSS

Живой поиск для сайта

От автора: приветствую вас друзья. В этой статье мы с вами продолжим реализацию живого поиска для сайта. Что такое живой поиск? Вы с ним сталкиваетесь постоянно, когда что-то ищете в Гугле или Яндексе. Как только вы начинаете набирать поисковый запрос, поисковик тут же начинает предлагать вам варианты, из которых вам остается лишь выбрать наиболее подходящий. Удобная штука, не так ли? Попробуем и мы реализовать нечто подобное.

Продолжить чтение