Войти Регистрация

Статьи о верстке на CSS


Сборка отличных статей на тему css. Написание кода css, примеры и подробные обьяснения, техники использования css. Обо всем этом читайте в наших статьях.
Bootstrap сетка, примеры реализаций сетки на bootstrap 3
Просмотров: 2909

Стремительно развивающиеся технологии заставляют нас идти в ногу со временем. Если раньше дизайн создавался на чистом HTML и CSS коде, то сегодня время библиотек кода.

Многие фронт энд разработчики, которые ценят свое время, давно уже используют шаблонизаторы, сетчастые структуры, SESS, LESS, Bootstrap и другие решения. Это правильно, зачем усложнять себе жизнь, когда есть готовые коллекции и реализации задач.

Сегодня мы рассмотрим, как просто можно создавать блочные сетки на bootstrap 3.0. Хотя с уверенностью могу сказать, через пол года, нужно будет вникать в новую 4 версию бутстрапа.

17 лучших плагинов для Sublime Text 2
Просмотров: 32525

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

Увеличиваем скорость обработки CSS кода
Просмотров: 3482

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

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

Создание семантических HTML + CSS шаблонов на 2 и 3 колонки
Просмотров: 8484

В этой статье мы рассмотрим различные способы создания мульти колоночных шаблонов с помощью HTML и CSS. Вы узнаете как создавать шаблоны используя обтекание и прямое позиционирование. Большинство сайтов используют 2 или 3 колонки, поэтому этот факт взят за основу. При создании будем соблюдать семантику кода.

Div колонки: 4 способа растянуть div колонки по высоте
Просмотров: 30377

В этой статье обсуждаются некоторые методы и техники создания div колонок, а также их выравнивания по высоте. Требования к этим способам будут простые – работоспособность во всех браузерах (даже в IE6). Все эти методы будут реализованы на 3 колоночном div шаблоне.

Создадим шаблон, в котором все три div колонки будут растянуты по одинаковой высоте.

Какой лучший редактор HTML, PHP, CSS, JS кода?
Просмотров: 141882

Для нас, разработчиков, выбор редактора исходного кода не является чем-то малозначительным. Это среда, в которой мы тратим большинство своего времени. От редактора кода зависит наша продуктивность.

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

  • Удобство использования – насколько редактор прост для новичков, насколько интуитивно понятен, когда мы открываем его впервые.
  • Мощность – критерий всех новшеств, возможностей редактирования кода, автодополнение, режимы редактирования и т.д.
  • Расширяемость – поддерживает ли редактор плагины, дополнительные библиотеки.
  • Эстетика – мы любим красоту в нашей работе, насколько среда приятная на вид, насколько аккуратно выглядит код в ней.
  • Скорость – насколько быстро запускается редактор, насколько быстро открывает большие файлы.
  • Кросс-платформенность – доступен ли редактор для нескольких операционных систем.
  • Цена – самая дешевая цена, получает наивысшую отметку.
Несколько background с помощью CSS, или Multiple Backgrounds
Просмотров: 10684

Сегодня, практически в каждом дизайне сайта присутствует красивая background картинка.

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

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

В этой статье мы рассмотрим синтаксис кода, который поддерживает несколько background (multiple backgrounds) в одном элементе.

17 CSS + HTML альтернатив кроссбраузерной верстки
Просмотров: 22234

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

Цель данной статьи собрать полезные решения на HTML и CSS коде, соответственно кроссбраузерности. То есть, эти примеры кода будут отображаться во всех браузерах одинаково.