Анимация CSS-градиентов

Спецификация CSS3 Transitions содержит список свойств, которые можно анимировать. Этот список охватывает анимируемые свойства для анимации переходов (transitions) и анимации по ключевым кадрам (keyframe animations).

CSS3 градиенты, по сути, являются изображениями, сгенерированными браузером, поэтому их в этом списке нет, но это не значит, что мы не может заставить их двигаться. Читать далее Анимация CSS-градиентов

Создание локального WAMP сервера

В этой статье мы подробно рассмотрим процесс установки и настройки WAMP-сервера (Windows+Apache+MySQL+PHP). Причём, мы самостоятельно его соберём из всех необходимых компонентов. Почему не готовые решения, такие, как например denwer, Open Server, Wampserver и прочие? В случае самостоятельной установки и настройки «с нуля» мы подробно разберёмся во всех нюансах, настроим самостоятельно всю структуру файлов на диске и добавим свои удобные фишки. Также, в этой статье кроме установки, собственно, самого локального WAMP-сервера, рассмотрим установку phpMyAdmin. Читать далее Создание локального WAMP сервера

Интересная задачка по программированию

Как-то давным-давно я наткнулся на одну мозголомную задачу по программированию. Как многие задачи подобного рода она служит только для разминки мозга, её решение не представляет никакой практической ценности и может служить разве что как извращённый способ обфускации. Сегодня я хочу поделиться с вами её условием, моим решением, а также дать вам пару подсказок, если вы захотите подумать над задачей самостоятельно. Решение с подсказками я, конечно, спрятал под спойлер. Читать далее Интересная задачка по программированию

Использование CSS3 mask для создания универсальных иконок

Некоторое время назад на нашем блоге публиковалась статья «Удобный способ вёрстки универсальных иконок». Но у данного способа был достаточно серьезный недостаток: он не позволял размещать иконки на фоне произвольного цвета либо текстурном фоне. В этой статье я расскажу о способе, который решает данную проблему. Читать далее Использование CSS3 mask для создания универсальных иконок

Перехват вызова функции в JavaScript

Под перехватом вызова функции я понимаю возможность динамически задавать блоки кода, которые выполняться до или после перехватываемого вызова функции. Естественно, что такие блоки можно обернуть в функции, которые можно будет использовать многократно для разных перехватываемых вызовов и для разных функций. Читать далее Перехват вызова функции в JavaScript

JS для начинающих. Урок 1.18: Использование регулярных выражений

В прошлом уроке мы рассмотрели синтаксис регулярных выражений, но не обсудили, как именно их можно использовать в JavaScript. В этом уроке мы подробно рассмотрим методы объекта String для поиска и замены по регулярному выражению, а так же обратим внимание на объект RegExp и его свойства и методы. Читать далее JS для начинающих. Урок 1.18: Использование регулярных выражений

JS для начинающих. Урок 1.17: Синтаксис регулярных выражений

Регулярные выражения — это язык, который описывает шаблоны строк, основанные на метасимволах. Метасимвол – это символ в регулярном выражении, который описывает некоторый класс символов строки, указывает на положение подстроки, указывает количество повторений или группирует символы в подстроку. Например, метасимвол \d описывает цифры, а $ обозначает конец строки. В регулярном выражении могут присутствовать и обычные символы, которые описывают самих себя. Набор и значение метасимволов в регулярных выражениях описывает стандарт PCRE, большинство возможностей которого поддерживается в JS. Читать далее JS для начинающих. Урок 1.17: Синтаксис регулярных выражений

Адаптивный текст в несколько колонок на CSS

С развитием технологий, мониторы становятся всё шире и шире, а вместе с ними и блоки текста на сайтах. Известно, что человеку наиболее комфортно читать около 67-75 символов в строке, но некоторое время браузеры не позволяли реализовывать верстку в несколько колонок с помощью встроенного функционала. Благо технологии не стоят на месте и всё больше браузеров внедряют поддержу многоколоночного текста, о которой и пойдет речь в этой статье. Читать далее Адаптивный текст в несколько колонок на CSS

Шаблонизация на стороне клиента

Шаблонизация это привычное явление, если говорить о серверной части web-приложения. Шаблоны, обрабатывающиеся на стороне сервера, преобразуются в html-код, которой отдаётся клиенту, в качестве которого чаще всего выступает браузер. В таком подходе есть свои недостатки. Читать далее Шаблонизация на стороне клиента

Целевая страница: создание и оптимизация

Целевая страница отличается от всех других страниц сайта тем, что она оптимизируется под поисковый запрос. Грамотная оптимизация позволяет продвинуть страницу в результаты поисковой выдачи на высокие позиции. Читать далее Целевая страница: создание и оптимизация