Скрипты и советы

[Из песочницы] Малоиспользуемые, но от этого не менее прекрасные возможности LESS

[Из песочницы] Малоиспользуемые, но от этого не менее прекрасные возможности LESS

Данный пост навеян коментарием уважаемого хабраюзера SerafimArts о том, что LESS много чего не умеет. Хочется развеять эти крамольные заявления и заодно показать, каким прекрасным может быть LESS, если правильно его готовить. Примечание: некоторые примеры «из жизни» в данной статье предоставлены для тех людей, кто по каким-то причинам (вплоть до религиозных) не использует Autoprefixer. Примечание 2: для всего, что написано ниже используется последняя версия LESS, потому что нет вообще ни одной

Подробнее
Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №120 (11 — 17 августа 2014)

Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №120 (11 — 17 августа 2014)

Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости Читать дальше →  Источник: Уроки CSS на Хабрахабре

Подробнее
Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №95 (2 — 8 февраля 2014)

Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №95 (2 — 8 февраля 2014)

Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости Читать дальше →  Источник: Уроки CSS на Хабрахабре

Подробнее
[Из песочницы] «Font-weight: bolder» для шрифтов со множеством начертаний

[Из песочницы] «Font-weight: bolder» для шрифтов со множеством начертаний

Если вы используете шрифт со множеством начертаний, то вам, вероятно, захочется, чтобы теги strong и b не увеличивали жирность шрифта до фиксированного значения font-weight:700, как это происходит по-умолчанию, а использовали промежуточные значения, рассчитанные исходя из жирности шрифта родительского элемента. Ведь не очень красиво, когда в ультратонком шрифте появляются жирные кляксы тегов strong. Читать дальше → ...  Источник: Уроки CSS на Хабрахабре

Подробнее
Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №94 (26 января — 1 февраля 2014)

Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №94 (26 января — 1 февраля 2014)

Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости Читать дальше →  Источник: Уроки CSS на Хабрахабре

Подробнее
Как сверстать веб-страницу. Часть 2 — Bootstrap

Как сверстать веб-страницу. Часть 2 — Bootstrap

Введение Уважаемый читатель, эта статья является второй частью цикла статей, посвященных вёрстке. В первой части мы верстали шаблон Corporate Blue от студии Pcklaboratory с помощью стандартных средств на чистом HTML и CSS. В данной статье мы попробуем сверстать этот же шаблон, но с помощью CSS фреймворка Bootstrap 3. Читать дальше → ...  Источник: Уроки CSS на Хабрахабре

Подробнее
[Перевод] Вышел Bootstrap 3.1

[Перевод] Вышел Bootstrap 3.1

Сегодня мы выпустили Bootstrap версии 3.1.0. В нее добавлены несколько новых возможностей, множество фиксов и улучшений, и обновили средства для сборки проекта. Основные изменения касаются документации, поддержки Sass, и некоторые других улучшения. Подробнее под катом. Читать дальше →  Источник: Уроки CSS на Хабрахабре

Подробнее
Шпаргалка по верстке для больших и маленьких

Шпаргалка по верстке для больших и маленьких

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

Подробнее
Фронт-энд Островка изнутри

Фронт-энд Островка изнутри

Привет, меня зовут Игорь (iamo0), я старший фронт-энд разработчик в Островке. Я занимаюсь нашим основным продуктом: сайтом Ostrovok.ru. С помощью нашего сайта ежедневно бронируют отели тысячи человек, поэтому для нас очень важно, чтобы качество нашего продукта было на высоте. А для этого нужно не отвлекаться на разного рода мелочи и уметь эффективно решать поставленные задачи. Расскажу как мы организовали процесс фронт-энд разработки так, чтобы можно было решать поставленные задачи, не

Подробнее
Подборка инструментов для эффективной frontend разработки

Подборка инструментов для эффективной frontend разработки

В эту прекрасную пятницу осмелюсь предложить хабрасообществую небольшую подборку приложений, предназначенных для увеличения продуктивности во время работы с фронтэндом. Если ваш любимый апп здесь не представлен — добро пожаловать в комментарии! Form Builder Этот прекрасный генератор форм поможет вам в создании красивейших CSS логин-боксов и прочих input вещей, при минимальных временных затратах. Помимо форм на сайте этого проекта можно создавать и другие не менее красивые CSS элементы, в том

Подробнее
Модель строгости

Модель строгости

Я помешан на порядке. Вся информация должна быть разложена по полочкам — идеи, планы, подходы, методологии. Меня пугают мысли о беспорядке — я стараюсь всё систематизировать и изложить в личные заметки, статьи или документации. Но что делать, когда система не работает, ресурсы ограничены и специфика задачи не соответствуем идеальным понятиям? Под катом, я поделюсь своими мыслями о “Модели строгости”, касательно методологий разработки и многослойной системы организации CSS. Читать дальше →

Подробнее
[Перевод] Кастомные фильтры в CSS

[Перевод] Кастомные фильтры в CSS

Приступая к кастомным фильтрам на CSS (Custom Cascading Style Sheets Filters) Вступление Кастомные CSS фильтры (далее CCSSF)(ранее известные как CSS шейдеры) — это новая браузерная фича, накладывающая созданные руками визуальные эффекты на элементы HTML документа. Кастомные фильтры являются частью Filter Effects 1.0 specification. Они дополняют другую ...  Источник: Уроки CSS на Хабрахабре

Подробнее