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

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

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

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

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

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

Удобный способ вёрстки универсальных иконок

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

Отказываемся от капчи и упрощаем жизнь пользователям

captchaВсех всегда раздражали капчи и это факт. Поэтому я попытался найти решение для своего блога на WordPress, которое упрощало бы процесс комментирования. И такое решение я нашел — плагин Antispam Bee для WordPress, да, пчела. Читать далее Отказываемся от капчи и упрощаем жизнь пользователям

Раздача ICQ-семизнаков #1


Всех с первым днем весны! Так как за окном всё грустно, скучно, серо и печально, решил порадовать вас первой весенней раздачей ICQ, которая при успешном ее завершении, войдет в традицию на нашем блоге. Читать далее Раздача ICQ-семизнаков #1

Создаем и используем CSS-спрайты


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

Preloaders.net — генератор анимации загрузки

preloaders.netПриветствую вас, уважаемые читатели. Мы с вами — веб-разработчики и нам довольно часто, особенно при использовании JavaScript/Ajax, приходится присоединять анимацию загрузки к операциям, которые занимают относительно продолжительное время. Вручную рисовать эту анимацию достаточно долго и сложно, поэтому эта задача под силу не всем. И в этом случае на помощь приходит сервис Preloaders.net — онлайн-генератор анимации загрузки. Читать далее Preloaders.net — генератор анимации загрузки

Как оставаться креативным? 8 советов дизайнерам


Привествую вас, читатели блога true-coder.ru. Давно я не писал в блог — уж очень мало времени у меня было. Попытаюсь наверстать упущенное. Этот пост в первую очередь будет интересен для графических дизайнеров, но приведенными советами может пользоваться каждый.

Как известно, отличительной чертой дизайнеров является их креативное мышление. А дизайнер без креативных мыслей — как паровоз без двигателя. И теперь представьте, что это самое мышление утухает на глазах и ваше «творчество» превращается в унылое говно, которое не нравится ни вам самим, ни вашим друзьям, ни, тем более, вашим заказчикам. И что делать? В этой статье я дам вам 8 советов, как не потерять себя и где черпать силы для покорения новых творческих горизонтов. Поехали 😉 Читать далее Как оставаться креативным? 8 советов дизайнерам

Кнопка «Вверх» с плавной прокруткой страницы на jQuery

Наверняка, на многих сайтах вы видели кнопку «Вверх страницы», по нажатию на которую вы перемещаетесь в самый верх страницы. Сегодня я расскажу вам, как сделать такую кнопку, причем, она будет иметь несколько особенностей: во-первых, она будет появляться при прокрутке страницы вниз, а во-вторых, страница не будет прыгать вверх, как на многих сайтах, а плавно прокручиваться вверх. Чтобы было понятнее, посмотрите демо и мы приступим. Читать далее Кнопка «Вверх» с плавной прокруткой страницы на jQuery