Tag: верстка

  • Как сделать адаптивный по высоте/ширине инпут

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

  • Символьный SVG-спрайт. Подробное руководство

    Если вы из тех разработчиков, кто только задумывается о внедрении в свой проект svg-спрайтов или из тех, кто давно хотел, но не знает с чего начать, эта статья определенно будет вам полезна. Об удобстве и пользе спрайтов вообще и SVG-спрайтов в частности немало информации как на родном, так и на иностранном языке. Поэтому, в этой…

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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