Полное погружение в веб-компоненты в 2023 году
У нас всех есть проекты, над которыми мы не стали продолжать работать. Код стал неуправляемым, область применения расширилась, быстрые фиксы стали применяться поверх других фиксов, а структура кода рухнула под тяжестью спаггетти, программирование может быть грязным делом.
Читать далее… »
CSS container queries в стабильных браузерах
Поздравляем! Новая веб-фича CSS контейнерных запросов теперь поддерживается всеми браузерами.
105 110 105 16
Читать далее… »
История маленького обновления на webislife
В этой заметке хочу поделиться одним маленьким обновлением, которое произошло на сайте, а именно — добавление стилей для упоминания браузеров в статьях — Chrome Firefox Safari Edge чуть поговорим о семантике и посмотрим как это реализовано у серьезных сайтов типа web.dev
Читать далее… »
Интегрируем веб-компонент wc-likes в wordpress
В этой статье мы рассмотрим вариант интеграции веб-компонента wc-likes с CMS системой wordpress на примере сайта webislife.ru
Читать далее… »
Разрабатываем переиспользуемый web-компонент для лайков
В рамках цикла статей о веб-компонентах мы рассмотрим пример реализации компонента лайков wc-likes
, пройдемся по шагам реализации и интегрируем лайки прямо на webislife 😄 поехали!)
Читать далее… »
Цикл статей про веб-компоненты
Эта запись будет начинать и содержать в себе цикл статей про устройство и работу с веб-компонентами в 2023 году, каким образом поддерживать последние практики в веб-разработке, список статей будет постоянно расти и пополняться, вы также можете принять участие в этом цикле и дополнить своими статьями и комментариями на сайте, и так поехали) Читать далее… »
Good style по фронту
В мире фронтенда приходится решать просто огромное количество задач, и так получилось, что на работе мне приходится работать c HTML версткой писем, HTML5 версткой лендинг страниц, подгонкой разных блоков друг к другу, выравниванием отступов) и разных игр с цветами и размерами и всем зоопарком плагинов jQuery
вместе с велосипедами их владельцев, а еще разные адаптивные хаки и костыли. В общем та еще работка. А с другой стороны также необходимо, писать js плагины для jQuery, что-бы верстальщики сами не велосипедили на лендингах,нативную js бизнес логику без библиотек с поддержкой IE7 в 2016 году( кастомные виды input’ов, начиная от выбора цвета и календарей, заканчивая на уровне Marionette.LayoutView описание документации к этому, и все это лучше для меня еще и 1 раз собрать и иметь возможность переносить с самых разношорстных проектов от статических сайтов до сложных систем на Yii, Symfony и REST сервисов с java backend’ом так, чтобы backend команда легко принимала для себя и работала с полученным модулем\компонентом\функцией\инпутом и это я еще не упоминал о Node.js который выполняет тесты в связке с BrowserStack сотен сайтов для своего мониторинга доступности интерфейсов, ну я это все просто так. К вопросу — Что можно делать на фронте?
Пишем пингпонг на JavaScript
Эта статья будет полезна в первую очередь новичкам, изучающим JavaScript. Просматривая уроки по JavaScript’у я понял, что нормального материала достаточно мало, много англоязычного и частично некоторая информация устарела и так, как показывают в некоторых уроках, я бы категорически не рекомендовал писать и учиться этому. Поэтому в этой статье я предлагаю написать вместе со мной простейший пингпонг и немного поговорить о JavaScript’e мы не будем сильно заморачиваться с кроссбраузерностью и откажемся сейчас от всяких там старых ие и индивидуальных багов разных версий браузеров. Писать мы будем в стиле ES5 хотя и для сегодняшнего дня 18 декабря 2015 года, уже могу рекомендовать начинать пользоваться ES6, но до широкого продакшена я пока в 2015 году у ES2015 я не вижу перспектив. Читать далее… »
Как новый элемент HTML сделает сеть быстрее
Сеть собирается стать быстрее в самом ближайшем будущем. Прочем для нас это не является новостью
Скачка скорости не будет потому, что наши устройства становятся быстрее, чем они есть. Этого не будет потому, что некоторая гигантская компания создала нечто большее, чем они, вероятно, имеют. Сеть станет быстрее потому, что небольшая группа разработчиков увидела проблему и хочет решить ее для всех нас.
Читать далее… »
10 советов для разработчиков игр на HTML5
Стратегия Брайана Мак Харга по успешной разработке кросс-браузерных, кросс-платформенных игр на HTML5.
HTML5: законный наследник престола флеш игр. По-настоящему кросс-платформенная разработка позволяет однажды написанную программу запустить и на ПК, и на планшете и смартфоне, она также будет работать и на Smart TV, и на настольных и мобильных устройствах, и в том числе на игровых консолях типа Xbox360 или PlayStation 3 через встроенные в них браузеры. Понятное дело, что это – очень привлекательно для тех, кто хочет разрабатывать игры для как можно большего количества устройств и платформ. Читать далее… »