Десятка самых используемых имен классов CSS

Часто веб-мастера озадачиваются назначением имен классов и обычно это заканчивается тем, что они используют неправильные.

Имена классов не должны описывать то, как элемент выглядит или где он находится. Хорошее имя класса должно описывать то, что именно из себя элемент представляет.

Вот вам десятка имен классов с объяснениями. Надеюсь, она покажет вам более определенную картину того, какого вида имена классов вам следует использовать.

Подробнее...


Как правильно говорить на HTML

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

Подробнее...


3 простых и быстрых техники CSS для обрезки картинок

В этой статье мы расскажем вам о 3 быстрых и простых методах CSS, которые вы cможете использовать, чтобы показать только часть картинки на вашей страничке.

Все использованные здесь методы, фактически нуждаются только в паре строчек CSS кода. Однако, это не обрезание в прямом смысле этого слова (CSS пока не может сделать этого), мы просто скрываем и показываем только ту часть картинки, которую мы хотим увидеть.

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

Подробнее...

Простой путь к показу случайного содержимого с анимацией и без

Эта статья подойдет тем, кто делает или будет делать проект, где необходимо менять содержимое формы, состоящей из полезных советов типа — «А вы знали?».

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

Подробнее...

10 советов о том, как проектировать для WEB

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

Подробнее...