Яндекс.Метрика

Дизайн-журнал №1. Актуальная информация для дизайнеров, веб дизайнеров, программистов и разработчиков сайтов.

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

  • Постоянная ссылка на Использование элементов HTML col и colgroup

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

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

    Далее... 1 Комментарий »
  • Постоянная ссылка на Использование расположений CSS: значение по умолчанию «статическое»

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

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

    Далее... 1 Комментарий »
  • Постоянная ссылка на Создание рекурсивного дизайна SVG, часть первая

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

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

    Далее... 1 Комментарий »
  • Постоянная ссылка на Альтернатива галерее изображений Lightbox на чистом CSS

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

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

    Далее... 1 Комментарий »
  • Постоянная ссылка на Использование селектора псевдоэлемента

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

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

    Далее... 1 Комментарий »
  • Постоянная ссылка на Использование селектора элемента в CSS

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

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

    Далее... 1 Комментарий »
  • Постоянная ссылка на Создание более плотных абзацев с использованием переноса слов CSS3

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

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

    Далее... 2 Комментариев »
  • Постоянная ссылка на Использование цветовой модели RGB в CSS

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

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

    Далее... 1 Комментарий »
  • Постоянная ссылка на Использование изображений в формате DataURI

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

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

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