• Может перестанем называть доступностью UX и юзабилити?

      Осторожно! Слово «доступность» встречается в этой статье 15 раз.


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

      Читать дальше →
      • +10
      • 2.1k
      • 5
    • Краткая история Всемирной паутины по версии веб-разработчиков

      • Translation

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


      Веб станет намного лучше, когда мы сможем использовать больше 216 цветов.


      Веб станет намного лучше, когда у нас появятся каскадные таблицы стилей.

      Читать дальше →
    • Перевод «Simplified JavaScript Jargon»

        Упрощённый JavaScript-жаргон
        Автор анонса — хабрапользователь elnee


        Доброго вам new Date().toLocaleString(), хабрапользователи. Хочу представить всеобщему вниманию перевод англоязычного словаря терминов для фронтенд-разработчиков.
        Если заинтересовались — добро пожаловать под кат.
        Читать дальше →
        • +6
        • 13.6k
        • 4
      • «Книжная полка фронтендера» — как гугл, только лучше

          Список книг — «Книжная полка фронтендера

          Привет, читатель!

          В этой публикации я расскажу тебе о «Книжной полке фронтендера».

          Предыстория


          К сожалению, в рунете очень мало по-настоящему качественных ресурсов для изучения фронтенда. Эти ресурсы можно буквально пересчитать по пальцам одной руки — это Frontender Magazine, HTML Academy, «Современный учебник JavaScript». Я благодарю авторов этих ресурсов за их неоценимый вклад в развитие и популяризацию фронтенда в рунете.

          Как бы то ни было, тематические сайты — не единственный доступный источник знаний. Существует достаточно большое количество книг, написанных зарубежными авторами. Многие из этих книг переведены на русский язык.
          Читать дальше →
        • ES6 в деталях: введение

          • Translation
          ES6 в деталях
          Добро пожаловать в серию «ES6 в деталях»! В этой еженедельной серии статей мы будем изучать ECMAScript 6 — новую готовящуюся к выходу спецификацию языка JavaScript. ES6 имеет множество новых возможностей, которые делают JS мощнее и выразительнее, и каждую неделю мы будем рассматривать эти возможности. Но прежде чем мы приступим, неплохо бы поговорить о том, чем является ES6 и что от него ожидать.
          Читать дальше →
        • [Видео] Путешествие от Солнца до Юпитера со скоростью света

            В нашем привычном понимании свет движется очень быстро. Однако в сравнении с огромными расстояниями во вселенной он очень медленный. Это видео демонстрирует путешествие фотона, излучённого солнцем, через часть солнечной системы.

            Автор позволил себе некоторую свободу в выравнивании планет и астероидов, но в целом он постарался отобразить всё как можно более точно. Также он решил закончить видео сразу после Юпитера, чтобы длительность видео была меньше часа.

          • Список YouTube-каналов для обучения веб-разработке

              image


              Привет, хабражители!

              Представляю вам список YouTube-каналов для обучения веб-разработке. Список доступен на гитхабе, там он будет пополняться и редактироваться. В планах — создание отдельной странички для фильтрации каналов по тегам и рубрикам.

              Также хочу попросить вас о небольшой услуге: если вы знаете канал, не вошедший в список — опубликуйте ссылку на него в комментариях или отправьте pull request. Сообщество будет благодарно вам.

              Под катом — текущая версия списка.
              Читать дальше →
            • Оптимизируем производительность веб-страницы: CSS

                В наше время скорость интернета довольно высока. Казалось бы, можно забыть о тех временах, когда нам приходилось ждать по 20-30 (а то и больше) секунд, чтобы веб-страница загрузилась и отобразилась на экране — теперь мы ждём отрисовки страницы в среднем около одной-двух секунд. Однако не стоит забывать, что значительная часть юзеров заходит на ваш сайт с мобильных устройств, на которых связь не всегда стабильна. В связи с этим будет совсем не лишним уделить немного внимания оптимизации вашего кода.

                В этой статье речь пойдёт о различных методах оптимизации таблиц стилей. Я расскажу о том, что влияет на скорость отрисовки страницы, как заставить браузер отрисовывать страницу быстрее и какие инструменты использовать для оптимизации.
                Читать дальше →
              • Sublime Text для фронтэнд-разработчика

                • Translation


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

                • Translation
                • Tutorial


                Эта статья предназначена для тех, кто не очень дружит с Node.js, но хочет использовать приложения вроде Grunt, Gulp и тому подобные. Процесс работы с этими приложениями подразумевает редактирование файла package.json и использование команд npm, так что понимание принципов работы npm поможет вам справиться с трудностями.
                Читать дальше →
              • 9 основных принципов отзывчивого веб-дизайна

                • Translation

                Отзывчивый дизайн — отличное решение проблемы корректного отображения сайта на разных экранах. Однако новичкам зачастую трудно понять основы, обучаясь только по книгам/статьям. С каждым днём появляется всё больше различных устройств, имеющих разные размеры экрана, поэтому создание дизайна в пикселях и только для настольных компьютеров/смартфонов остаётся в прошлом. Именно поэтому сейчас стоит изучить принципы отзывчивого дизайна — дизайна, совмещающего в себе адаптивность и резиновость (если вы ещё не знакомы с адаптивным дизайном, то эта статья будет хорошим выбором для начала изучения).
                Читать дальше →
              • Перевод книги «The Little Book on CoffeeScript»


                  Приветствую, хабраюзер!
                  Недавно я решил изучить CoffeeScript. В поисках книги по этому языку я наткнулся на The Little Book on CoffeeScript. Однако, эта книга на английском — и я подумал, почему бы не перевести её на русский? Небольшая часть перевода уже завершена, и я был бы рад, если бы сообщество поддержало инициативу и помогло с переводом (сам я не настолько эксперт в JS, поэтому перевод местами кривоват, это надо корректировать).

                  За процессом перевода можно следить здесь. Ниже прикладываю перевод первой главы.
                  Читать дальше →
                • Объекты в JavaScript и создание JS-компонента. Часть 1

                  • Translation
                  • Tutorial
                  Эта статья — первая часть туториала об ООП в JavaScript и о создании простого JS-компонента.

                  Об объектах и JavaScript


                  Думайте об объекте, как о совокупности каких-то вещей. Например, представьте, что у вас есть велосипед. Этот велосипед является объектом, и он имеет совокупность каких-то признаков / частей / etc, называющихся свойствами объекта. Примером такого свойства может служить модель велосипеда, год его производства, его детали. Детали также могут иметь собственный набор свойств.
                  Читать дальше →
                  • +1
                  • 19.7k
                  • 3
                • 5 популярных JavaScript-хаков

                  Существует несколько JavaScript-хаков, которыми постоянно пользуются опытные программисты. Они не совсем очевидны, особенно для новичков. Эти хаки используют возможности языка, имеющие некоторые побочные эффекты. В этой статье я объясню, как работают 5 таких распространённых хаков.
                  Читать дальше →