3660
Канал сайта WebForMySelf. Самые свежие материалы из мира IT и веб-разработки Связь: https://webformyself.support-desk.ru/
В данном уроке мы поговорим про то, как в webpack работать с css файлами и правильно их преобразовывать, так как webpack работает только с javascript.
https://webformyself.com/urok-14-webpack-css-loaders-extracttextplugin/
☝️Еще выложили уроки по webpack на наш youtube канал.
Смотрите сейчас
https://www.youtube.com/playlist?list=PLD-piGJ3Dtl22NWFJ7CykNaZVzf1ZroCP
Не так давно Google выпустила свой кодировщик JPEG-изображений Guetzli, который по заявлениям разработчиков на 20-30% сжимает файлы лучше, чем libjpeg. Будучи заинтригованным, я решил попробовать новый инструмент. Сам я уже на протяжении долгого времени для оптимизации JPEG использую jpeg-recompress, установщик можно скачать на jpeg-archive project. В инструменте масса настроек, он очень быстрый и реально оптимизирует JPEG. Но можно ли его сравнить с Guetzli?
https://webformyself.com/uroki-i-stati/
Данный урок посвящен, пожалуй, самому сложному, но при этом очень полезному плагину, который позволяет находить общие компоненты и выносить их в отдельный файл для оптимизации.
https://webformyself.com/urok-12-webpack-commons-chunks-plugin/
🔥Уже почти все готово к завтрашнему релизу нашей новинки от Владилена Минина «Препроцессоры Sass и Less. Автоматизация и упрощение front-end разработки».
Все системы мы проверили, файлы закачали на сервер. И уже завтра 100 копий мы выставим с 40% дисконтом и авторской поддержкой для предварительного списка (в списке уже 307 человек)
💡💡Пришло время сообщить цену на курс.
http://telegra.ph/Cena-na-kurs-po-preprocessoram-04-17
❗️Почему препроцессоры, а не PostCss?❗️
Многие задали вопрос, почему же мы выбрали в качестве темы для курса препроцессоры, а не postcss?
Для этого нужно для начала разобраться, что такое postcss и что такое препроцессоры...
http://telegra.ph/Pochemu-preprocessory-a-ne-PostCss-04-14
Для расширения функционала webpack нужно использовать плагины, но стоит учесть, что существуют как сторонние плагины, так и встроенные в сам webpack.
https://webformyself.com/urok-9-webpack-uglify-js-plugin/
Всем привет!
⚡️⚡️Мы тут решили добавить несколько бонусов ограниченному кругу наших читателей.⚡️⚡️
Помотрите сами:
http://telegra.ph/Podderzhka-po-kursusekretnyj-bonus-ogranicheno-04-12
Когда мы делаем сборку webpack все файлы объединяются в один файл, что ускоряет скорость загрузки страницы. Но из-за этого нет возможности удобно смотреть исходный код скрипта, так как он скомпилирован. Для этого в webpack есть исходные карты, о которых и пойдет речь в этом уроке.
https://webformyself.com/urok-7-webpack-isxodnye-karty/
Здравствуйте!
У нас сегодня для Вас важная новость. Впрочем, взгляните сами.
Мы рады сообщить, что 18 апреля в 9.00 по Московскому времени мы запускаем авторский курс Владилена Минина «Препроцессоры Sass и Less. Автоматизация Front-end разработки».
https://webformyself.com/sassless/
Более того, ровно на 36 часов в честь запуска курса, Вас ожидает дисконт 40% для участников предрелизного списка.
Это уникальный видеокурс на рынке Рунета, который во всех подробностях дает теоретическое и практическое освещение всех возможностей двух наиболее популярных и востребованных на рынке CSS-препроцессоров SASS и LESS в рамках единого курса.
https://webformyself.com/sassless/#price
Помимо ПОЛНОГО ОСВЕЩЕНИЯ теоретических основ и практики работы непосредственно с самими препроцессорами SASS и LESS, а также изучения методологии CSS, в курсе в мельчайших подробностях разобрана практика работы с такими прогрессивными популярными технологиями как NODE.JS, NPM и GULP.
https://webformyself.com/sassless/#price
Всем привет!
В нашей команде WebForMySelf новый автор: Владилен Минин.
Если Вы еще с ним не знакомы, то давайте это сделаем прямо сейчас:
http://telegra.ph/Neskolko-slov-o-Vladilene-Minine-04-09
А пока, несколько фактов о Владилене.
📌23 года;
📌Успешные программист в крупной IT компании (Senior Front-End разработчиком);
📌Путешествует по миру и работает удаленно.
Недостатки:
📌Не любит фотографироваться☺️☺️☺️
Подробнее читаем тут:
http://telegra.ph/Neskolko-slov-o-Vladilene-Minine-04-09
P.S. Хороших вам выходных!
Всем привет!
Ежемесячно мы на своем сайте публикуем десятки Премиум видео уроков по веб-разработки.
💡Посмотрите сами: /channel/wfspremium
Недавно мы создали Телеграм-канал, в котором анонсируем самые свежие уроки.
Поэтому, если Вы хотите получать самый свежий контент из мира веб-разработки, то подпишитесь на наш Премиум Телеграм-канал прямо сейчас.
💡/channel/wfspremium
Приятный Вам выходных! ✌️
YouTube начал транслировать эфир популярных телевизионных каналов. Новый функционал пока доступен только пользователям из США. Стоимость «семейной» ежемесячной подписки составляет 35$.
https://webformyself.com/teper-na-youtube-mozhno-smotret-efir-televizionnyx-kanalov/
Четкого мнения по поводу преимуществ минификации HTML нет, однако если протестировать свой сайт на PageSpeed Insights, часть советов будет в сторону минификации HTML, CSS и JavaScript. Минификация ресурсов – избавление от избыточных элементов, элементов, которые не нужны браузеру для правильной обработки документа.
https://webformyself.com/umenshite-razmer-fajlov-s-pomoshhyu-etix-trex-instrumentov-minifikacii-html/
Препроцессоры. Быстрый старт - https://webformyself.com/minikurs/startproc/index-subscribe.html
Читать полностью…
При загрузке изображений на сайт большая часть людей инстинктивно понимает, что GIF нельзя использовать для фотографий, а JPEG – для графиков. Ленивые пользователи, т.е. я, могут выбрать PNG вообще для всего и надеяться на лучшее.
https://webformyself.com/kak-podobrat-idealnyj-format-izobrazhenij-dlya-optimizacii-sajta/
Всем доброго времени суток!
⚡️⚡️Только что на ютуб выложили новые ролики по Parallax эффектам!
Смотрите первыми!
https://www.youtube.com/playlist?list=PLD-piGJ3Dtl175na1nHmqMeZhsIL_oMI6
Роскомнадзор ведет переговоры с анонимайзерами об ограничении доступа российской аудитории к запрещенным в стране ресурсам. Об этом глава VPN-сервиса HideMe.ru рассказал журналистам «Ведомостей».
https://webformyself.com/roskomnadzor-davit-na-otechestvennye-vpn-servisy/
2017 год уже задал движение по некоторым очень интересным направлениям, вследствие чего начинают появляться новые тенденции в веб-дизайне. В этом году нас ждет множество визуальных трендов, которые изменят лицо веб-дизайна и тонко повлияют на пользовательский опыт. Пользовательский опыт, несомненно, важен, однако в дизайне сайта нельзя отводить визуальным эффектам второе место, та как эмоциональная привлекательность дизайна также влияет на то, останется ли пользователь на сайте или нет. В сегодняшней статье я кратко опишу вам 5 визуальных тенденций, которые помогут освежить ваш дизайн в 2017.
https://webformyself.com/5-novyx-trendov-kotorye-sdelayut-vashi-veb-dizajny-eshhe-luchshe-v-2017/
Сформировали цену на курс по препроцессорам - http://telegra.ph/Cena-na-kurs-po-preprocessoram-04-17
Читать полностью…
Отечественные разработчики запустили сервис, с помощью которого можно найти удобное место для удаленной работы. Сейчас в нем доступен поиск по Одессе, Москве, Минску и Санкт-Петербургу.
https://webformyself.com/remote-places-pomozhet-najti-udobnoe-mesto-dlya-raboty-s-noutbukom/
В этом уроке я бы хотел вам показать нативную, простую реализацию диспетчера или шины событий на JavaScript, который является одним из основополагающих вещей, которые показывают всю мощь JavaScript.
https://webformyself.com/kak-sozdat-dispetchera-na-chistom-javascript/
В случае проведения на сайт SEO-атаки Google советует всем вебмастерам отклонять «опасные» ссылки через файл Disavow.
https://webformyself.com/fajl-disavow-glavnoe-oruzhie-vebmasterov-protiv-seo-atak/
Лендинг пейдж играет решающую роль при формировании первого впечатления у посетителей вашего сайта. Впечатление может быть как положительным, так и отрицательным. Именно поэтому важна каждая деталь в стремлении сохранить интерес пользователей.Ниже я описал 5 признаков хорошего лендинга, а также привел примеры. Все примеры взяты с Envato Elements, сервиса, предоставляющего безграничный доступ своим подписчикам к огромной библиотеке шаблонов, шрифтов, аддонов и элементов дизайна. И все это за плату раз в месяц.
https://webformyself.com/5-priznakov-xoroshego-lendinga/
Препроцессоры Sass и Less. Автоматизация Front-end разработки - https://webformyself.com/sassless/
Читать полностью…
Владилен Минин - новый автор команды WebForMySelf
Читать полностью…
Видео Премиум уроки по веб-разработки - /channel/wfspremium
Читать полностью…
Управлять webpack постоянно из консоли неудобно, из-за дублирования кода, траты времени и малой возможности конфигурации. Для этого мы разберем основной файл настроек — webpack.config.
https://webformyself.com/urok-5-webpack-webpack-config/
Прямо сейчас мы выложили в открытый доступ мини-курс «Препроцессоры. Быстрый старт»:
https://webformyself.com/minikurs/startproc/index-subscribe.html
В этом курсе Владилен Минин хотел вам показать, насколько препроцессоры мощная и нужная вещь в современном вебе, на примере простого сайта с двумя разными темами.
В качестве препроцессора будет использоваться язык Less. У него есть несколько интересных вариантов компиляции без настройки окружения.
https://webformyself.com/minikurs/startproc/index-subscribe.html
В результате данного курса нами будет создано две темы на чистом CSS и две темы на препроцессоре.
Вы увидите, как сильно код отличается, насколько проще поддерживать код на препроцессоре, чем на CSS, как отличаются размеры файлов при использовании чистого CSS или препроцессора, что важно для оптимизации загрузки страницы.
Также вы увидите, насколько просто с препроцессорами создавать новые темы на основе уже готовых стилей.
https://webformyself.com/minikurs/startproc/index-subscribe.html
В поддержку использования масштабируемой векторной графики или SVG в интернете говорит несколько положительных факторов. Относительно небольшой вес, безусловно, один из них. Однако тут есть некоторые оговорки. Давайте разбираться.
https://webformyself.com/povyshayut-li-svg-izobrazheniya-proizvoditelnost-sajta/