40+ лучших блогов по веб-разработке 2018 года

  1. Где научиться веб-разработке
  2. Лучшие блоги по веб-разработке
  3. 1. Капуста
  4. 2. HTML5 Доктор
  5. 3. CSS-хитрости
  6. 4. CSS Weekly
  7. 5. Список отдельно
  8. 6. Superhero.js
  9. 7. Туториалзин
  10. 8. WDRL
  11. 9. Блог CodePen
  12. 10. CSS Автор
  13. 11. Креативный Блок
  14. 12. Дизайн Шак
  15. 13. Пять в день
  16. 14. CSSWizardy
  17. 15. Фронтенд Фокус
  18. 16. Smashing Magazine
  19. 17. Блог GitHub
  20. 18. Код ужасов
  21. 19. DZone
  22. 20. Пттрнс
  23. 21. UX Мифы
  24. 22. UXPin
  25. 23. Toptal Блог
  26. 24. CodeCondo
  27. 25. Веб-дизайнер Новости
  28. 26. Шесть редакций
  29. 27. Speckyboy Design Magazine
  30. 29. Scotch.io
  31. 31. Тутс +
  32. 32. Web Design Weekly
  33. 34. JavaScript Weekly
  34. 35. Адаптивный дизайн Еженедельник
  35. 36. SitePoint
  36. 37. Пиксельхинт
  37. 38. Блог jQuery
  38. 39. Реагировать на блог
  39. 40. JSter
  40. 41. Блог Дэвида Уолша
  41. 42. Echo JS
  42. 43. Положение Абсолют
  43. 45. Ария
  44. 46. ​​Игвита
  45. Список Блогов Веб-разработки - Резюме

Коди Арсено

Обновлено 2 октября 2018 г.

Обновлено 2 октября 2018 г

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

Где научиться веб-разработке

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

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

Лучшие блоги по веб-разработке

Хотя эти блоги расположены не в определенном порядке, мы постарались указать, на какие темы они обращают внимание. Выберите ваши любимые, основываясь на кратких описаниях ниже, или просмотрите их все.

1. Капуста

Codrops содержит блоги с различными темами: от дизайна пользовательского интерфейса и анимации страниц до форматирования изображений и общих практик JavaScript. Он также включает удобный справочник по CSS, игровую площадку для экспериментов по веб-разработке, учебные пособия, чертежи для начала работы и Collective - журнал о цифровом дизайне, позволяющий легко идти в ногу с тенденциями.

Посетите сайт

2. HTML5 Доктор

HTML5 Doctor охватывает многие функции и темы, которые вы могли упустить при переходе с HTML на HTML5. У этого также есть полезный индекс элемента, который стоит исследовать сам по себе.

Посетите сайт

3. CSS-хитрости

CSS-хитрости - это не просто обучение стилю страниц. Его видео и статьи в блогах посвящены таким вопросам, как производительность сети, разработка расширяемых компонентов и взаимодействие CSS с другими технологиями, такими как HTML и JavaScript. Посмотрите свойства Almanac for CSS и специфичные для селекторов идеи или погрузитесь прямо в фрагменты кода, чтобы получить некоторый повторно используемый код.

Посетите сайт

4. CSS Weekly

CSS Weekly - это агрегатор, который собирает массу полезных ресурсов со всего Интернета. Его архивы полны идей, позволяющих максимально использовать CSS и HTML, но они также затрагивают и другие стилевые среды, такие как SCSS, Sass и Less. Вы можете подписаться на получение еженедельных списков рассылки самых последних и самых лучших рассылок по электронной почте или отправлять свои собственные ссылки в сообщество.

Посетите сайт

5. Список отдельно

A List Apart фокусируется на UX и брендинге с точки зрения бизнеса и дизайна. Его статьи в блогах определенно пригодятся, когда ваши проекты масштабируются, но они также отлично подходят для тех, кто просто хочет понять принципы, лежащие в основе конкретных разработок на стороне клиента или на стороне сервера.

Посетите сайт

6. Superhero.js

