В современных фронтенд-приложениях технология CSS-in-JS пользуется определённой популярностью. Всё дело в том, что она даёт разработчикам механизм работы со стилями, который удобнее обычного CSS. Не поймите меня неправильно. Мне очень нравится CSS, но создание хорошей CSS-архитектуры — задача не из простых. Технология CSS-in-JS может похвастаться некоторыми серьёзными преимуществами перед обычными CSS-стилями. Но, к сожалению, применение CSS-in-JS способно, в определённых приложениях, привести к проблемам с производительностью. В этом материале я попытаюсь разобрать высокоуровневые особенности наиболее популярных CSS-in-JS-библиотек, расскажу о некоторых проблемах, которые иногда возникают при их использовании, и предложу способы смягчения этих проблем.
Рубрика «Разработка веб-сайтов» - 80
Скрытая цена CSS-in-JS-библиотек в React-приложениях
2019-12-18 в 9:30, admin, рубрики: css, javascript, React, ReactJS, Блог компании RUVDS.com, разработка, Разработка веб-сайтов
5 вещей, которые я бы хотел знать, когда начинал использовать Angular
2019-12-17 в 13:01, admin, рубрики: angular, change detection, dependency injection, html, junior, template, testbed, TypeScript, Блог компании Tinkoff.ru, начинающим, Разработка веб-сайтов, тестирование, шаблонСовременный Angular — это мощный фреймворк с множеством возможностей, вместе с которыми приходят и сложные, на первый взгляд, концепции и механизмы. Особенно это заметно тем, кто только начал работу как во фронтэнде в принципе, так и с Angular в частности.
С этой же проблемой столкнулся и я, когда примерно два года назад пришел в Тинькофф на позицию Junior Frontend Developer и погрузился в мир Angular. Поэтому предлагаю вам короткий рассказ о пяти вещах, понимание которых очень облегчило бы мою работу на первых порах.
Полезные советы по Python, которых вы ещё не встречали
2019-12-17 в 9:30, admin, рубрики: python, Блог компании RUVDS.com, Лайфхаки для гиков, разработка, Разработка веб-сайтовНаписано очень много статей, посвящённых интересным возможностям Python. В них идёт речь о распаковке списков и кортежей в переменные, о частичном применении функций, о работе с итерируемыми объектами. Но в Python есть гораздо больше всего интересного. Автор статьи, перевод которой мы сегодня публикуем, говорит, что хочет рассказать о некоторых возможностях Python, которыми он пользуется. При этом описания этих возможностей, подобного тому, которое приведено здесь, ему пока не встречалось. Возможно, что и вы о них тоже ещё нигде не читали.
Ещё пять идей, как прокачать свое мастерство фронтенд-разработчика (декабрь 2019)
2019-12-16 в 16:36, admin, рубрики: css, edisonsoftware, javascript, Блог компании Edison, Разработка веб-сайтов, учебный процесс, Учебный процесс в ITЦель публикации — подкуинуть несколько идей, что можно повторить, чтобы повысить свое мастерство front-end разработчика. Это просто идеи, без исходников и туториалов, что немного усложняет задачу, но прививает более самостоятельный подход к обучению.
Предыдущий полный список идей: Front-end додзё: проекты для тренировки навыков разработчика (5 новых + 43 старых)
1.Динамическое меню
Посмотрите, как это круто, когда кликаешь в меню и контент уменьшается.
motrix.app
Чему научитесь:
- CSS переходы и анимации.
- Как изменить компоновку и содержимое.
- Как гармонично использовать HTML и JavaScript, чтобы добавить интерактивность на ваш сайт.
Прослушиватели событий и веб-воркеры
2019-12-16 в 10:07, admin, рубрики: javascript, Блог компании RUVDS.com, разработка, Разработка веб-сайтовНедавно я разбирался с API Web Workers. Очень жаль, что я не уделил время этому отлично поддерживаемому инструменту раньше. Современные веб-приложения очень требовательны к возможностям главного потока выполнения JavaScript. Это воздействует на производительность проектов и на их возможности по обеспечению удобной работы пользователей. Веб-воркеры — это именно то, что в наши дни способно помочь разработчику в деле создания быстрых и удобных веб-проектов.
Дайджест свежих материалов из мира фронтенда за последнюю неделю №393 (9 — 15 декабря 2019)
2019-12-15 в 21:15, admin, рубрики: angular, css, ES6, html, html5, javascript, JS, React, vue, браузеры, дайджест, Разработка веб-сайтов, ссылки, фронтендПредлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
15.12.19 с 12:00 МСК в Интернете прошел тридцатиминутный блэкаут в поддержку Игоря Сысоева, автора Nginx
2019-12-15 в 6:00, admin, рубрики: nginx, open source, блэкаут, Законодательство в IT, Научно-популярное, Разработка веб-сайтов
В процессе активации этого блэкаута пользователи «отключенных» в режиме установки заглушки на полчаса (или больше по времени, по усмотрению администраторов) веб-ресурсов информировались о возникшей ситуации с Nginx.
Владельцы части веб-ресурсов решили продлить блэкаут до понедельника.
Воскресенье 15 декабря 2019 года было выбрано как нейтральный день этой напряженной недели, когда многие IT-специалисты, системные администраторы и создатели различных веб-ресурсов могут в спокойной обстановке выразить свое мнение по поводу ситуации, которая вот уже более трех суток развивается против компании Nginx (по этой ссылке находится полная хронология начальной стадии этого напряженного процесса), ее создателя Игоря Сысоева и сооснователя Максима Коновалова. Ссылка на обсуждение конфликта на Roem.ru.
Читать полностью »
Atlas Shrugged, или поворот не туда
2019-12-13 в 22:01, admin, рубрики: nginx, open source, opensource, Атлант расправит плечи, Блог компании Фонд ReactOS, Программирование, Прометей восставший, Разработка веб-сайтов
Самое дорогое, что есть у каждого человека — его жизнь и время, отпущенное ему. Каждый распоряжается этими ресурсами по-своему. Нет второго шанса, нельзя родиться заново, часы не отмотать назад. Игорь Сысоев день за днем почти 20 лет своей жизни посвящал кропотливой работе над тем, чтобы подарить людям всего Человечества, пожалуй, лучший веб-сервер из существующих. Игорь совершенно не обязан был публиковать исходники NGINX под свободной лицензией, но он поступил так добровольно, это был его вклад в изменение нашего Мира к лучшему.
Вряд ли Игорь думал в тот день, когда публиковал исходники в первый раз, что open source поможет ему стать долларовым миллиардером. Наверное не думал он и о том, как когда-нибудь однажды попадет в один ряд с другими отцами-основателями сети Интернет, такими как Тим Бернс Ли, Пол Бэран или Брюстер Кейл. А сбылось это: на сегодняшний день по данным Netcraft, число сайтов, обслуживаемых nginx, превысило 447 миллионов. И вы тоже можете использовать для своего сайта этот веб-сервер, это произведение современного искусства, причем совершенно бесплатно!
Поэтому конечном итоге, деньги, которые Игорь Сысоев счастливым образом получил, были честно заработаны его собственными кровью и потом (а не на горе и страдании или рабском труде других людей), он их заслужил! Его Филдсовская или Нобелевская премия Мира если хотите…
В бизнесе всегда возникают конфликты и трения, его суть — в конкуренции. Но сейчас неопределенный круг вполне конкретных людей хочет не конкурента в честной рыночной борьбе победить, а хочет эта группировка заслуги Игоря Сысоева втоптать в грязь, обесценить, филантропа выставить вором, а его награду присвоить себе по праву силы. Причем сделать это пытаются не в порядке добросовестного заявителя — в арбитражном суде, а самым грязным способом в духе 90х, с привлечением ресурса силовых структур.
Читать полностью »
Как разработать дизайн и код персонального веб-сайта
2019-12-13 в 15:59, admin, рубрики: веб-дизайн, веб-разработка и дизайн, графический дизайн, дизайн, перевод, Разработка веб-сайтовПривет! представляю вашему вниманию перевод статьи «How to Design and Code a Personal Website» автора Ryan Smith.
Многие разработчики считают, что быть хорошим дизайнером — это врожденная способность, что творческий подход — это то, с чем вы сразу родились. На самом деле, дизайн — это навык, который можно освоить, как и любой другой. Для создания красивого сайта не обязательно родиться художником, нужно только попрактиковаться, хорошо так попрактиковаться. Эта статья расскажет о том, как практиковать дизайн через процесс создания персонального сайта с нуля и превращения его в код.
Тренды UX-UI в 2020 году
2019-12-13 в 11:20, admin, рубрики: edisonsoftware, usability, Блог компании Edison, дизайн, интерфейсы, Разработка веб-сайтов, разработка мобильных приложений, разработка сайтов
Мы вступаем в третье десятилетие XXI века менее чем через пару месяцев, и 2020 год принесет с собой совершенно новую волну тенденций и отличных практик в UX и UI-дизайне. От перехода к совершенно новым «областям дизайна», таким как голосовой интерфейс пользователя или дизайн AR/VR, до таких тенденций в дизайне интерфейса, как анимация, пользовательские изображения и многое другое.
2019 год был отличным годом для UX/UI Design. Мы видели, как боковые панели, закругленные углы и изменения в навигационных вкладках/панелях начали использовать менее традиционный подход, и это здорово. Это означает, что мир меняется, и дизайн адаптируется, или, во многих случаях, диктует эти изменения.
Ниже приведен список будущих тенденций и практик в дизайне UX/UI как для мобильных, так и для веб-приложений, исследованных во всем чуде, называемом Интернет.
Читать полностью »