3660
Канал сайта WebForMySelf. Самые свежие материалы из мира IT и веб-разработки Связь: https://webformyself.support-desk.ru/
Google не применяет данные, собранные в Chrome, для нахождения новых веб-страниц. К такому выводу пришли специалисты из Stone Temple Consulting.
https://webformyself.com/chrome-ne-ispolzuetsya-dlya-poiska-novyx-veb-stranic/
Здравствуйте!
В прошлом уроке Владилен Минин рассказывал об основах React и о том, как его подключить.
Вышел новый, не менее интересный урок, где уже Владилен на простом примере с динамическими часами показывает насколько прост в кастомизации компонентный подход React и как мало кода нужно написать, чтобы реализовать подобный функционал.
https://webformyself.com/minikurs/reactjs/index2.html
В уроке будет использована библиотека momentjs (http://momentjs.com/), в которой очень удобно работать с датами в Javascript.
К примеру: написав, «moment()» вы получите текущую дату, а если используете функцию «.format()», библиотека вернет вам дату в любом заказанном вами формате.
https://webformyself.com/minikurs/reactjs/index2.html
React JS пропагандирует компонентный подход. Для его наглядной демонстрации и кастомизации компонентов, как раз будет использован разный формат для одного и того же элемента.
Так же, в этом уроке будет повторено, что такое параметры и как их передавать в компонент, и еще: как работать со стейтом в React компоненте.
https://webformyself.com/minikurs/reactjs/index2.html
Яндекс выпустил корпоративный вариант своего браузера. Новая версия программы не только включает в себя фирменную систему безопасности Protect, но и позволяет сисадмину удаленно инсталлировать и настраивать браузер на всех рабочих местах сотрудников компании.
https://webformyself.com/yandeks-brauzer-teper-dostupen-v-versii-dlya-korporativnyx-klientov/
Здравствуйте!
Наш коллега Владилен Минин записал для вас видео инструкции по ReactJS.
https://webformyself.com/minikurs/reactjs/index1.html
В связи с тем, что в последнее время очень большой спрос идет именно на Front-End область, многие заказчики требуют от программистов не только знания JavaScript, но и умения работать на его фрейморках, таких как React и Angular 2.
Сразу стоит оговориться, что по своей сути React JS не является фрейморком, скорее это библиотека для рендеринга элементов. Но, так как она задает определенный стиль проекту, где используется, и за многое отвечает, программисты зовут React именно фреймворком. И, такие решения как Redux или Flux помогают ему в этом.
https://webformyself.com/minikurs/reactjs/index1.html
ReactJS довольно прост в освоении, и при этом, с помощью него легко и быстро можно делать действительно красивые вещи.
В уроке Владилен подробно рассказывает о том, как этот фреймворк можно подключить к вам на проект без использования различных сборщиков, таких как webpack, grunt, gulp, а просто через cdn.
В уроке также будет показано, что такое специфический синтаксис React – JSX, и что звучит он страшнее, чем является в действительности.
https://webformyself.com/minikurs/reactjs/index1.html
В Telegram появилась функция аудиозвонков. Сейчас функционал проходит стадию тестирования. Воспользоваться аудиосвязью можно в бета-версии приложения сервиса.
https://webformyself.com/telegram-nachal-otkrytoe-testirovanie-funkcii-audiozvonkov/
Мы изучили новые значения атрибута type тега input и парочку валидных для большинства элементов атрибутов. Однако HTML5 формам еще есть чем удивить! В HTML5 спецификации появилось 5 новых элементов: datalist, output, keygen, progress и meter. В предыдущей статье мы уже изучили datalist. Также мы показали вам progress и meter в последней главе, их часто используют вне форм. Давайте суммируем все и рассмотрим два оставшихся элемента.
https://webformyself.com/html5-formy-novye-elementy/
В данное время огромнейшей, популярностью пользуются интерактивные веб-проекты, которые общаются с веб-сервером в фоне, то есть без перезагрузки страницы в целом и это не удивительно, так как вышеуказанные приложения значительно быстрее и удобны в работе. Поэтому в данном уроке мы с Вами начнем учиться работать с методом AJAX, используя библиотеку jQuery.
https://webformyself.com/urok-11-jquery-rabota-ajax-chast-1/
Формат AMP станет доступен еще для 1 миллиарда пользователей. Поисковики, работающие на азиатском рынке, массово реализуют поддержку этого формата в своих сервисах. Об этом сообщил представитель Google.
https://webformyself.com/amp-format-aktivno-vyxodit-na-aziatskij-rynok/
Для перевода на русский Google Translate стал использовать собственные наработки в сфере нейронных сетей. Что должно положительно сказаться на качестве текстового перевода.
https://webformyself.com/google-translate-povysil-kachestvo-perevoda-za-schet-primeneniya-nejronnyx-setej/
Число дорогостоящих покупок, совершаемых через мобильные устройства, постоянно увеличивается. Об этом свидетельствуют результаты исследования, проведенные компанией Criteo.
https://webformyself.com/dorogostoyashhie-pokupki-chashhe-vsego-sovershayutsya-cherez-mobilnye-prilozheniya/
Мне понравилось выезжающее меню на сайте The New Tropic. Но меня заинтересовала не сама выезжающая часть, а то, как элементы внутри меню занимают пространство. Они растягивались, занимая все пространство, и никогда не сжимались слишком сильно. Такое довольно легко реализовать на flexbox! Давайте немного разберемся.
https://webformyself.com/prostoe-tyanushheesya-menyu-na-flexbox/
В этом уроке мы начнем решать одну из классических задач в практике веб-программирования — речь идет о пагинации или постраничной навигации. Построение пагинации в AngularJS имеет свои нюансы и особенности о которых мы и поговорим в уроке. В этом и следующем уроке мы для начала создадим простейший вариант пагинации. В дальнейшем мы рассмотрим более универсальное решение.
https://webformyself.com/urok-22-angularjs-paginaciya-v-angularjs-chast-1/
В систему «Вконтакте» интегрирован Office 365. Теперь пользователи смогут просматривать текстовые документы и презентации в браузере, не покидая социальной сети. Об этом сообщил представитель компании Евгений Красников.
https://webformyself.com/korporaciya-microsoft-predostavila-vkonakte-office-365/
По результатам популярного исследования Миссурийского университета науки и технологий посетители формируют мнение о вашем бизнес сайте менее чем за две десятых секунды. Помогает им в этом визуальный контекст, который формирует хорошее впечатление и задерживает пользователей на сайте подольше. Картинка влияет на пользователей сильнее текстового контента, так как с ее помощью можно более эффективно и быстрее передать сообщение.
https://webformyself.com/znachimost-vizualnogo-konteksta-v-veb-dizajne/
В этом уроке мы подробно познакомимся с фильтром orderBy в AngularJS, который в считанные минуты позволит организовать сортировку данных по нужному полю. Для начала мы выведем достаточно большой объем реальных данных, использовав базу данных World, а в следующей части познакомимся с нюансами работы с фильтром orderBy.
https://webformyself.com/urok-20-sortirovka-dannyx-v-angularjs-filtr-orderby-chast-1/
В адаптивном дизайне часто забывают про высоту. Страницы на мобильных устройствах могут быть очень длинными. Нужно с этим что-то делать? При проектировании адаптивных сайтов мы, как правило, основной упор делаем на хорошее форматирование контента на всех доступных экранах. И это правильно, так как горизонтальная прокрутка совсем не user-friendly, поэтому задается ограничение дизайна на ширину вьюпорта браузера.
https://webformyself.com/dolzhny-li-adaptivnye-sajty-byt-takimi-dlinnymi-na-mobilnyx-ustrojstvax/
Как создать динамические часы на React - https://webformyself.com/minikurs/reactjs/index2.html
Читать полностью…
Если вы пользуетесь Chrome 56 и выше, то могли замечать, что некоторые HTTP страницы помечены, как незащищенные. Эта функция была представлена в январе 2017, но только для страниц, собирающих пароли и данные о кредитных картах. Функция является частью плана Google по переходу на более безопасный интернет. В итоге, они хотят пометить все HTTP страницы как «незащищенные» и сменить индикатор HTTP защищенности на красный треугольник, который используется для отключенных HTTPS соединений.
https://webformyself.com/ssl-sertifikaty-i-https-chto-nuzhno-znat/
Что такое ReactJS и как начать с ним работать? - https://webformyself.com/minikurs/reactjs/index1.html
Читать полностью…
В данном видео мы с Вами продолжаем изучать доступные методы библиотеки jQuery по работе с AJAX. При этом напомню, что базовый метод мы с Вами рассмотрели, но не успели изучить основные параметры объекта настроек запроса, а так же дополнительные методы по отправке асинхронного запроса на сервер.
https://webformyself.com/urok-12-jquery-rabota-ajax-chast-2/
98% россиян в возрасте до 24 лет каждый день пользуются интернетом. Об этом свидетельствуют результаты социлогического исследования, проведенного Ipsos совместно с Google.
https://webformyself.com/google-issledoval-privychki-molodogo-pokoleniya-rossijskix-polzovatelej/
Вы могли видеть прогрессивные изображения на Facebook и Medium. Замыленные изображения низкого качества заменяются на полноразмерные версии, когда элемент попадает в поле зрения.
https://webformyself.com/sozdanie-svoego-progressivnogo-zagruzchika-izobrazhenij/
Приветствую Вас друзья. Любой создаваемый сайт в первую очередь должен быть удобен его посетителям, как в плане чтения материала, так и в плане навигации по контенту, особенно если сайт крупный и наполнен огромным количеством контента. Поэтому в данной статье мы с Вами рассмотрим такой инструмент как Drupal таксономия, благодаря которому можно гибко разделить контент по группам, привязать теги к материалам, а значит и сформировать правильную систему навигации по содержимому.
https://webformyself.com/rabota-s-taksonomiej-v-drupal/
В мире печатных стилей была устоявшаяся техника по раскрытию URL в тексте, ссылки вставлялись инлайново. Все работает, но нарушается порядок чтения. В типографике уже на протяжении минимум века есть более подходящее решение – сноска. Наша задача — создать и вставить сноску с помощью JavaScript.
https://webformyself.com/uluchshaem-ssylki-dlya-pechati-veb-stranic-s-pomoshhyu-javascript/
В этом уроке мы продолжим решать одну из классических задач в практике веб-программирования — построение пагинации или постраничной навигации. Построение пагинации в AngularJS имеет свои нюансы и особенности о которых мы и поговорим в уроке. В этом уроке мы завершим написание простейшего вариант пагинации. В дальнейшем мы рассмотрим более универсальное решение.
https://webformyself.com/urok-23-angularjs-paginaciya-v-angularjs-chast-2/
Google оптимизировал распознавание системой поиска спецсимволов, используемых в программировании. Благодаря чему теперь в запросах можно использовать сочетания из нескольких символов, применяемых при написании кода.
https://webformyself.com/google-raspoznavanie-specsimovolov-programmirovaniya-uluchshilos/
В CSS есть селекторы для поиска элементов на основе их положения в дереве документа. Их называют индексными псевдоклассами, потому что они смотрят на положение элемента, а не на его тип, атрибуты или ID. Всего их пять.
https://webformyself.com/css-psevdoklassy-stilizaciya-elementov-po-indeksam/
В этом уроке мы продолжим работу с фильтром orderBy в AngularJS, который в считанные минуты позволит организовать сортировку данных по нужному полю. Здесь мы познакомимся с нюансами работы с фильтром orderBy, а также с различными вариантами его использования.
https://webformyself.com/urok-21-sortirovka-dannyx-v-angularjs-filtr-orderby-chast-2/
Видеохостинг запустит собственный телевизионный сервис. Первоначально он станет доступен только для американских пользователей. С помощью новой платформы они смогут просматривать более 40 телеканалов.
https://webformyself.com/novyj-televizionnyj-servis-youtube-tv-budet-zapushhen-v-ssha/
Если вы только что не выпрыгнули из дымящегося Делориана прямиком из 1985 года, то вам должен быть знаком самый бестолковый формат в интернете — GIF (Graphics Interchange Format). GIF – формат растровых изображений. Однако в отличие от JPEG и PNG этот формат файлов ограничен цветовой палитрой в 256 цветов. По сути, в каждом GIF изображении предустановлен «бокс с цветными мелками», и вы не можете получить новый цвет путем их смешивания.
https://webformyself.com/gif-png-jpg-ili-svg-chto-ispolzovat/