На PixelBuddha выложили ещё один свёрстанный HTML шаблон, для портфолио, называется Magnet. Можете его взять и потренироваться верстать темы для WordPress.
→ Прямая ссылка ←
Помните, что таблична вёрстка — это то, чего традиционно избегают все веб-дизайнеры? Да, но вместо того, чтобы учить верстать таблицами блоки, эта книга рассказывает о самих таблицах и как ими управлять с помощью CSS (намного сложнее чем кажется). Например, в книге рассказывается о форматировании таблиц, выравнивании ячеек и не только!
Эта книга, наряду с CSS Floating, Positioning in CSS, Transitions and Animations in CSS и Grid Layout in CSS — часть большого четвёртого издания книги CSS: The Definitive Guide. Когда оно выйдет — мы тоже выложим его для ознакомления.
→ Ссылка для ознакомления ←
Иконки, иконки везде. И ребята со Smashing Magazine написали отличную статью о том, почему иконки являются очень важной составляющей UX и как с этим жить.
→ Прямая ссылка ←
А помните времена, когда для копирования в буфер обмена без участия пользователя нужно было подключать Flash или гигантский сторонний фреймворк? Как сейчас помните? Теперь есть clipboard.js, который позволит вам избежать таких «танцев с бубном».
→ Прямая ссылка ←
Посмотрите отличную демку предрождественского календаря, в котором каждый день — это 3D куб, который анимируется при наведении и клике. Можно приспособить под любой календарь, не обязательно рождественский.
→ Прямая ссылка ←
На блоге Spoon Graphics раздают шикарные векторные текстуры потёртостей, которые можно масштабировать как угодно, и они отлично подойдут для «старения» фонов либо иллюстраций.
→ Прямая ссылка ←
А вы когда-нибудь задумывались о том, как сделать вплетающиеся буквы одного слова в другое? Есть такая возможность, смотрите видео-урок по Adobe Photoshop.
→ Прямая ссылка ←
Библиотека Wait! Animate позволит вам легко управлять задержками в CSS анимациях, в наличии даже удобный SCSS миксин.
→ Прямая ссылка ←
На Codrops выкладывают не только отличные демки, но и крутые бесплатности! Например, сегодня делимся с вами крутым гиковскими паттернами на Рождество, в векторе.
→ Прямая ссылка ←
Дорогие друзья, в этом выпуске вместе с вами поговорим про цвет 2017 по версии Pantone, попробуем остаться с JavaScript друзьями, обсудим лучшие front-end инструменты уходящего года, а также приоткроем завесу тайны победы Трампа и успеха Brexit (Big Data). А ещё поговорим про российский атомный ледокольный флот и влияние марихуаны на мозг человека.
Почитайте очень подробную статью на freeCodeCamp о том, как работают CSS псевдоклассы, с примерами кода и диаграммами.
→ Прямая ссылка ←
Robin Rendle на CSS-Tricks рассказывает и показывает как с помощью SVG и нехитрых CSS3 переходов можно сделать отличный «доступный» прогресс бар.
→ Прямая ссылка ←
Предлагайте свои темы для выпуска #107 в комментариях!
В спецификации CSS есть зияющая дыра, которая символизирует создание сеток и других вариантов расположения блоков. Варианты вроде float-ов и clear-ов пытались заполнить эту дыру, но ни один из вариантов не был идеальным. Но всё течёт, всё меняется. С помощью этой книги вы узнаете про CSS сетки, нативная система, которая позволит упорядочивать ваш контент вне зависимости от его порядка в исходном коде.
Эта книга, наряду с CSS Floating, Positioning in CSS и Transitions and Animations in CSS, Adding Motion with CSS — часть большого четвёртого издания книги CSS: The Definitive Guide. Когда оно выйдет — мы тоже выложим его для ознакомления.
→ Ссылка для ознакомления ←
Ahmad Shadeed на CSS-Tricks написал отличную статью о том как пользоваться функцией rgba() в ваших CSS файлах. Можно комбинировать разные степени прозрачности с разными цветами на фоне разных цветов.