Skip to content

Latest commit

 

History

9 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 

Repository files navigation

frontend-crib

Тут будет описание (но это не точно)

С чего начать.
Подробно. Структурировано. Актуально.

TeamDev - Предупреждение пособие для тех, кому надо верстать.

Что должен знать HTML-верстальщик? - В этой статье я перечислю все актуальные на сегодняшний момент знания и инструменты, которые позволят вам успешно работать в профессии и создадут базу для развития.

Методическое пособие по HTML-верстке для новичков. - Данное методическое пособие содержит основополагающие знания, актуальные приемы, практические задачи и полезные советы для людей, которые только начинают делать первые шаги в HTML-верстке.

От нуля до героя фронтенда. - Часть первая.

Как быть начинающим разработчиком и не сойти с ума. - Узбагойтесь.

Frontend Dev: хороший, плохой, злой. - Часть 1: Хороший путь.

HTML Academy - Категорически рекомендую.

webref.ru - Обновлённая версия лучшего справочника всея-руси по HTML, CSS.

codebra.ru - Курсы по HTML, CSS, JavaScript, PHP, jQuery.

html5book.ru - Весьма толковые справочники и уроки по HTML, CSS, JS и т.д.

html.net - Учебники по HTML, CSS, PHP.

htmlbook.net - Ходят слухи что лучший справочник всея-руси по HTML, CSS.

learn.javascript.ru - Лучший онлайн учебник по ЖС на русском.

Кошерная паста по теме. - Маст рид. Некоторые представленные в ней ресурсы уже не рабочие(мб когда-нибудь разгребу и составлю свой список с игрищами и блудницами).

Статья какой-то безумной женщины из Нетологии. - Комменты весьма доставляют, в них же и представлена более конструктивная инфа по теме.

Хорошие и плохие CSS-практики для начинающих. - Читаем.

Собеседование. - Что ожидать от собеседования на должность HMTL-Верстальщик/Junior frontend программист.

Статьи

9 недооцененных возможностей CSS.

Псевдоэлементы, которых не может быть.

Всегда используйте label.

Минимизация классов в HTML.

Статьи Артёма Горбунова про типографику и вёрстку.

Блог Николая Громова о веб-разработке и фотографии.

Каково оно учить JavaScript в 2016.

Создавайте хорошие таблицы.

Альтернативный текст для изображений.

Условия для CSS-переменных.

О normalize.css

Переменные как основа архитектуры CSS при работе с препроцессорами.

Почему до сих пор повсеместно не используется HTTPS?

Почему я в восторге от «родных» CSS-переменных.

Управление загрузкой CSS с помощью пользовательских свойств.

Свойство background-clip и его применения.

Краткий обзор «object-fit» и «object-position».

HTTP/2: готовимся к переходу.

Кризис ожирения сайтов.

Любовное письмо к jQuery.

За что я люблю CoffeeScript.

На освоение React мне потребовалась всего неделя, а чем вы хуже?

Оценка задач фронтендера.

Автоматизация регрессионного тестирования CSS.

Что такое CSS-модули и зачем они нам?

Семантика или смерть.

Магия CSS.

Отладка CSS.

jQuery и Bootstrap: расставляем точки над «i».

Семантический CSS.

Понимание семантики.

Слова, часто используемые в CSS-классах.

Модуль генерируемого контента CSS3 обновился спустя 13 лет.

Регрессивные веб-приложения.

Как мы разрабатываем новый фронтенд Tinkoff.ru

Опрос: насколько строго вы следуете стандартам и лучшим практикам на фронтенде?

HTML5.0 уходит в прошлое.

Путь наставника.

Не проверив HTML5-кода, не суйся в воду — с Майком™ Смитом.

Оформление модальных окон.

CSS-изоляция.

Делать ли мобильную версию?

Правильный курсор на активных элементах.

Сказка о потерянном времени.

Пишите меньше кода, блин.

Недоступный веб: как мы развели такой бардак.

Способы смены порядка вывода элементов с помощью CSS.

Frontend: Разработка и поддержка.

4 вида утечек памяти в JavaScript и как с ними бороться.

Оформление строчных блоков кода.

Новые статусы HTML5.1 и SVG2.

Air Berlin: реализация Progressive Web App.

Секреты Progressive Web Apps: часть первая.

Может, хватит уже поливать грязью CSS на конференциях разработчиков?

Еще раз про border-image.

Доступность сайтов для самых маленьких.

Как отравить мобильного пользователя.

Математика CSS-шлюзов.

DIV официально разрешён внутри DL.

Грид, флексбокс и выравнивание блоков.

Улучшение формы комментариев.

AMP, Instant Articles, Instant View, whut?

Анимации на GPU: делаем это правильно.

Hype Driven Development.

Краткая запись CSS как антипаттерн.

На 100% правильный способ делать контрольные точки в CSS.

Переводы и статьи Алёны Батицкой на Medium.

Dear JavaScript.

Логотип не отвечает или временно недоступен.

Манифест? А? Что? Зачем?

Что поправить в верстке перед выпуском в продакшн?

Новый display:flow-root — не clearfix, но что это и зачем?

