HTML Academy — это интерактивные онлайн-курсы по HTML и CSS. Проект существует уже более года, за который мы создали более 15 курсов, большая часть из которых бесплатна. Всё это время работа велась на чистом энтузиазме, однако, сейчас уже нужно выходить на новый уровень, чтобы делать курсы чаще, круче и полезнее. Для этого есть много путей, и один из них — народное финансирование.

Немного об HTML Academy

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


Читать дальше →

Альтернативное название статьи – «почти :child-count(n)». Потому что именно так оно все и работает. На голом CSS и без каких-либо дата-атрибутов или чего-либо еще в верстке.

Представьте, что у вас есть, например, какая-нибудь лента новостей. Неважно, какая. Главное, что вы не знаете, сколько в ней будет элементов, и как их расставить так, чтобы было симметрично. И хочется сделать что-то бесполезное, но красивое: например, расставить все в две колонки, а некоторые блоки вставить во всю ширину. Каждый третий, или каждый пятый.

Конечно же, если у вас четыре элемента, а третий вы сделали во всю ширину – последний будет свешиваться в конце. Поэтому нужно применять такую красивую и бесполезную вещь только в том случае, если количество элементов кратно трем. А если их нечетное число(но не кратное трем) — нужно делать, например, последний элемент во всю шинину.
Вот так, например:



Как же это сделать?

+ развернуть текст   сохранённая копия

Тэги: css, design, responsive, web, адаптивный, веб-дизайн, веб-разработка, дизайн

Подборка полезного для Twitter Bootstrap 3

   2013-10-21 07:54:16
Прошло уже много времени с момента релиза Bootstrap 3, большинство инструментов, сервисов и других ...
+ развернуть текст   сохранённая копия

Тэги: bootstrap, css, веб-дизайн, веб-разработка, подборка

Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю № 79 (13 — 19 октября 2013)

   2013-10-19 23:18:12
+ развернуть текст   сохранённая копия

Тэги: 8.1, css, css3, group, html, html5, ie11, jquery, mcss, nodejs, togetherjs, windows, yac, zfort, блог, браузеры, веб-дизайн, веб-разработка, дайджест, интересное, компании, новости, ресурсы, сми, ссылки