Автор статьи предлагает нам большой набор техник и методик для отладки CSS. Это не является стопудовой инструкцией, но просто подходом, который удобен в данном конкретном случае. Ознакомьтесь!
→ Прямая ссылка ←В этом подразделе собраны все самые интересные лонгриды про веб-дизайн и веб-разработку, которые мы нашли в сети интернет. Кроме этого здесь мы делимся большими и развёрнутыми туториалами, обязательно читайте!
Родительский раздел: полезные ссылки.
На блоге Mozilla Hacks написали очень крутую статью «CSS Coding Techniques», в которой раскрыли тему — мы забыли как правильно писать CSS и зачем он нужен. Если вы уже пишите CSS в JavaScript — обязательно ознакомьтесь.
→ Прямая ссылка ←
А вы уже думали попробовать новый Web Animations API? Если вас всё ещё заботит поддержка браузеров — уже есть вполне сносный polyfill. Поэтому спешите почитать статью по основам, хотя бы чтобы в теме быть.
→ Прямая ссылка ←
С точки зрения производительности было бы неплохо подгружать изображения (особенно если они большие) после загрузки страницы, чтобы они не влияли на рендер начального экрана. Существует несколько способов это сделать — про самые популярные из них написано в статье.
→ Прямая ссылка ←
Часто встречали CSS код, в котором злоупотребляют !important? Такие люди, скорее всего, ничего не понимают в CSS специфичности, а может быть просто ленятся написать нормальный код. В статье по ссылке написано в каких случаях действительно стоит использовать !important. Важно знать.
Хочется иногда вставить разрыв в заголовок поста или страницы, но добавлять <br/> кажется нелепым? Можете попробовать набор CSS рецептов от Криса Койера.
Одна из самых сильных и сложных концепций JavaScript — это, без сомнения, замыкания. Про них написано уже немало мегабайт текста, но хорошие и доходчивые статьи попадаются редко. Сегодняшний материал с блога freeCodeCamp как раз такой.
→ Прямая ссылка ←
Когда дело касается поисковой оптимизации — всегда вспоминаешь про ребят из Yoast. В этот раз они подготовили для нас большую и подробную инструкцию про такой «инструмент общения» с поисковыми роботами — robots.txt. Почитайте и добавьте в закладки!
→ Прямая ссылка ←
Статья, которая объясняет вам сколько времени занимает рендеринг различных эффектов с изображениями в браузерах. От CSS фильтров, до сложных Canvas преобразований и SVG. Юна Кравец написала отличный лонгрид на Smashing Magazine.
→ Прямая ссылка ←
Ребята из Mail.ru написали крутую статью на Хабрахабре про неизменяемые объекты в PHP и почему их стоит использовать. Подумайте об этом, для большинства простых объектов — это действительно верное решение, чтобы не накосячить. Отголоски функционального программирования — привет!
→ Прямая ссылка ←
Мало кто знает, но в глубинах CSS спецификаций, кроме привычных «горизонтальных» медиа запросов, например, max-width: 768px, существуют ещё и «вертикальные». Примеры их использования не так очевидны, поэтому мы делимся с вами статьёй, в которой расписано несколько практических ситуаций, в которых без таких запросов не обойтись.
В некоторых случаях, особенно при работе с мелкими изображениями, имеет смысл вручную подгонять пиксели, вместо анти-алиасинга (сглаживания), потому что издалека смотрится более чётко. Я лично несколько раз так делал, а вы?
→ Прямая ссылка ←
Мы в нашем подкасте часто обсуждаем редизайны популярных веб-сайтов, с точки зрения UX и не только. А теперь мы предоставляем такую возможность и вам — пишите в комментариях, что думаете про такой разбор от The Startup на Medium.
→ Прямая ссылка ←
Очень часто разработчики незаслуженно пренебрегают стилизацией HTML форм. И это несмотря на то, что большинство взаимодействий с пользователями происходит именно через эти формы. Прочитайте инструкцию о том, как это делать правильно.
→ Прямая ссылка ←
Вы когда-нибудь задумывались что нужно для эффективного дизайна иконок? Из каких форм всё выстраивать и как компоновать? Нам на выручку спешит лонгрид со Smashing Magazine, в котором вам расскажут вообще всё, даже основной принцип создания иконок — делать по сетке.
→ Прямая ссылка ←