WebDEV

​​Темная тема Chrome DevTools Чтоб установить тему достаточно выполнить три простых шага: 1. Установите тему оформления из магазина приложений Chrome 2. Перейдите по адресу chrome://flags/#enable-devtools-experiments и нажмите Enable. Затем в этом же окне нажмите Relaunch Now 3. Откройте настройки инспектора Chrome и во вкладке Experiments tab поставьте галочку напротив Allow custom UI themes Zero Dark Matrix в магазине Chrome #devtools #theme

Shortcut Mapper — позволяет освежить в памяти горячие сочетания клавиш для программ Adobe, JetBrains, Sublime Text и многих ругих. На сайте есть удобный поиск по shortcut'ам. Shortcut Mapper #shortcuts

6 трюков VS Code за 60 секунд от Пола Льюиса YouTube #tricks #eng

Автор статьи расскажет о своем опыте работы на должности тимлида в компании по разработке сайтов. Чтобы всем было полезнее и проще читать, статья разбита на главы, каждая из которых рассказывает об одной отдельной проблеме и её решению. Надеюсь, что описанный ниже опыт станет для кого-то чужими граблями. Работа тимлидом в 2018-ом году #career #article

Утиная типизация в JavaScript «Утиная типизация» основана на одной известной пословице: «Если это выглядит как утка, плавает как утка и крякает как утка, то, вероятно, это утка (какая разница, что это на самом деле)». Читать 1 минуту #js

​​AOS — это современная библиотека, которая менять позиции элементов при скролле. Библиотеку очень легко использовать, достаточно просто добавить класс aos-animate. Богатый функционал, есть возможность создавать свои анимации. Демо | Туториал | GitHub #js #scroll

BEM’а не должно существовать. Есть огромное количество причин не использовать эту методологию, но из-за её простоты использования и непонимания работы CSS и HTML, методология широко распространилась среди фронтендеров всего мира, в большинстве случаев среди разработчиков СНГ. В этой статье пойдёт подробный разбор плюсов и минусов этого подхода к разработке. Все примеры вёрстки будут взяты с официального сайта BEM. BEM’a не должно существовать #frontend #bem

День программиста — неофициальный праздник программистов, отмечаемый на 256-й день года. Число 256 (два в восьмой степени) выбрано потому, что это количество чисел, которые можно выразить с помощью одного байта. Этот день сегодня, 13 сентября. Поздравляю!

​​Shuffle Letters — это jQuery плагин, который создает интересный эффект вывода текста. Буквы выводятся рандомно, одна за другой. Демо | GitHub #text #animation #jquery

Если вы занимаетесь веб-разработкой, то высока вероятность того, что вам знакомы два чудовища, о которых пойдёт речь в статье. Речь идёт об изображениях и о дедлайнах. Иногда, по каким-то причинам, картинки никак не хотят помещаться в те места макетов страниц, которые для них предназначены, а вы не можете потратить несколько часов на то, чтобы с этим разобраться. CSS-приёмы, которые помогают экономить время #css #article

Эта статья, в первую очередь для дизайнера, который делает макет сайта, но не дорисовывает детали свойственные вебу. Своеобразная попытка объяснить, что веб-сайт лежит за пределами плоской полиграфии. Во вторых для верстальщика к которому пришёл макет без состояний, чтобы было куда дизайнера послать. Кнопка или ссылка? #html #css #article

​​Windows — это плагин, который позволяет создавать секции на одностраничных сайтах, которые занимают весь экран. Секция, на которой вы находитесь, автоматически будет подогнана под размеры экрана. Советую посмотреть демо. Демо | GitHub #jquery #scroll

Казалось бы всего несколько лет назад web платформа проигрывала нативным приложением практически по всем фронтам, и пропасть между тем, что можно было сделать в браузере, и тем, что было доступно приложениями, загружаемым из магазинов, была ужасающе огромной. Web не стоит на месте: работа оффлайн, фоновая синхронизация данных, push-нотификации, поддержка входа в один клик и оплаты с помощью кредитных карт, Apple Pay, Google Pay и других методов, встроенная в браузер  —  теперь реальность. Благодаря всем этим изменениям и нововведениям, теперь web и нативные приложения больше не разделяет пропасть. Теперь они стоят плечом к плечу. Могут ли PWA конкурировать c нативными приложениями? #pwa #mobile

​​Google обновила дизайн Chrome в честь десятилетия браузера Недавно Chrome стукнуло 10 лет. В честь этого Google существенно обновила интерфейс браузера и добавила в него новые возможности. В первую очередь стоит отметить вкладки — они стали закруглёнными. Благодаря этому их проще различать, особенно когда открыто не две–три штуки, а гораздо больше. Другие элементы интерфейса тоже стали округлыми. Компания улучшила адресную строку Chrome — некоторые результаты в ней теперь отображаются сразу, чтобы не нужно было открывать отдельную вкладку. #news #chrome

​​Новый 69 хром знает все ваши пароли и не даёт использовать одинаковые на разных сайтах #news

​​nanobar.js — это очень, очень легковесная бибилиотека на чистом javascript, которая создает простые и красивые прогрессбары. Вам не нужно jQuery и бибилиотеку легко использовать. Демо | GitHub #js #progressbar

Многие тяжелые плагины для jQuery сейчас легко заменить парой строк CSS, да и возможности по оформлению страниц не идут ни в какое сравнение с тем, что было в начале 2000х. Пора уже изменить восприятие мира веб-разработки, принять тот факт, что “верстка” становится все более широкой областью деятельности, и начать уже делать современные сайты без оглядки на былые стереотипы и ограничения. 5 приемов работы с CSS, о которых вам следует знать #css #article

​​AIjs.rocks — вдохновляющая коллекция JS-приложений, работающих с искуственным интеллектом: фотографии из набросков, подписи к картинкам, симулятор эволюции, умная драм-машина, змейка с управлением головой и многое другое. Всего 18 примеров. #js #ai

​​Scrollpath — это плагин для создания своих кастомных путей элементов при скролле старницы. Для рисования путей используется канвас и методы moveTo, lineTo и arc. Демо | GitHub #jquery #scroll

Приходилось ли Вам писать что-то, за что Вы сами себя ненавидели? Вы понимали, что так делать плохо и некрасиво, но обстоятельства (требования заказчика, например) были сильнее Вас? У некоторых такое бывало. Как разработчики комментируют такой код? Комментарии в коде как способ самовыражения #article #humor