Какой рейтинг вас больше интересует?
|
Главная / Главные темы / Тэг «css»
Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №189 (6 — 13 декабря 2015) 2015-12-14 00:29:37
Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT- ...
+ развернуть текст сохранённая копия
Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости
Читать дальше →
Тэги: angular, css, es6, group, html5, javascript, react, svg, zfort, анимация, блог, браузеры, веб-дизайн, веб-разработка, дайджест, компании, новости, ссылки
[Перевод] Вы можете не использовать инструменты 2015-12-13 03:15:27
... Sass? Старый добрый CSS прекрасно со всем ...
+ развернуть текст сохранённая копия
Недавно я взял небольшую халтурку по улучшению сайта некоммерческого приюта для животных, расположенного в нашем городе. Существующий был сделан на старинной версии Microsoft FrontPage, поэтому все мои действия с ним по определению были улучшением.
Минут за 20 я сделал простой дизайн на HTML, а затем потратил несколько часов на его редактирование, переделку и улучшения. Итого, я уменьшил 25-страничный сайт до 8-страничного, который стал более дружественным.
Дальше мне сразу захотелось применить какой-нибудь новомодный инструмент. Генератор статических сайтов, CMS, Sass, решётки, ещё какие-то модные штучки…
Затем я критически посмотрел на эти инструменты. Генератор статических сайтов требует знания разметки, команд и настроек. CMS надо настраивать, задавать логины, накатывать патчи для безопасности, шаблоны и поддерживать. Даже для готовых CMS на хостинге нужно потратить время и усилия, при том, что контент будет в плену внутри чьей-то чужой системы.
Это инструменты, сделанные гиками для гиков. Зачем 8-страничному сайту CMS? Зачем вообще заморачиваться Sass? Старый добрый CSS прекрасно со всем справится.
Читать дальше →
Тэги: css, html, sass, веб-дизайн, веб-разработка
Режимы и состояния в SCSS 2015-12-11 22:33:32
+ развернуть текст сохранённая копия
Соображения на тему использования режимов и состояний компонентов пользовательского интерфейса. Рассмотрим применение подхода при работе с препроцессорами стилей. Осторожно, в статье слишком много примеров кода.
Читать дальше →
Тэги: css, ooscss, scss, веб-разработка, интерфейсы, кода, организация, препроцессоры
Фотошоп для верстальщика (программиста) 2015-12-08 17:01:56
 + развернуть текст сохранённая копия
Статья-руководство будет полезна для новичков и для тех, кто ещё не перешел на новые/альтернативные инструменты для вёрстки макетов сайтов. А также для тех, кто читает правила «каким должен быть псд-макет», которые о слоях, папках подсвеченных и правильно названных, но в реальной жизни с такими макетами не сталкивающихся.
Итак, начнем (под катом длинная статья и много картинок).
Читать дальше →
Тэги: css, html, photoshop, php, psd, веб-дизайн, вёрстка
Как я использую SVG-спрайты 2015-12-07 10:16:08
Привет, разработчик!
При верстке макета из PSD часто иконки вставлены в формате SVG. А ...
+ развернуть текст сохранённая копия
Привет, разработчик!
При верстке макета из PSD часто иконки вставлены в формате SVG. А если нет — прошу их у дизайнера. Ранее я использовал иконочные шрифты, но недавно увидел преимущества спрайтов и решил попробовать с ними поиграться внедрить их в процесс разработки. Мне нравятся иконочные шрифты, но они имеют ряд недостатков(на эту тему почитайте CSSTricks). Эксперимент удался, и вот как я организовал систему.
Читать дальше →
Тэги: css, html, jade, sass, sprites, svg, веб-разработка
Главная / Главные темы / Тэг «css»
|
|
