Записи, помеченные ‘урок верстка’

• 

  Использование элементов HTML col и colgroup

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

  Далее... 1 Комментарий »
• 

  Использование расположений CSS: значение по умолчанию «статическое»

  По умолчанию ко всем элементам на странице применяется статическое расположение. Поэтому статическое расположение почти никогда нет необходимости задавать, кроме тех случаев, когда нужно переопределить другое значение расположения, наследуемое от более раннего объявления. 

  Далее... 1 Комментарий »
• 

  Создание рекурсивного дизайна SVG, часть первая

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

  Далее... 1 Комментарий »
• 

  Альтернатива галерее изображений Lightbox на чистом CSS

  Нам никогда особо не нравился плагин для создания галереи изображений Lightbox, так что в этом уроке мы предложим свой способ создания подобной галереи изображений. Эффект, создаваемый с помощью вышеупомянутого плагина, знаком буквально всем, так как это один из первых популярных JavaScript-плагинов для создания галерей, так что варианты этой идеи быстро приобрели широкое распространение. К сожалению, в [...]

  Далее... 1 Комментарий »
• 

  Использование селектора псевдоэлемента

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

  Далее... 1 Комментарий »
• 

  Использование селектора элемента в CSS

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

  Далее... 1 Комментарий »
• 

  Создание более плотных абзацев с использованием переноса слов CSS3

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

  Далее... 2 Комментариев »
• 

  Использование цветовой модели RGB в CSS

  Хотя цветовая модель RGB менее компактна в записи кода CSS, чем шестнадцатеричная, зато ей намного проще управлять напрямую через JavaScript, именно RGB используется в  JavaScript для возвращения информации о цвете элементов, независимо от того, каким способом им был задан цвет в коде CSS, поэтому так полезно разобраться именно с этой цветовой моделью. 

  Далее... 1 Комментарий »
• 

  Использование изображений в формате DataURI

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

  Далее... 2 Комментариев »