- HTML5 Boilerplate - стартовый шаблон для верстки.
- Центрирование в CSS: полное руководство - подробная статья.
- Центрирование на CSS - подбор нужного способа центрирования в зависимости от ситуации.
- Единицы viewport против процентов - преимущества единиц измерения vw/vh.
- Метатеги - Какие бывают метатеги.
- div или section или article? - выбираем секцию для вконтента в HTML5.
- Input Type Sandbox - песочница с разными типами полей ввода.
- CSS Cursor - виды курсоров и их поддержка браузерами.
- Easy form validation - валидация полей формы при помощи HTML5.
- Подключение шрифтов - Подключение шрифта к странице: как нужно делать сейчас... И как не нужно делать сейчас.
- Юникод в вебе - Юникод в вебе: введение для начинающих.
- HTML5PLEASE - справочник насколько можно использовать те или иные теги и свойства.
- Кнопочки - библиотека всевозможного оформления кнопок.
- Spinkit - подборка прелоадеров на CSS.
- EnjoyCSS - генератор оформления блоков при помощи CSS.
- FAQ Template - пример организации и оформления FAQ.
- CSS for Forms and Tables - оформление таблиц и форм (Web Developer Reading List).
- Pricing Tables - оригинальные оформления тарифных предложений.
- Section Separators - коллекция разделителей между секциями.
- Forms Plus: CSS - конструктор оформления форм регистрации на любой вкус.
- Prosto Forms - фреймворк для оформления форм.
- FullscreenForm - полноэкранная форма в несколько шагов.
- WTF, forms? - стилизация элементов форм.
- WTF, HTML и CSS? - список затруднений, ошибок и дилемм, присутствующих в HTML и CSS.
- CSS Refresher - коллекция практических советов и заметок по вёрстке.
- Basscss - легковесная библиотека компонентов.
- Primer - очередная библиотека компонентов.
- Materialize - библиотека компонентов с Material design.
- Material Design for Bootstrap - библиотека компонентов в стиле Material design на Bootstrap.
- Squeezebox Portfolio Template - интересная реализация портфолио.
- Content Filter - фильтрация контента на MixItUp.
- CSS Hexagon, Please - генератор гексагонов на CSS.
- StyleStats - анализ статистики стилей используемых на сайте.
- CSS ARROW PLEASE! - генератор CSS стрелочек (банальных).
- Caret - очередной генератор CSS стрелочек.
- CSS3 Patterns Gallery - галерея узоров на CSS.
- CSS3 анимации для начинающих - введение в CSS3 анимации.
- 20 Snippets for Things You Never Thought were Possible with CSS - 20 сниппетов для вещей, реализованных на CSS (SCSS).
- Начало работы с HTML5 видео - введение в HTML5 видео.
- Кроссбраузерность: reset.css и normalize.css - зачем нужны reset.css и normalize.css, и кто лучше.
- Github CSS Styleguide - styleguide по написанию CSS от Github.
- Эффекты наведения - подборка ресурсов с эффектами наведения за 2014.
- Original Hover Effects - оригинальные эффекты наведения на блок с изображением.
- Hover Effect Ideas - красивые эффекты наведения на блок с изображением.
- CSS3 Hover Effects - эффекты появления подписи при наведении на блок с изображением (Туториал по их созданию).
- iHover - оригиинальные эффекты появления подписи при наведении на блок с изображением.
- 12 Fun Sharing Button Effects - 12 эффектов появления кнопок при наведении на блок с изображением.
- Colorful CSS Buttons - цветовые эффекты наведения на кнопки.
- Link Style Compilation - оригинальные эффекты наведения на ссылки, отлично подойдут для навигации.
- Эффекты клика по кнопочкам.
- Progress Button Styles - шикарные стили для оформления Progress Buttons.
- Magic animations CSS3 - библиотека разнообразных анимаций на CSS.
- AniCollection - библиотека CSS3 анимаций.
- Animated Headlines - анимация циклической замены слов в заголовке.
- Dialog Effects - эффекты появления диалогового окна.
- Creative Full Screen CSS3 Menus - эффекты для выезжающего меню.
- 3D Rotating Navigation - 3D-эффект для появления панели навигации.
- Secondary Sliding Navigation - эффект слайда для подменю.
- Ripple click effect - эффект волны при клике из Material Design.
- SVG Ripples - Ripple эффект при клике из Material Design.
- 15 Text Effects - 15 отличных текстовых эффектов.
- Neon Glow - неоновая подсветка для текста.
- Clean Animated Input Labels - анимация подписей к инпутам.
- Animating Images - анимированные (живые) изображения с помощью CSS.
- Animated SVG Image Slider - интересные эффекты смены слайдов при помощи SVG.
- Filter Effects - генератор CSS фильтров.
- Vintage Terminal Effect in CSS3 - эффект терминала на CSS3.
- Reverse Text Color - автоматическая смена цвета текста на основе цвета фона на CSS.
- CodePen Design Patterns - коллекция идей и вдохновляющих демок для ваших проектов.
- Адаптивные изображения на практике - применение picture, srcset и sizes для адаптивной графики.
- Адаптивные изображения: переключение разрешений.
- Introduction to SVG - введение в SVG (Web Developer Reading List).
- SVG: полезные ссылки.
- SVG в вебе - Практическое руководство.
- SVG-иконки – много и со стилем - SVG-иконки: преимущества и использование.
- Кроссбраузерные SVG иконки - SVG-иконки: реализация, фоллбек, SVG-спрайт.
- CSS vs SVG: Styling Checkboxes and Radio Buttons - CSS vs SVG: стилизация элементов форм с использованием векторной графики.
- Breakpoint Tester - тестирование брекпоинтов сайта.
- Модульная CSS сетка Теория и Построение.
- Gridpak - генератор адаптивных сеток.
- Bootstrap Grid in 15 Minutes - изучаем сетку Bootstrap за 15 минут.
- Shoelace - конструктор адаптивных сеток для Bootstrap 3.
- Gridlex - система сеток, работающая на flexbox.
- Creating Tiled Menu - создание адаптивного плиточного меню.
- 30 Адаптивных Email шаблонов.
- The Ultimate Guide to CSS - поддержка свойств и тегов почтовыми клиентами.
- Responsive Email Patterns.
- Флексбокс для интерфейсов - флексбокс для интерфейсов: основные паттерны.
- Баги Flexbox - браузерные баги Flexbox и их обходные пути.
- Меню на Flexbox - навигационное меню с использованием Flexbox.
- Solved by Flexbox - популярные кейсы на Flexbox.
- FLEXBOX FROGGY - игра для освоения основных принципов Flexbox.
- Flexbox playground - основные Flexbox свойства в действии.
- Полное руководство по Flexbox - статья на Frontender Magazine.
- Sticky Footer with Flexbox - прилипающий футер на Flexbox.
- JavaScript Cheat Sheet - шпоргалки по JS.
- Javascript Anomaly - примеры неочевидного поведения JS.
- JavaScript модули - руководство для начинающих.
- Angularjs style guide - лучшие практики и рекомендации по стилю для AngularJS приложений.
- idiomatic.js - принципы написания консистентного, идиоматического кода на JavaScript.
- parallax.js - плагин для создания параллакс-эффекта.
- fullPage.js - плагин для прокрутки в виде слайдов.
- FSVS - плагин для вертикальной прокрутки в виде слайдов.
- pagePiling.js - и еще один плагин для вертикальной прокрутки в виде слайдов.
- Minigrid - плагин для расположения блоков разной высоты рядом друг с другом.
- Justified.js - плагин для заполнения области изображениями.
- MixitUp - плагин для сортировки плиточек.
- Crosscover - плагин для создания карусели.
- Flat slider - управляющий элемент фильтра цены на jQuery.
- Guardian - библиотека для валидации форм на jQuery.
- Plyr - простой и доступный HTML5 media player.
- VideoJS - HTML5 video player.
- Midnight.js - плагин для замены фиксированных заголовков на лету.
- Как создать круглую Progress Button - урок по созданию Progress Button.
- liMarquee - бегущая строка на jQuery.
- Animating background colors - анимированный цветовой фон с использованием jQuery.
- Responsive Vertical Timeline - вертикальный таймлайн с использованием jQuery.
- Horizontal Timeline - горизонтальный таймлайн с использованием jQuery.
- Animated Grid Layout - интересная реализация сетки с анимированным переходом к статье.
- Image Comparison Slider - разделенное пополам изображение.
- Prism Effect Slider with Canvas - эффект на слайдере с помощью SVG-подложки.
- Password Strength meter - индикатор надежности пароля.
- Grunt для начинающих - руководство по использованию Grunt для начинающих: пересмотренное издание.
- Приятная сборка frontend проекта - организация сборки проекта на Gulp.
- Оптимизация производительности веб-страниц:CSS - в том числе при помощи автоматизации.
- About LESS - несколько вещей, которые вы можете не знать о LESS.
- Color Alchemy with Less - цветовая алхимия с LESS: создание цветовых схем и палитр.
- Sass Guidelines - Руководство по написанию разумного, поддерживаемого и масштабируемого Sass (на русском).
- Sass-build-structure - пример SASS структуры для начала проекта (основано на SMACSS).
- Sassisfaction - подборка материалов по SASS, на SASS и для SASS.
- Responsive Breakpoints with Sass - управление адаптивными брекпоинтами на SASS.
- Unsemantic - адаптивная система сеток на SASS.
- Avalanche - адаптивная система сеток на SASS с BEM-синтаксисом.
- 12 Column Grid System with Sass - 12-ти колоночная сетка на SASS.
- include-media - SASS-бибиотека для медиа-выражений.
- Google Fonts with Sass - как просто использовать Google Fonts с SASS.
- Family.scss - SASS миксины для nth-child селекторов.
- Pixabay - один из лучших фотостоков.
- Prototype Tools - обзор инструментов для прототипирования пользовательских интерфейсов.
- CSS Font Stack - поддержка шрифтов по умолчанию в системах Windows и Mac.
- Quirktools - набор полезных инструментов: для создания карты сайта, для создания скетча в браузере, для проверки адаптивности, для получения информации об устройстве.
- CSS Stats - статистика стилей сайта.
- Sublime Text packages - подборка плагинов для Sublime Text.
- Emmet cheat sheet - сокращения плагина Emmet.