В Superhero.js собраны статьи, в которых рассказывается о том, что заставляет JavaScript работать, а что нет. Это эффективный ресурс, независимо от того, начинаете ли вы с языка или пытаетесь углубить понимание таких вопросов, как безопасность интерфейса и готовящиеся стандарты ECMAScript.

Посетите сайт

7. Туториалзин

Tutorialzine, как следует из его названия, ориентирован на учебные пособия, но он также освещает удобные библиотеки и шаблоны. Сортировка по популярным общим предметам, таким как HTML5, CSS, jQuery, JavaScript или PHP, для перехода к интересующей области. Или найдите конкретные темы, такие как использование встроенного в JavaScript API аккумулятора устройства или мастеринг SQL-запросов.

Посетите сайт

8. WDRL

WDRL - еще один замечательный список для чтения веб-разработок, в который вы можете либо подписаться и получать новостные рассылки, либо читать архивированные сообщения. Темы включают веб-дизайн, безопасность, веб-инструменты и рабочие процессы и многое другое.

Посетите сайт

9. Блог CodePen

Блог CodePen сфокусирован на функциях CodePen, но, поскольку этот инструмент является незаменимым для многих веб-разработчиков, это отличное место для вдохновения. Если вы часто полагаетесь на ручки для проверки идей, этот блог является обязательным для чтения, поскольку в нем освещаются новые функции.

Посетите сайт

10. CSS Автор

CSS Author - отличное место, где можно найти новые трюки и ежедневные идеи. В дополнение к общим статьям CSS и обзорам техники, он включает в себя ряд инструментов для разработки PSD и другие бесплатные.

Посетите сайт

11. Креативный Блок

Creative Bloq может рекламировать себя как блог, посвященный искусству и дизайну, но он такой же подробный, как и любой другой блог для веб-разработчиков. Это здорово, когда вы узнаете, как системы грид, CSS-анимация, большие данные и т. Д. Играют важную роль в реальном веб-дизайне. Не забудьте проверить это, если ваш процесс разработки нуждается в творческом ударе в штаны.

Посетите сайт

12. Дизайн Шак

Design Shack - это хорошее место, чтобы узнать о культуре и практике дизайна за один раз. Когда вы не найдете шаблонов и экономящих время действий Photoshop, вы обнаружите отличные шрифтовые ресурсы, тенденции в типографике и учебники по созданию веб-сайтов.

Посетите сайт

13. Пять в день

Агрегатор Five a Day обращается к чрезвычайно широкой области тем, которые некоторые другие блоги по веб-разработке упускают из виду или не освещают подробно. Такие предметы, как управление версиями, краудфандинг, выбор базы данных и выбор редактора кода, важны для эффективных современных рабочих процессов, и это хорошее место, чтобы начать знакомство с ними.

Посетите сайт

14. CSSWizardy

CSSWizardy - это хорошее место, чтобы узнать о масштабируемых методах CSS и надежном кодировании в целом. Он также решает потенциально сложные проблемы надзора за проектами, такие как рефакторинг и управление типографским стилем.

Посетите сайт

15. Фронтенд Фокус

Проблемы Frontend Focus доступны на их сайте или в виде подписки по электронной почте. Эти обзоры курируются целым рядом участников, поэтому они охватывают различные темы, ориентированные на DOM.

Посетите сайт

16. Smashing Magazine

Smashing Magazine - признанный ресурс для тех, кто хочет освоить интерфейс. Вы можете искать прошлые проблемы и текущие блоги, чтобы узнать о дизайне, кодировании, графике, UX, разработке мобильных приложений и CMS.

Посетите сайт

17. Блог GitHub

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

Посетите сайт

18. Код ужасов

Coding Horror, написанный соучредителем Stack Overflow and Discourse, говорит о том, что вам нужно учиться как на ошибках, так и на успехах. Хотя он распространяется на территорию, которая не является строго ориентированной на веб-разработчиков, он делает это таким образом, чтобы сделать вас лучшим программистом и одновременно привнести немного юмора в вашу рутину.

Посетите сайт

19. DZone

DZone широко известен своим широким кругом тем. Если вы хотите освоиться с машинным обучением, тестированием производительности, функциональным программированием, разработкой для облака или гибкими практиками, есть статьи от авторитетных участников, которые могут помочь вам получить знания.

