24ways.org

24 ways: рождественский календарь для веб-гиков

Если вы ищете что-то действительно полезное в декабре, то сайт 24ways.org- это именно то, что нужно. Это не просто блог, а настоящий адвент-календарь для тех, кто живет веб-дизайном и разработкой. Каждый год, начиная с 2005 года, проект выпускает ежедневные статьи, чтобы принести немного праздничного настроения и знаний. Организатором выступает Drew McLellan, который, по сути, держит этот проект на своих плечах уже много лет.

Тематика здесь очень широкая, но всегда актуальная. В 2019 году, например, авторы затронули такие важные темы, как доступность дизайн-систем. Amy Hupe рассказывает о том, как правильно внедрять компоненты, чтобы было удобно всем пользователям, а не только избранным. А Divya Sasidharan задается вопросом: обязательно ли безопасность должна мешать удобству? Может быть, мы просто привыкли к неудобным интерфейсам из-за старых стереотипов?

Технологии и творчество

Сайт предлагает массу практических советов. Eric Meyer показывает, как с помощью чистого CSS и HTML можно красиво обернуть неудобный подарок, используя наклонные изображения. Rob Weychert поет нам о типографских масштабах, объясняя математику шрифтов. Chris Ferdinandi же учит использовать функцию iArray.reduce()i в JavaScript, добавляя пряности в код.

Особое внимание уделяется современным трендам:

• Переменные шрифты:Jason Pamental и Mandy Michael исследуют эту новую область, показывая, как摆脱 технических ограничений прошлого.
• WordPress и Gutenberg:Mel Choyce объясняет, как делать art direction (художественное направление) в новом редакторе.
• Доступность:Alan Dalton смотрит в будущее руководств по доступности, а Frances Berriman призывает заботиться о пользователях с дешевыми смартфонами.

Также есть статьи про микробраузеры от Colin Bendell, про то, как работать распределенным командам (Anna Debenham), и даже про то, как вернуть жизнь плоскому дизайну с помощью глубины в CSS (Andy Clarke). Molly Wilson и Eileen Wagner обсуждают иконки и их влияние на решения пользователей, а Michelle Barker наконец-то объявляет конец джанк-скроллу благодаря новой спецификации Scroll Snap.

В общем, 24 ways - это место, где веб-разработка встречается с праздником. Здесь нет места скучной теории, только практика и немного рождественской магии. Как говорит сам Drew McLellan, посмотрев назад на историю проекта, можно понять, какое влияние могут иметь побочные проекты на основную работу.

• charset: utf-8
• name: referrer content: origin
• name: robots content: index, follow
• name: viewport content: width=device-width, initial-scale=1
• property: og:url name: twitter:url content:
• property: og:title name: twitter:title content: Web design and development articles and tutorials for advent
• property: og:description name: twitter:description content: 24 ways is the advent calendar for web geeks. Each day throughout December we publish a daily dose of web design and development goodness to bring you all a little Christmas cheer.
• property: og:image name: twitter:image content:
• property: og:type content: article
• property: fb:app_id content: 1506442732766250
• name: twitter:site content: @24ways
• name: twitter:creator content: @24ways
• name: twitter:card content: summary_large_image
• name: format-detection content: telephone=no
• name: theme-color content: #302
• name: msapplication-TileColor content: #302

• Skip to content
• 24 ways
• http://24ways.org/topics/business/
• http://24ways.org/topics/code/
• http://24ways.org/topics/content/
• http://24ways.org/topics/design/
• http://24ways.org/topics/process/
• http://24ways.org/topics/ux/
• Archives
• Authors
• Learn more
• The Accidental Side Project
• http://24ways.org/authors/drewmclellan/
• Four Ways Design Systems Can Promote Accessibility – and What They Can’t Do
• http://24ways.org/authors/amyhupe/
• Usability and Security; Better Together
• http://24ways.org/authors/divyasasidharan/
• Flexible Captioned Slanted Images
• http://24ways.org/authors/ericmeyer/
• There Is No Design System
• http://24ways.org/authors/jina/
• A Modern Typographic Scale
• http://24ways.org/authors/robweychert/
• Five Interesting Ways to Use Array.reduce() (And One Boring Way)
• http://24ways.org/authors/chrisferdinandi/
• Building a Dictaphone Using Media Recorder and getUserMedia
• http://24ways.org/authors/chrismills/
• A History of CSS Through Fifteen Years of 24 ways
• http://24ways.org/authors/rachelandrew/
• Microbrowsers are Everywhere
• http://24ways.org/authors/colinbendell/
• Design Tokens and Component Based Design
• http://24ways.org/authors/stuartrobson/
• Art Direction and the New WordPress Editor
• http://24ways.org/authors/melchoyce/
• Making Distributed Working Work
• http://24ways.org/authors/annadebenham/
• Gift Giving to the World (Wide Web)
• http://24ways.org/authors/francesberriman/
• Z’s Still Not Dead Baby, Z’s Still Not Dead
• http://24ways.org/authors/andyclarke/
• It’s Time to Get Personal
• http://24ways.org/authors/laurakalbag/
• It All Starts with a Humble <textarea>
• http://24ways.org/authors/andybell/
• Iconography of Security
• http://24ways.org/authors/wilsonwagner/
• Beautiful Scrolling Experiences – Without Libraries
• http://24ways.org/authors/michellebarker/
• Interactivity and Animation with Variable Fonts
• http://24ways.org/authors/mandymichael/
• An Introduction to Variable Fonts
• http://24ways.org/authors/jasonpamental/
• Future Accessibility Guidelines—for People Who Can’t Wait to Read Them
• http://24ways.org/authors/alandalton/
• Twelve Days of Front End Testing
• http://24ways.org/authors/amykapernick/
• Making a Better Custom Select Element
• http://24ways.org/authors/juliegrundy/

• Grab our RSS feed
• Follow us on Twitter
• Contribute on GitHub

            Domain Name: 24WAYS.ORG
Registrar: DNC Holdings, Inc.
Domain Status: client delete prohibited
Domain Status: client transfer prohibited
Domain Status: client update prohibited
Registry Expiry Date: 2026-11-09T15:22:06.11Z
Creation Date: 2005-11-09T15:22:06.11Z
Updated Date: 2025-09-30T07:06:56.784Z
Name Server: NS1.DNSIMPLE.COM
Name Server: NS2.DNSIMPLE.COM
Name Server: NS3.DNSIMPLE.COM
Name Server: NS4.DNSIMPLE.COM
REGISTRAR Contact: DNC Holdings, Inc.
>>> Last update of RDAP database: 2026-05-22T20:49:20Z         

			User-agent: *
Disallow: /perch

User-agent: Mediapartners-Google*
Disallow:
        

Teknisk SEO

On-Page SEO

Innehåll och UX