3660
Канал сайта WebForMySelf. Самые свежие материалы из мира IT и веб-разработки Связь: https://webformyself.support-desk.ru/
Члены РАЕК (Российская ассоциация электронных коммуникаций) отправили в Годуму коллективное послание, в котором высказались против введения в стране процедуры внесудебной блокировки интернет-ресурсов.
https://webformyself.com/vnesudebnaya-blokirovka-lishit-vladelcev-sajtov-prava-na-zashhitu-svoix-interesov/
В этой статье я расскажу вам про три успешных подхода к CSS-архитектуре, про их принципы, цели и преимущества. Это методологии CSS БЭМ, SMACSS и ECSS.
https://webformyself.com/css-metodologii-css-bem-smacss-ecss/
В этом уроке мы перейдем от теории webpack уже непосредственно к практике и сделаем установку и соберем простой проект.
https://webformyself.com/urok-2-webpack-ustanovka-webpack-i-pervyj-zapusk/
Коллега, на нашем блоге оформили статью «Препроцессоры CSS – незаменимый инструмент современного веб-разработчика».
https://webformyself.com/preprocessory-css-nezamenimyj-instrument-sovremennogo-veb-razrabotchika/
О препроцессорах css говорят уже давно. Многие разработчики уже применяют их в разработке своих проектов. Есть и такие, кто слышал о препроцессорах или читал про них, но не понимает, какие преимущества дают препроцессоры при написании css кода.
https://webformyself.com/preprocessory-css-nezamenimyj-instrument-sovremennogo-veb-razrabotchika/
Для многих препроцессоры – это «секретная» технология, преимущества которой весьма условны и неочевидны.
В данной статье я расскажу простым языком о том, что такое препроцессоры, для чего они нужны и как они могут помочь веб-разработчику.
https://webformyself.com/preprocessory-css-nezamenimyj-instrument-sovremennogo-veb-razrabotchika/
P.S. Используете ли вы препроцессоры в разработке? Напишите в комментариях, какие препроцессоры вы используете? Если пока не используете, то почему? Планируете ли начать использовать препроцессоры?
https://webformyself.com/preprocessory-css-nezamenimyj-instrument-sovremennogo-veb-razrabotchika/
Аудиозвонки в Telegram стали доступны всем пользователям приложений мессенджера, проживающим в западной части Европы. Об этом сообщается на официальном блоге сервиса.
https://webformyself.com/telegram-zakonchil-testirovanie-funkcii-audiozvonkov/
YouTube усовершенствовал систему автоматической генерации субтитров. Теперь она умеет распознавать не только человеческую речь, но и окружающие звуки. Расширение возможностей функционала ориентировано, прежде всего, на пользователей с нарушением слуха.
https://webformyself.com/dlya-generacii-subtitrov-youtube-ispolzuet-texnologiyu-mashinnogo-obucheniya/
Например, вы делаете макет для поста в блог. Вы написали контент в CMS через WYSIWYG-редактор и вывели его на страницу. Потом вы открываете страницу на мобильном устройстве и видите, что параграфы растянуты на всю ширину. Слегка неудобно. Вы добавляете padding слева и справа, например, с помощью div.container.
https://webformyself.com/prostoe-rastyazhenie-na-vsyu-shirinu-ekrana-s-pomoshhyu-not/
Если вы заходили последнее время на медиа сайты (сервисы стрминига, новостные сайты, Facebook и т.д.), то могли заметить один тренд, связанный с плеерами. Если прокрутить страницу вниз, плеер уменьшается в размере и прилипает к вьюпорту, а не скрывается.
https://webformyself.com/kak-sozdat-prilipayushhee-vo-vremya-prokrutki-stranicy-video/
Изучив понятие ноды, и научившись создавать собственные типы материалов, пришло время поговорить о структуре сайта. То есть, что мы видим в пользовательской части – мы видим, что в определенных местах отображается на экран некоторая информация: меню, контент, хлебные крошки, левый блок и нижний футер и т.д. Конечно, возникает вопрос, как именно отображается данная информация и как осуществляется управления позициями, в которых они отображаются. Поэтому в данном уроке мы с вами поговорим о таком понятии как Drupal блоки.
https://webformyself.com/urok-3-drupal-bloki/
Для анализа «правомерности» содержимого графического контента «Вконтакте» запустил алгоритм, который «умеет» распознавать изображенные на картинках предметы и текст.
https://webformyself.com/novyj-algoritm-pomozhet-ochistit-vkontakte-ot-zapreshhennogo-kontenta/
Яндекс запустил новый алгоритм, который будет выявлять в выдаче seo-переоптимизированные публикации. Баден-Баден является частью общего процесса ранжирование, поэтому его действие может привести к ухудшению позиций ресурсов в выдаче.
https://webformyself.com/baden-baden-pomozhet-yandeksu-spravitsya-s-pereoptimizirovannymi-stranicami/
Доброго времени суток!
В современном мире все больше и больше сайтов уходит от своей статичности, и меняют свои технологии на динамические.
Такие решения связаны с тем, что динамические сайты намного быстрее статических, они требуют меньше ресурсов и на них можно реализовывать любой функционал, как в настоящей компьютерной программе.
Потому, спрос на технологии, которые позволяют реализовывать подобные вещи растет изо дня в день.
http://bit.ly/2mLvJFe
Научившись реализовывать такие приложения, вы сможете применить их в любой области. Если вы пишете свой стартап, то удобней и солидней использовать такие технологии, которые будут приятны клиентам, а также те технологии, которые более перспективны.
Если вы хотите работать в компании, то тоже не беда, ведь спрос на подобных специалистов только растет. Только в Америке, к 2020 году будет не хватать миллиона программистов.
Так что используйте свой шанс и закажите курс, который позволит максимально правильно влиться в мир front-end разработки и научит вас создавать действительно мощные вещи.
http://bit.ly/2mLvJFe
PS. Сегодня в полночь по Москве исчезнет скидка на курс по ReactJS, так что если вы хотите его приобрести по минимальной цене, то не тратьте время и переходите по ссылке
http://bit.ly/2mLvJFe
Буквально вчера вам дали ссылку на курс по ReactJS с 40% скидкой
http://bit.ly/2mLvJFe
Сегодня хотели просто сообщить, что данный дисконт действует до полуночи 23 марта, т.е. чуть более суток.
Помимо основного курса, в него также будут входить 4 дополнительных бонусных урока.
Бонус 1. Создание компонента выбора даты
В этом бонусном уроке будет разобрано как создать собственный компонент по выбору даты и времени в одно поле и разобраны основные моменты, которые нужно учитывать при создании своих независимых компонент или плагинов.
http://bit.ly/2mLvJFe
Бонус 2. Создание динамического поиска по большому объему данных
В данном бонусе будет разобрано как сделать динамический мгновенный поиск по данным, то есть без перезагрузки страницы по более чем 10 000 элементам сразу. Вы узнаете, как это реализовать и увидите, как быстро это работает.
http://bit.ly/2mLvJFe
Бонус 3. Создание списка товаров с детализацией каждого из них и верстка с css flexbox
Спец-Бонус. Курс «JavaScript Jquery и AJAX с Нуля до Гуру» от нашего коллега Михаила Русакова – бесплатно.
http://bit.ly/2mLvJFe
С уважением, команда WebForMySelf.
Здравствуйте!
Как Вы помните, на прошлой недели, мы давали Вам ссылку на уроки от Владилена Минина по React JS.
Сегодня же хочется Вам сообщить об авторском курсе Владилена «ReactJS, Redux и ES2015 с Нуля до Гуру».
http://bit.ly/2mLvJFe
Курс состоит из 6 частей:
1. Профессиональный JavaScript
2. Новый стандарт языка – ES2015
3. Организация современного front-end приложения
4. React JS – теория
5. Redux – теория
6. React JS – практика
В рамках данного курса нами будет изучено как в 2017 году создаются мощные веб приложения, какие инструменты нам понадобятся и какие технологии используются.
http://bit.ly/2mLvJFe
И вот еще, на данный момент в течение 3-хсуток на курс действует 40% дисконт.
Поэтому рекомендуем Вам забрать свою копию курса прямо сейчас
http://bit.ly/2mLvJFe
В данном уроке нас интересует в Yii2 установка шаблона. Мы возьмем сверстанный шаблон блога и попробуем сделать из него шаблон для фреймворка Yii2. Для этого нам потребуется не просто скопировать верстку в структуру папок фреймворка Yii2, но и произвести правильное подключение стилей и скриптов. Используя класс AppAsset фреймворка Yii2, мы также добавим подключение css и подключение js файлов к создаваемому шаблону.
https://webformyself.com/urok-1-frejmvork-yii2-ustanovka-shablona/
Помимо базовой возможности сборки проекта в один файл у webpack есть удобные командные интерфейсы, которые позволяют делать сборку с определенными опциями, которые мы рассмотрим в этом уроке.
https://webformyself.com/urok-3-webpack-komandnye-interfejsy-webpack/
В России разработан стандарт государственного уровня для оценки качества мобильного программного обеспечения. Новый ГОСТ включает в себя рекомендации по созданию приложений и их тестированию.
https://webformyself.com/mobilnye-prilozheniya-v-rossii-budut-ocenivatsya-po-novomu-gostu/
С первого показа вьюпорт единиц в CSS прошло несколько лет. Это реально адаптивные единицы измерения длины, их значение меняется под размеры окна браузера. Если вы слышали о них, но никогда не вдавались в детали, эта статья для вас.
https://webformyself.com/css-vyuport-edinicy-izmereniya-bystryj-start/
Препроцессоры CSS – незаменимый инструмент современного веб-разработчика - https://webformyself.com/preprocessory-css-nezamenimyj-instrument-sovremennogo-veb-razrabotchika/
Читать полностью…
Эта неделя ознаменовала выход CSS Grid в последних версиях Firefox и Chrome без дополнительного флага, что стало настоящим праздником для front-end разработчиков. Теперь можно играться с Grid в двух последних версиях этих браузеров. Но что такого в этой CSS Grid, нужна ли она нам?
https://webformyself.com/znakomimsya-s-css-grid/
На прошлом уроке мы с Вами поговорили о блоках и узнали, что блоки используются для отображения определенной информации на страницах сайта Drupal. Опять же давайте взглянем на главную страничку, и первое, что бросается в глаза это меню. Поэтому в данном уроке мы с Вами научимся работать с меню, а так же изучим довольно интересное понятие – таксономия. Потому как, что первое, что второе используется для упрощения навигации по контенту сайта.
https://webformyself.com/urok-4-drupal-menyu-taksonomiya/
Google автоматически стирает из индекса страницы, которые содержат результаты поиска по внутреннему содержимому ресурса. В отдельных случаях удаление таких страниц происходит в ручном режиме.
https://webformyself.com/optimizaciya-stranic-s-rezultatami-vnutrennego-poiska-bessmyslenna/
В начале месяца Google запустил обновление одного из алгоритмов, в результате которого пострадали позиции ресурсов с низкокачественным контентом. Факт апдейта подтвердил представитель поисковой системы.
https://webformyself.com/ot-freda-postradali-tolko-sajty-s-nizkokachestvennym-kontentom/
Можно ли зарабатывать на проектировании тем? Если тема хорошо спроектирована, прорекламирована целевой аудитории, а с покупателем даже после покупки поддерживается связь, то это может приносить доход. Но нужен план. Нужно понять, что нужно клиентам, а также знать, где они совершают покупки. Давайте обсудим три этапа создания темы: продажа, проектирование и обслуживание.
https://webformyself.com/kak-proektirovat-i-uspeshno-prodavat-temy/
Вы должны знать про атрибут type в поле input. Этот атрибут задает тип инпута в форме, который будет видеть пользователь. Если атрибут пропущен, или используется новое значение в старом браузере, тег все равно будет работать. Будет задан тип по умолчанию type=”text”. Это основной момент, который позволяет использовать HTML5 формы уже сегодня, даже если вы поддерживаете старые браузеры. Если у вас есть новые типы, например, email или search, то в старых браузерах отобразится простое текстовое поле.
https://webformyself.com/html5-formy-tipy-tega-input-chast-1/
При проектировании современных сайтов зачастую приходится создавать полезные UI компоненты. Создаете вы календарь, слайдер, график или что-либо еще полезное, что улучшит и сделает проще взаимодействие, у вас есть два варианта: создать это самому или положиться на существующий функционал.
https://webformyself.com/top-5-alternativ-jquery-ui/
Технологии, за которыми будущее WEB разработки - http://bit.ly/2mLvJFe
Читать полностью…
Авторский курс Владилена Минина "ReactJS, Redux и ES2015 с Нуля до Гуру"- http://bit.ly/2mLvJFe
Читать полностью…
«Одноклассники» позволят авторам видео монетизировать свой контент с помощь платных показов. Планируется, что новый функционал будет запущен до осени текущего года. Об этом сообщает представитель социальной сети.
https://webformyself.com/k-oseni-prosmotr-video-v-odnoklassnikax-stanet-platnym/
Во всех мобильных браузерах есть два вьюпорта. Вьюпорт макета ограничивается вашими стилями (width: 100% означает 100% вьюпорта макета), а визуальный вьюпорт описывает только видимую область страницы. В качестве напоминалки можно использовать эту визуализацию. В сегодняшней статье мы узнаем, что случается, когда эти вьюпорты меняют размер. Также мы изучим событие resize.
https://webformyself.com/paneli-instrumentov-klaviatury-i-vyuporty/