Рейтинг
+7.48

HTML, верстка, кодинг, CSS

Как правильно верстать сайты и прикручивать всякие фишки

CSS в HiPO

HTML, верстка, кодинг, CSS /
Кросспост с записи из блога HiPO.
Всем привет! С вами Жаржан, фронтэнд разработчик HiPO. В этой записи хотел рассказать вам про CSS в HiPO.

Разные факты

  • Вся фронтэнд команда состоит из меня :)
  • Используем Gulp, Sass и несколько плагинов PostCSS;
  • Стили весят где-то 20кб(сжато через gzip);
  • Никаких внешних скриптов не используется(кроме аналитики и прочих метрик).

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

Экспорт слоев из Photoshop в один клик!

HTML, верстка, кодинг, CSS /
Это перевод статьи Single-click layer exporting in Photoshop

Используйте этот классный Photoshop экшен для экспорта слоев и групп слоев в один клик.

Одной из наиболее часто повторяющихся задач в веб-разработке, это нарезка макета, то есть сохранение части изображения в отдельный файл, как .png или .jpg. Если вам когда-нибудь понадобиться выполнять много однообразных действий, ОСТАНОВИТЕСЬ, и откройте панель экшенов.


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

Как начать использовать CSS препроцессоры

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

SCSS

SCSS, SASS, LESS отличаются синтаксисом. Я выбрал SCSS, так как его синтаксис самый близкий к нативному CSS.
Читать дальше →

re: Css препроцессор

HTML, верстка, кодинг, CSS /
Проголосовал позавчера тут jnet.kz/blog/httml/3195.html, сейчас дошли руки написать развёрнуто. Получилось слишком много для комментария – там ещё и шрифт мельче, так что оформлю отдельным постом.

Мы используем less, по возможности, везде. Возможность есть не всегда, в особенности, когда вёрстка чужая – пока ещё ни один местный потенциальный исполнитель не выразил готовности сверстать нам что-нибудь в less, а необходимость потом копаться в сырой чужой вёрстке на ванильном css с диким количеством копипасты жутко нервирует. Поэтому, займусь пропагандой здорового образа жизни среди местного населения. ;)

Я не буду говорить про очевидное, типа того, что такие жизненно необходимые вещи, как переменные и арифметика, жизненно необходимы. Расскажу о глобальном.

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

Css препроцессор

HTML, верстка, кодинг, CSS /
Приветствую. собственно сабж. Какой css препроцессор вы используете ? Интересно бы услышать почему именно выбранный ? Хотелось бы обсудить этот вопрос Инфографики к обсуждению http://cdn.css-tricks.com/wp-content/uploads/2012/06/Charts-for-Preprocessor-Usage1-696x1024.png з.ы. в опрос нельзя добавить картинки?

CSS1K пошли дальше, чем CSS Zen Garden

HTML, верстка, кодинг, CSS /
В 2003 году Dave Shea запустил CSS Zen Garden. Наверно многие знают этот сайт. Если нет, вам стоит на это посмотреть. Данный сайт демонстрирует чего можно достичь средствами CSS. Каждый из участников загрузил на сайт свой вариант CSS файла и продемонстрировал как можно изменив дизайн, всего лишь изменив style.css


Jacob Rask пошел дальше и создал CSS1K.
Читать дальше →

Заблокировать доступ к сайту с iPad.

HTML, верстка, кодинг, CSS /
Здравствуйте. Передо мной стоит задача заблокировать доступ к сайту с iPad, т.е. пользователи iPad’a не должны иметь возможность для входа на сайт.

Так вот у меня вопрос, а как это лучше сделать?

А для чего это мне нужно? Пока решается задача по оптимизации сайта под iPad мы решили, что пользователи iPad’a не должны его видеть, так как он криво масштабируется.

Несколько простых примеров использования CSS 3

HTML, верстка, кодинг, CSS /

Так как я предпочитаю программирование, то за технологиями в мире вёрстки и дизайна особо не слежу. Да про CSS3 слышал, да говорят круто, но что там такого крутого не разбирался. После Я.Субботника меня заинтересовало это слово CSS3, и вот вчера вечерком я сел смотреть что это за зверь такой. Далее будут описаны простые примеры, так что если вы уже знакомы с этой технологией, то вам скорее всего будет скучно читать, всех остальных прошу под кат.

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