Рубрики
Верстальщику

Как достичь плавной 60 FPS анимации с помощью CSS3?

Это заметка из разряда «просто оставлю это здесь». Нельзя сказать, что информация изложенная в статье открывает что-то новое, просто в ней в разложено по полочкам. Все мы знаем, что при использовании CSS3 анимации нужно применять transform, а не transition. Все знаем, что не стоит анимировать свойства, которые вызывают перекомпоновку layout, но не все и не всегда помним все это, когда делаем очередное fly-out меню или что-то вроде. В статье Smooth as Butter: Achieving 60 FPS Animations with CSS3 детально рассказано, как делать анимации с CSS3 правильно.

Читать статью на англиском →

Рубрики
Верстальщику

Подборка полезных инструментов для верстальщика

tool-set
Верстать продуктивно, не располагая хорошими инструментами, сложно. Как правило, каждый из нас имеет свой набор плагинов к редактору, фреймворков и определенную методологию, которая помогает верстать больше за меньшее время и делать это не только быстро но и красиво. Не знаю как кому, а мне всегда интересно экспериментировать с методологиями и инструментами для получения лучшего результат, более того, что технологии не стоят на месте. Поэтому я и решил собрать несколько новых интересных инструментов и методологий, которые помогут нам, верстальщикам или фронт-енд разработчикам (если по-модному), в работе.

Рубрики
Верстальщику

Применение CSS3 свойств для «обрезания» текста

Это будет «быстропост» прикладного характера. В нем будет больше кода, чем текста, но надеюсь он вам будет полезен.
Итак, задача: у нас есть список новостей из десяти пунктов с заголовком и вступительным текстом и нам нужно отдавать мобильным устройствам этот список в урезанном виде из пяти пунктов с укороченными заголовками и вступительным текстом в одну строку, и еще, чтобы пользователь видел «…» в конце урезанного текста, при этом на мобильное устройство приходит тот же текст что и на десктоп. Можно использовать JavaScript, но зачем, если есть CSS3?

Рубрики
Всем сразу

Viva bootstrat!

Почему так, почему «Viva bootstrat!»? Все очень просто — теперь блог использует тему основанную на уже известном Bootstrap. Я очень долго присматривался к этому фреймворку от Twitter, а потом, когда сделал на нем верстку для Adminjobs.ru, решил что это очень качественный, гибкий и масштабируемый инструмент для верстки современных макетов на HTML5 и CSS3.

Собственно, простота, гибкость и универсальность, пропагандируемые блогом и лично мною, как нельзя лучше находят свое отражение в Bootstrap.

Поэтому, милости прошу всех в обновленный внешне Master-web.

Кстати, как вам такой вариант блога?

[poll id=»3″]

Рубрики
Верстальщику

Джентльменский набор HTML и CSS верстальщика

Инструменты для HTML и CSS верстальщика
Здравствуйте. Сегодня, мне бы хотелось рассказать о том, что лично мне, весьма помогает работать (имеется ввиду верстать) быстрее, а значит, отчасти, меньше. Я расскажу об инструментах и технологиях которые я старюсь использовать в верстке на каждом проекте, естественно по мере необходимости. Все инструменты абсолютно открыты для использования, и они не являются плагинами или расширения к редакторам, о которых я писал ранее в посте «Парочка инструментов для того, чтобы работать быстрее». Итак начнем.