Как правильно верстать сайты и прикручивать всякие фишки
Кросспост с записи из блога HiPO.
Всем привет! С вами Жаржан, фронтэнд разработчик HiPO. В этой записи хотел рассказать вам про CSS в HiPO.
Разные факты
- Вся фронтэнд команда состоит из меня :)
- Используем Gulp, Sass и несколько плагинов PostCSS;
- Стили весят где-то 20кб(сжато через gzip);
- Никаких внешних скриптов не используется(кроме аналитики и прочих метрик).
Читать дальше →
Привет коллеги, я тут кое-что сделал для того чтобы ускорить верстку =)
Semser — Photoshop плагин для быстрого экспорта
Feedback Needed! =)
Это перевод статьи
Single-click layer exporting in Photoshop
Используйте
этот классный Photoshop экшен для экспорта слоев и групп слоев в один клик.
Одной из наиболее часто повторяющихся задач в веб-разработке, это нарезка макета, то есть сохранение части изображения в отдельный файл, как .png или .jpg. Если вам когда-нибудь понадобиться выполнять много однообразных действий, ОСТАНОВИТЕСЬ, и откройте панель экшенов.
Читать дальше →
Всем здравствуйте. В связи с
последними постами в этом блоге на тему CSS препроцессоры, решил внести и свои 5 копеек. Надеюсь, всем тем, кто еще не пользуется этим замечательным инструментом, этот пост поможет это исправить.
SCSS
SCSS, SASS, LESS отличаются синтаксисом. Я выбрал SCSS, так как его синтаксис самый близкий к нативному CSS.
Читать дальше →
Проголосовал позавчера тут
jnet.kz/blog/httml/3195.html, сейчас дошли руки написать развёрнуто. Получилось слишком много для комментария – там ещё и шрифт мельче, так что оформлю отдельным постом.
Мы используем less, по возможности, везде. Возможность есть не всегда, в особенности, когда вёрстка чужая – пока ещё ни один местный потенциальный исполнитель не выразил готовности сверстать нам что-нибудь в less, а необходимость потом копаться в сырой чужой вёрстке на ванильном css с диким количеством копипасты жутко нервирует. Поэтому, займусь пропагандой здорового образа жизни среди местного населения. ;)
Я не буду говорить про очевидное, типа того, что такие жизненно необходимые вещи, как переменные и арифметика, жизненно необходимы. Расскажу о глобальном.
Читать дальше →
Приветствую.
собственно сабж. Какой css препроцессор вы используете ?
Интересно бы услышать почему именно выбранный ?
Хотелось бы обсудить этот вопрос
Инфографики к обсуждению
http://cdn.css-tricks.com/wp-content/uploads/2012/06/Charts-for-Preprocessor-Usage1-696x1024.png
з.ы. в опрос нельзя добавить картинки?
В зависимости он информации, Scrollbar может быть “длинным” и ”коротким”, как можно получить эти значения в px?
В 2003 году Dave Shea запустил
CSS Zen Garden. Наверно многие знают этот сайт. Если нет, вам стоит на это посмотреть. Данный сайт демонстрирует чего можно достичь средствами CSS. Каждый из участников загрузил на сайт свой вариант CSS файла и продемонстрировал как можно изменив дизайн, всего лишь изменив style.css
Jacob Rask пошел дальше и создал
CSS1K.
Читать дальше →
Здравствуйте. Передо мной стоит задача заблокировать доступ к сайту с iPad, т.е. пользователи iPad’a не должны иметь возможность для входа на сайт.
Так вот у меня вопрос, а как это лучше сделать?
А для чего это мне нужно? Пока решается задача по оптимизации сайта под iPad мы решили, что пользователи iPad’a не должны его видеть, так как он криво масштабируется.
Так как я предпочитаю программирование, то за технологиями в мире вёрстки и дизайна особо не слежу. Да про CSS3 слышал, да говорят круто, но что там такого крутого не разбирался. После Я.Субботника меня заинтересовало это слово CSS3, и вот вчера вечерком я сел смотреть что это за зверь такой. Далее будут описаны простые примеры, так что если вы уже знакомы с этой технологией, то вам скорее всего будет скучно читать, всех остальных прошу под кат.
Читать дальше →