Очередной блог фрилансера

коротко и полезно о веб-разработке

Menu Close

Tag: верстка (page 1 of 2)

Полезные инструменты для CSS-разработки

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

Read more

Учимся считать с помощью CSS

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

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

Псевдо-селектор :target

Псевдо-селектор :target срабатывает при совпадении хэша в URL и ID элемента на странице. Read more

Обзор CSS-свойства vertical-align

Довольно часто от веб-разработчиков можно услышать возмущенный возглас: “vertical-align не работает!”.  Несмотря на то, что назначение этого свойства следует из его названия, на практике, начинающие разработчики, равно как и многие ветераны CSS, часто испытывают трудности с его применением.

В сегодняшней статье, я постараюсь раскрыть все непонятные моменты этого CSS-свойства.  Read more

CSS-Transitions без использования :hover

До недавнего времени, наиболее распространенным вариантом использования CSS-transitions – было сочетание его с хорошо известным псевдо-классом CSS :hover. Read more

Кое-что интересное о CSS-свойстве border

Несмотря на годы веб-разработки и чтения тематических блогов и книг по CSS, я по-прежнему сталкиваюсь с неизвестными возможностями давно знакомых CSS-свойств. Read more

Изучаем CSS-позиционирование за 10 шагов

Позиционирование — одно из ключевых понятий в блочной верстке. Разобравшись с ним, вам многое станет понятно, а верстка из шаманства превратится в осмысленный процесс. Итак, речь в статье пойдет о CSS-свойствах position и float. Read more

Обзор CSS-свойства white-space

Немногие, начинающие CSS-кодеры знакомы с таким полезным свойством как white-space. Вы вполне можете обходиться без этого свойства долгое время, но однажды, узнав о нем, вы найдете его очень удобным, и будете возвращаться к нему снова и снова.В сегодняшней статье, мы рассмотрим возможные значения свойства white-space, а также способы их применения. Read more

Что такое inline-block?

Если вы работаете с CSS не первый день, то наверняка знакомы со значением inline-block, свойства display. Наиболее часто эту связку используют для устранения проблем в IE6. Read more

Создание формы со скользящими подписями

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

В его статье, меня особенно заинтересовала часть, о расположении подписей внутри текстовых полей: Read more