Кто ты такой, Service Worker?

Сила цветовой CSS-функции rgba.

Ад обратных вызовов.

Веб-дизайнеры, начните верстать!

Как «прокачаться» дизайнеру: советы и полезные ссылки от российских экспертов.

Обещание бургерной вечеринки.

Кто ты такой, Service Worker?

Трюк: раздельные функции CSS-трансформации.

Нужен ли нам новый заголовочный элемент? Мы не знаем.

Пользовательские свойства CSS. Основы.

Неизведанные глубины CSS: метрики шрифта, line-height и vertical-align.

Проблема выбора структуры документа.

Правила использования ARIA в HTML.

Реализуем пуш-уведомления на фронтенде и бэкенде.

Асинхронный JavaScript против отложенного.

Модный переключатель.

Ремы, емы, и почему отказ от них — не проблема.

Советы по написанию современного CSS.

Flexbox

Почти полное руководство по flexbox (без самих flexbox).

Flex Layout Attribute.

Как работают в флексбоксе z-index и автоотступы.

Относитесь к сеткам (на флексбоксах) проще.

A Complete Guide to Flexbox.

Flexbox Cheatsheet.

How Flexbox works — explained with big, colorful, animated gifs.

Грид + флексбокс: мощнейшее комбо в веб-раскладке.

Understanding Flexbox: Everything you need to know.

CSS Grid Cheat Sheet.

Grid Layout

Грядут гриды!

Большая статья про гриды.

От бутстрапа - к CSS-гридам.

CSS: введение в единицу длины 'fr'.

A guide to learning CSS grid.

CSS Grid Layout. Быстрый старт.

Знакомство с CSS Grid Layout.

Подробно о размещении элементов в грид-раскладке (CSS Grid Layout).

Золотая рыбка CSS3 Grid Layout (часть 1).

Золотая рыбка CSS3 Grid Layout (часть 2).

Золотая рыбка CSS3 Grid Layout (часть 3).

Введение в макет CSS Grid.

Mozilla CSS Grid.

Grid Kiss.

CSS-гриды пришли насовсем.

Изучаем CSS-гриды.

Codrops CSS Reference: Grid.

Basic concepts of grid layout.

Learn Grid Layout Video Series.

Case Study: My First Practical CSS Grid Layout.

Practical CSS Grid: Adding Grid to an Existing Design.

Полное руководство по CSS Grid на русском.

Кодгайды

HTML Academy

MDO

Google

Idiomatic CSS

Прогрессивное улучшение (Progressive Enhancement)

Progressive Enhancement или всё-таки Graceful Degradation.

Progressive Enhancement vs Graceful Degradation.

Прогрессивное улучшение меня расстраивает.

Так ли дорого прогрессивное улучшение?

Graceful Degradation.

Progressive enhancement на примере формы входа.

Progressive Enhancement: практичный подход к современной кроссбраузерной разработке.

Шрифты

Шрифты в вебе, обзор от 2016 года.

Минимально необходимые шрифты.

Основы стиля в типографике.

Типограф Муравьёва 3.5

Антипаттерн для веб-шрифтов: Data URI.

Обзор: Инлайновый контекст форматирования.

Паттерны загрузки веб-шрифтов.

Как использовать кастомные шрифты в вебе и не сойти с ума.

О верстке вертикального ритма.

Создание вертикального ритма на сайте.

Оптимизация шрифтов.

SVG

Знакомство с SVG.

SVG в вебе. Практическое руководство.

Инлайновые стили в background-image.

URL-encoder для SVG.

Позвольте представить: SVG.

Оживляем текст.

Статьи Юли Бухваловой.

SVG-градиенты.

Как проектировать, создавать и анимировать SVG.

SVG-паттерны.

Mobile First

Почему Mobile First?

Медиа запросы // Media queries

CSS3-медиазапросы.

CSS - Медиа запросы.

БЭМ

БЭМ-методология: с чего всё начиналось и зачем это всё нужно.

Осмысленный CSS: описывайте стилями свою логику.

БЭМантика: пишите осмысленные стили без повторов.

HTML-tree.

Документация.

Git

Git? Что это?

Словарь терминов Git и GitHub.

Ежедневная работа с Git.

Пиши коммиты правильно.

Лучшая практика создания Git Commit'ов от OpenStack.

Подкасты

Веб-стандарты

Фронтенд Юность

RadioJS

Frontflip

Пятиминутка React

Литература

Сначала мобильные!

Новая большая книга CSS

Секреты CSS. Идеальные решения ежедневных задач.

CSS. Карманный справочник.

JavaScript. Подробное руководство.

Выразительный Javascript

Полезности

HTML Minifier (v3.5.2)

Словари по фронтенду.

Справочник по CSS.

Справочник по HTML.

CSS Peeper.

Gulp

Скринкаст по Gulp.

Webpack

Скринкаст по Webpack

Минификация

CSS

JavaScript

IDE

Используем VS Code для Веб-разработки.

Плагины для Atom.


Copyright © 2017 by Vladimir Marakhovich

ilove.github@gmail.com

About

Тут будет описание (но это не точно)

Resources

Stars

4 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors