CSS

Кнопки социальных сетей на CSS3

      CSS

Здравствуйте, уважаемые читатели XoZbloga! Представляю Вашему вниманию набор социальных медиа кнопок созданный полностью на CSS3. Изображения не используются при создании этих кнопок, так что можно увеличивать размер, без потери качества. Такой результат добивается с помощью @font-face генератора, и правила @font-face в CSS позволяет определить настройки шрифтов. В данном случае изображений социальных сервисов. Все необходимые файлы включены в архив для скачивания.

LESS CSS: Меню в стиле Apple

      CSS

Здравствуйте, уважаемые читатели XoZbloga! Веб-дизайн и веб-разработка очень быстро развиваются. Мы каждый день видим все больше и больше новинок, будь то приложения или новые сервисы, которые делают нашу жизнь в сети более продуктивной и удобной. А веб-дизайн это просто безграничное пространство, ограниченное только талантом и умениями «художника» (дизайнера). Так вот, поговорим же мы сегодня о LESS — динамическом языке стилевой разметки, который упростит написание стилей CSS.

Эффект на Google Chrome Extension с помощью CSS3, jQuery и MooTools

      CSS, jQuery, MooTools

Здравствуйте уважаемые читатели XoZblogа! Вы наверняка знаете, что такое Google Chrome и возможно даже пользуетесь им. Тогда Вам должен быть хорошо известен Интернет-магазин Chrome, так вот там применяется следующий эффект — при наведении курсора мыши на миниатюру расширения, снизу «выезжает» панель с описанием и кнопкой добавить. В этом уроке реализуем такой эффект тремя способами:

Фотогалерея для сайта с использованием HTML5 Canvas

      CSS, HTML, jQuery

Здравствуйте уважаемые читатели XoZblogа! В этом уроке мы создадим фотогалерею для сайта с использованием HTML5 Canvas и CSS3. Смотрите демо-версию, чтобы оценить эффект при наведении на изображение. Оттенки серой «копии» основного изображения создаются с помощью Canvas, а также с CSS3 для плавного изменения «копии» на основное изображение. Советую также ознакомиться с уроком Галерея изображений на jQuery. Коротко о том, что такое Canvas. Спецификация HTML5 включает множество новых тегов, одним из которых является canvas.

Простые стили для горизонтальных линий, тег <hr />

      CSS, HTML

Привет! А Вы пользуетесь горизонтальными линиями (т.е. тегами <hr />), при верстке сайта? Если да, то эта статья для Вас! Конечно при желании можно придумать и реализовать, достаточно интересные линии, которые будут подходить именно Вашему проекту и вписываться в общий дизайн! Вот несколько простых CSS правил для горизонтальных линий.

6 новых методов, которые должен знать каждый веб-разработчик.

      CSS, HTML

Веб-разработчики всегда должны совершенствовать свои знания и изучать новые техники программирования, если они хотят «идти в ногу» со временем. Сегодня, я собираюсь показать Вам 6 свежих методов веб-разработки, что определенно следует знать, или улучшать, если Вы их уже знаете.