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

Читать далее →

От автора: друзья, приветствую! Наверное, многие слышали термин pixel perfect верстка. Pixel perfect верстка — это верстка, при которой итоговая html страница и исходный PSD макет полностью, до каждого пикселя, совпадают. Если с самим термином все понятно, то с вопросом «Как реализовать попиксельную верстку?» или «Как сравнить верстку и исходный макет?» могут возникнуть сложности. В данном уроке мы рассмотрим плагин, который позволяет быстро и удобно делать попиксельную верстку.

Читать далее →

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

Читать далее →

От автора: иконки сейчас очень популярны, они дополняют контент (в большинстве случаев). Но с другой стороны они могут доставить немало хлопот. Если вы определились с форматом (SVG или шрифты-иконки?) и создали сами иконки, все равно по мере разработки будут всплывать различные моменты. Хороший вопрос, который часто приходит на ум, когда начинаешь рассуждать об иконках: есть советы, как можно выровнять svg иконки в тексте?

Читать далее →

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

Читать далее →

От автора: в этой небольшой статье мы познакомимся с CSS счетчиками – полезным, но пока не очень известным свойством. После нашего демо мы разберем реальные примеры сайтов, на которых применяются CSS счетчики.

Читать далее →

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

Читать далее →

От автора: приветствую вас на сайте webformyself. Сегодня я расскажу вам, как оптимизировать изображения на сайте и почему это важно делать, а также какая польза от того, что ваши картинки меньше весят.

Читать далее →

От автора: приветствую тебя, дорогой читатель. Title и description имеют огромное значение при поисковой оптимизации сайта, поэтому их добавление и правильное прописывание очень важно. Сегодня мы как раз поговорим об этом. Например, как добавить мета теги в wordpress, как их правильно заполнить и т.д.

Читать далее →

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

Читать далее →