Посетите сайт

20. Пттрнс

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

Посетите сайт

21. UX Мифы

Блог UX Myths идеально подходит для того, чтобы вы не попали в общие ловушки веб-разработки. Хотя в целом это краткое прочтение, оно охватывает ряд жизненно важных принципов для создания приложений и сайтов.

Посетите сайт

22. UXPin

Блог UXPin посвящен тестированию юзабилити, дизайну взаимодействия, документации и другим часто забытым темам. Эти статьи пригодятся, когда вы попытаетесь усовершенствовать свои продукты для требовательных клиентов.

Посетите сайт

23. Toptal Блог

Toptal - это площадка для найма внештатных разработчиков, поэтому неудивительно, что у них также есть специальный инженерный блог. Этот блог предоставляет подробные учебные пособия по широкому кругу тем.

Посетите сайт

24. CodeCondo

CodeCondo делится полезными новостями, учебными пособиями, советами, ресурсами и инструментами, которые в основном направлены на веб-дизайн и разработку. Их цель - упростить веб-разработку, предоставляя исчерпывающие и качественные сообщения.

Посетите сайт

25. Веб-дизайнер Новости

Webdesigner News - это каталог, в котором представлены библиотеки, API и подобные решения. Многие из его ресурсов направлены на расширение языков программирования, таких как JavaScript или PHP, но другие относятся к фреймворкам, CMS и даже к расширениям браузера.

Посетите сайт

26. Шесть редакций

В Six Revisions есть много актуальных новостей из мира разработчиков, но это не делает его технически менее полезным, чем другие блоги по веб-разработке. Он включает в себя учебные пособия, ссылки на инструменты визуализации данных, ресурсы дизайна и статьи, в которых приводятся реальные бизнес-эксперименты. Используйте его, чтобы найти вдохновение, научиться создавать проекты или просто идти в ногу с новыми технологиями.

Посетите сайт

27. Speckyboy Design Magazine

Speckyboy Design Magazine - это дизайн-ориентированный блог, посвященный CSS, JavaScript, UX-дизайну и другим технологиям. В его статьях также рассматриваются деловые отношения между дизайнерами и пользователями. Он предлагает понимание уникальных рабочих процессов, которые могут помочь вашим циклам создания прототипов и развертывания.

Посетите сайт

Oneextrapixel - это сингапурский ресурс для разработчиков и дизайнеров. Он публикует свои собственные статьи, написанные профессионалами веб-разработчиков с учетными данными, подтверждающими их опыт, и публикует учебники, галереи и бесплатные коллекции ресурсов.

Посетите сайт

29. Scotch.io

Scotch.io написан программистами, поэтому он включает в себя множество отличных статей о конкретных API, рабочих процессах приложений, новостях отраслевых конференций и фреймворках. В нем также есть категория Bar Talk, наполненная карьерой, которая позволяет вам сочувствовать в цифровом пространстве и находить решения проблем, которые вы не знали, были обычным явлением.

Посетите сайт

Блог Twitter Engineering - в основном новости Twitter, но он содержит много хороших уроков об эффективных методах. Это умный ресурс для посещения, когда вы хотите поднять свою игру на новый уровень.

Посетите сайт

31. Тутс +

Tuts + имеет тысячи бесплатных учебных пособий по кодированию, дизайну, трехмерной и анимационной графике, фотографии и бизнесу. Он также содержит много хороших статей о WordPress, разработке на Unix-подобных системах и фоновых языках, таких как Python. Учебники Tuts + хорошо известны среди программистов-самоучек.

Посетите сайт

32. Web Design Weekly

Еженедельник веб-дизайна доступен в виде электронного письма или онлайн-архива статей. Как и в других блогах, посвященных веб-разработке, в нем рассматриваются функциональные возможности CSS, JavaScript и HTML5, но также включены функции по использованию Google Analytics, React и аналогичных сред.

Посетите сайт

Боковая панель содержит пять ежедневных ссылок на дизайн, которые включают в себя эссе, визуализации данных, тематические исследования и ресурсы кода. Они варьируются от реализуемых инструментов до простых курьезов, но они достаточно обширны, чтобы вы обычно находили что-то полезное.

