Прокрастинация — явление, жертвой которого становятся все, даже животные не могут ему противостоять. Несколько лет назад проблему ярко описал Тим Урбан на страницах своего блога Wait But Why. И раз уж прокрастинация неизбежна, стоит постараться извлечь пользу и из неё — я составил подборку из шести онлайн-сервисов (и их альтернатив), которые помогут научиться чему-то новому, даже когда работать нет никаких сил. Читать дальше →
Подробнее
Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы и интересные материалы из области фронтенда. Читать дальше →
Подробнее![[Перевод] Работа с Flexbox в гифках](https://habrastorage.org/files/586/3ae/1bf/5863ae1bfcd3457fa133a29343810f50.png)
Flexbox так и напрашивается на то, чтобы создавать по нему визуальные шпаргалки. Сегодня мы предлагаем вам перевод статьи Скотта Домеса «Как работает Flexbox – в больших, ярких анимированных гифках», своего рода наглядное пособие. Flexbox обещает избавить нас от недостатков стандартного CSS (таких как вертикальное выравнивание). Следует признать, что Flexbox действительно справляется с поставленной задачей. Однако освоение этой новой модели может вызвать некоторые затруднения. Попробуем…
Подробнее
Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы и интересные материалы из области фронтенда. Читать дальше →
Подробнее
Известный маркетолог Эндрю Чен в одном из эссе писал, что есть всего несколько каналов для масштабирования роста аудитории: Платный трафик Прямые продажи Виральность SEO Первые два канала обычно стоят довольно дорого и подходят не каждой компании. Виральность — это почти магия, добиться ее сложно, она должна быть изначально заложена в суть вашего продукта. А вот SEO доступно практически любому проекту. Чтобы поисковики поняли, что ваш сайт хороший и на него стоит…
Подробнее
Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы и интересные материалы из области фронтенда. Читать дальше →
Подробнее![[Из песочницы] А если без JavaScript?](/uploads/habrahabr_logo.png){kind=logo}
В нашем мире без JavaScript никуда! Куча фреймворков, библиотек и прочей радости! jQuery плотно вошел в нашу жизнь. React с Angular пробивают дорогу к светлому будущему. Да и не за горами поддержка браузерами ES6 без Babel. Но если тема заходит об обычном сайте со стандартным функционалом, не редки случаи, когда JavaScript начинают “злоупотрелять”. И все, в принципе, нормально… Но порой задаешься вопросом: «А если без JavaScript?». Читать дальше →
Подробнее![[Перевод] 33 способа ускорить ваш фронтенд в 2017 году](https://habrastorage.org/files/96a/3e9/bea/96a3e9beaf1245cc91d5fb167e98161f.jpg)
Вы уже используете прогрессивную загрузку? А как насчёт технологий Tree Shaking и разбиения кода в React и Angular? Вы настроили сжатие Brotli или Zopfli, OCSP stapling и HPACK-сжатие? А как у вас обстоят дела с оптимизацией ресурсов и клиентской части, со вложенностью CSS? Не говоря уже о IPv6, HTTP/2 и сервис-воркерах. Читать дальше →
Подробнее
Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы и интересные материалы из области фронтенда. Читать дальше →
Подробнее
С появление Бесплатных SSL-сертификатов Let's Encrypt процесс перехода на протокол HTTPS стал совсем простым. Главное - правильный хостинг у которого данная услуга бесплатна. Хотя до недавнего времени подобные действия были разрешены исключительно для виртуальных серверов, и никак не касались обыкновенных виртуальных хостингов. Свой опыт перевода сайта работающего на DataLife Engine с протокола http на https опишем на примере хостера Инфобокс.
Подробнее![[Перевод] Эволюция CSS: от CSS, SASS, BEM и CSS–модулей до styled-components](https://habrastorage.org/files/908/267/b87/908267b8713f4e46b5eaa819a300f868.png)
С самого начала истории интернета мы нуждались в стилях для наших сайтов. Многие годы нам для этого служил CSS, развивавшийся в своём темпе. И здесь мы рассмотрим историю его развития. Думаю, все согласятся с таким определением: CSS используется для описания представления документа, написанного на языке разметки. Также ни для кого не будет новостью, что за время развития CSS стал довольно мощным средством и что для использования в команде нужны дополнительные инструменты. Читать дальше →
Подробнее![[Из песочницы] Что поправить в верстке перед выпуском в продакшн?](https://habrastorage.org/files/91e/7fc/fc7/91e7fcfc7f2b44c481635122f1c07a74.jpg)
Это статья — чек-лист того, что нужно не забыть поправить в любом проекте. Список полезных мелочей. Весь текст поделен на две части. Первая — про простые элементы страницы, такие как текст, кнопки, изображения, формы и другие. Вторая часть про производительность, масштабируемость, безопасность и доступность. Читать дальше →
Подробнее