Если вы из тех разработчиков, кто только задумывается о внедрении в свой проект svg-спрайтов или из тех, кто давно хотел, но не знает с чего начать, эта статья определенно будет вам полезна. Об удобстве и пользе спрайтов вообще и SVG-спрайтов в частности немало информации как на родном, так и на иностранном языке. Поэтому, в этой статье, мы не будем останавливаться на вопросах целесообразности их использования, а перейдем непосредственно к сути. Read more
10 августа, в Москве состоялся первый в России WordCamp, на котором мне, по счастливому стечению обстоятельств, удалось побывать.
Имея под рукой правильный набор инструментов, можно значительно ускорить процесс разработки сайта или веб-приложения. В сегодняшней статье вы найдете список самых новых и полезных инструментов для CSS-разработки.
Read more
Закопавшись в глубины CSS-спецификации, вы наткнетесь на CSS-счетчики. Как следует из названия, они позволяют сосчитать какой либо элемент на странице, увеличивая значение при каждом появлении элемента в документе.
Счетчики могут оказаться весьма полезными, например для сайта рецептов. Любые рецепты, независимо от тематики, состоят из набора этапов, которые автору обычно приходится нумеровать. CSS-счетчики могут сделать это автоматически, с их помощью вы даже можете сосчитать картинки в статье, и затем добавить их номера перед подписями. Read more
В далеком 2008 году, когда я только начинала вести свой блог, я как-то не подумала о том, что придется выкладывать много ссылок на архивы с примерами и демонстрационные страницы. Со временем таких статей становилось все больше и больше, а мне приходилось ставить обычные текстовые ссылки, которые никак не выделялись из основного текста. При этом, я уже давно придумала как именно сделать удобную вставку красивых ссылок-кнопок, но дальше фантазий дело не доходило. Пришла пора это исправить, в сегодняшней статье мы создадим плагин для вставки стилизованных ссылок в текстовый редактор WordPress. Read more
Те, кто следит за мной в твиттере, видели, что на днях я публиковала ссылку на музей исчезающих звуков, где помимо забавного содержимого сайта, мне на глаза попался интересный эффект следующей за курсором тени. Вся магия этого эффекта реализуется с помощью jquery-плагина Okshadow, разработанного компаний Okfocus, о нем и пойдет речь в сегодняшней статье. Read more
Вы отказываетесь использовать CSS-градиенты в своих проектах просто потому что не понимаете их, или же вас не устраивает текущая поддержка браузерами? Друзья мои, пришла пора избавиться от изображений, шириной в 1 пиксель. Если вам интересно узнать о том как использовать CSS-градиенты, эта статья для вас. Мы разберем основы синтаксиса, а затем перейдем к сложным эффектам с большим количеством советов и примеров. Read more
Любому разработчику или дизайнеру часто приходится работать с изображениями, поскольку они, несомненно, представляют собой значительную часть любого сайта. Конечно для этого обычно используются такие десктопные приложения как фотошоп или гимп, но кроме них существует целый ряд полезных онлайн-инструментов, предназначенных для хранения, ресайза и изменения картинок в онлайн-режиме. В сегодняшней статье мы рассмотрим самые лучшие из них. Read more
Псевдо-селектор :target срабатывает при совпадении хэша в URL и ID элемента на странице. Read more
Довольно часто от веб-разработчиков можно услышать возмущенный возглас: “vertical-align не работает!”. Несмотря на то, что назначение этого свойства следует из его названия, на практике, начинающие разработчики, равно как и многие ветераны CSS, часто испытывают трудности с его применением.
В сегодняшней статье, я постараюсь раскрыть все непонятные моменты этого CSS-свойства. Read more
Последние комментарии
Ольга Фомина
"Это сделано через псевдо-элемент :after, блоку задается крупный бордер, без указания ширины и ..."
.Руслан
"а как вы в header или во wraper или в body уголок загнули, ..."
Romeo
"Спасибо большое! Помогли решить проблему на которую потратил целый день. Особо благодарен примеру ..."
Irina Karaman
"честно!..ничего не понятно....всё как.то поотдельности..... как можно разделить контент на две колонны вертикальные, ..."