Посетите сайт

34. JavaScript Weekly

JavaScript Weekly существует уже много лет, поэтому он достаточно хорошо знаком с последними новостями. Хотя в этом блоге для веб-разработчиков содержатся некоторые учебные пособия, в нем также обсуждаются концепции высокого уровня, опросы и исследования, которые весьма полезны для применения накопленных вами навыков.

Посетите сайт

35. Адаптивный дизайн Еженедельник

Responsive Design Weekly ориентирован на тех, кто пытается создавать веб-приложения и сайты, которые на самом деле ориентированы на современных мобильных пользователей. Блог курирует контент со всего Интернета, но также проводит периодические интервью с лучшими дизайнерами, консультантами и разработчиками.

Посетите сайт

36. SitePoint

Простой макет учебника SitePoint делает его одним из самых популярных блогов по веб-разработке в Интернете. Помимо видео и письменного контента по различным аспектам разработки и дизайна, он включает в себя довольно удобный форум и премиальные предложения, такие как курсы и книги.

Посетите сайт

37. Пиксельхинт

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

Посетите сайт

38. Блог jQuery

Официальный блог jQuery, возможно, не часто читается, но это основной источник новостей об одном из самых популярных веб-инструментов.

Посетите сайт

39. Реагировать на блог

Блог React от Facebook является важным исходным материалом для всех, кто создает приложения с этой платформой.

Посетите сайт

40. JSter

JSter пытается быть всеобъемлющей коллекцией библиотек JavaScript. Он также включает в себя новостные статьи, учебные пособия и ссылки на удобные ресурсы, которые могут помочь в решении проблем совместимости и других распространенных препятствий.

Посетите сайт

41. Блог Дэвида Уолша

Блог Дэвида Уолша публикует статьи о всевозможных передних и внутренних технологиях. Хотя это не самый исчерпывающий ресурс, проблемы, к которым он обращается, освещаются компетентно, и его рассказы о профессиональной жизни наверняка найдут отклик у фрилансеров.

Посетите сайт

42. Echo JS

Echo JS фокусируется на JavaScript, HTML5 и других интерфейсных темах. Его редкий стиль, похожий на Reddit, удобен, если вы пытаетесь избежать отвлекающих факторов, а система upvote позволяет легко быть в курсе происходящего в любой момент.

Посетите сайт

43. Положение Абсолют

Позиционирование Absolute ориентировано на бизнес и ориентировано на читателей, которым приходится управлять другими разработчиками. Вы также можете найти несколько полезных фрагментов JavaScript, разбросанных по различным постам. Основатель специализируется на управлении продуктами и дизайне / разработке.

Посетите сайт

Cats Who Code предлагает статьи, которые полезны как для веб-разработчиков, так и для веб-дизайнеров и веб-мастеров. Обсуждается все, от полезных трюков WordPress, фрагментов JavaScript и CSS, до серверных веб-технологий.

Посетите сайт

45. Ария

Ария Хидаят, автор этого блога, поддерживает два известных проекта с открытым исходным кодом (PhantomJS и Esprima). Его посты посвящены темам веб-разработки, таким как API, оптимизация изображений, JavaScript, веб-фреймворки и т. Д.

Посетите сайт

46. ​​Игвита

Igvita - это блог инженера Google по производительности, Ильи Григорика. Статьи в основном посвящены советам и методам, касающимся производительности в Интернете, безопасности и т. Д. Хотя статьи не публикуются на частой основе, каждая из них очень детальна и проста для понимания.

Посетите сайт

Список Блогов Веб-разработки - Резюме

Теперь, когда вы знаете больше о некоторых из самых полезных современных блогов по веб-разработке, вы можете начать добавлять несколько в список избранных и периодически проверять их, чтобы прочитать их последние сообщения. Если вы новичок и не уверены, какую технологию веб-разработки вам стоит начать изучать, приведенная ниже диаграмма является результатом опроса разработчиков StackOverflow, на котором представлены самые популярные технологии веб-разработки в 2018 году.

Источник: Переполнение стека

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