Блог о веб-дизайне в свободное время

Иконочный шрифт Font Awesome приобрёл огромную популярность в мировом сообществе веб-дизайнеров, благодаря его универсальности,  масштабированию без потери качества и возможностью стилизации. Я предлагаю простой способ небольшого сокращения и оптимизации кода при работе с ним.

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

При работе над сайтами мы рано или поздно сталкиваемся с необходимостью создания логотипа, внешний вид которого должен поддержать имидж компании-заказчика. Однажды я задумался, к каким стилям можно отнести те или иные логотипы? Как можно их классифицировать и разделить на типы. Это необходимо, в первую очередь, для полного взаимопонимания с клиентом – заказчиком сайта. Иначе придётся оперировать понятиями типа – «штучка», «кружочек», «штуковина» и прочее… Что явно непрофессионально. Кроме того, такая систематизация приводит в порядок мысли и помогает реализовать идеи.

Эта маленькая статья поможет вам правильно расположить стили ссылок в каскадной таблице стилей (style.css). В основе принципа запоминания правила лежат два слова – «love» «hate» («любовь» и «ненависть»), что облегчает процесс!

К сожалению, не всегда удаётся писать подряд серию статей на одну тему. А в CMS "Ruxe Engine" все тексты одного раздела расположены по дате и времени публикации. У меня например, получилось так, что между первой статьёй об аксиоматическом CSS и её продолжениями, "вклинились" ещё две статьи. И мне захотелось сохранить свою логику расположения статей. Лайф-хак довольно простой!

Перед тем, как мы займёмся написанием стилей для созданной нами страницы, изучим синтаксис. Я знаю, что вы в той или иной степени знаете синтаксис CSS. Но мы изучаем именно его аксиоматический вид, а он, в некоторых случаях, отличается от общепринятого. Естественно, я не призываю совсем отказаться от обычного синтаксиса. Его я использую в полной мере, но сначала я прописываю ОБЩИЕ правила и только потом – частные.

Продолжим изучение аксиоматического CSS и методов современной вёрстки веб-страниц.

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

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

Аксиома, это предложение, предлагаемое в данной теории без доказательств. Само слово «аксиоматический» обозначает - безусловный, истинный. Значит, мы с вами будем изучать истинный CSS!

Я давно мечтал приручить такую дикую штуку, как таблица. Таблицы в HTML ведут себя очень непредсказуемо. Язык интернета постоянно развивается, а таблицы остаются прежними. И меняться, похоже, не собираются. Они плохо поддаются стилизации посредством CSS и принципам адаптивности. Но я всё-таки нашёл способ, как сделать таблицу «отзывчивой», адаптивной.

Если вы начали работу на GitHub, решили загрузить туда свой проект для совместной работы с единомышленниками, то, скорее всего, в первую очередь перед вами встанет проблема создания первого файла – файла «readme.md».

Можно, конечно, просто выложить простой, неформатированный текстовой файл. Но вам захочется сделать его удобочитаемым, чтобы ссылки были выделены, блоки кода, присутствовали таблицы и так далее…
Эта статья поможет вам в этом.