Создание библиотеки для эффекта Image Zoom на ванильном JavaScript https://tutorialzine.com/2017/08/image-zoom-library-with-vanilla-javascript
Читать полностью…4 важных изменений в Vue.js 2.4.0 http://vuejsdevelopers.com/2017/07/17/vue-js-2-4-important-features/
Читать полностью…Подкаст «Веб-стандарты Выпуск №75» https://soundcloud.com/web-standards/episode-75
Читать полностью…6 генераторов шаблонов на SVG https://www.sitepoint.com/6-incredible-svg-pattern-generators/
Читать полностью…Как использовать кастомные свойства CSS для написания более читабельного кода http://vanseodesign.com/css/custom-properties-and-readability/
Читать полностью…Ленивая загрузка изображений с помощью Intersection Observer https://deanhume.com/Home/BlogPost/lazy-loading-images-using-intersection-observer/10163
Читать полностью…#beginners
После знакомства с HTML и CSS можно переходить к сладкому - JavaScript. И на очереди у нас Сodecademy - https://www.codecademy.com/
Признаться честно, сам начинал постигать азы именно тут. Дается теория, есть редактор и тестовые задачки.
Было довольно интересно заниматься.
Если зашли в тупик, есть форум для помощи (по крайней мере был пару лет назад) с ответами :)
Все правда на английском, но если вы встаете на путь разработчика, то вам придется привыкать изучать инфу на английском.
Кстати, есть на codecademy не только курсы js, но и html, css, angular и многие другие.
О чем всегда стоит помнить при локализации веб-сайта, чтобы потом не было стыдно https://habrahabr.ru/company/lokalise/blog/335200/
Читать полностью…Избегайте общих проблем с модулями в Angular https://blog.angularindepth.com/avoiding-common-confusions-with-modules-in-angular-ada070e6891f
Читать полностью…Какие функции Progressive Web App будет поддерживать Apple? https://cloudfour.com/thinks/what-progressive-web-app-features-will-apple-support/
Читать полностью…Руководство по покадровой анимации с помощью CSS и JavaScript https://www.sitepoint.com/frame-by-frame-animation-css-javascript/
Читать полностью…Как изучать React: план из пяти шагов https://www.lullabot.com/articles/how-to-learn-react
Читать полностью…#вакансия #frontend #html #css #react
Всем привет!
На связи CSSSR — крупнейший цех по производству фронтенда. Мы работаем с самыми прогрессивными компаниями страны: банком Тинькофф, Йотой, Цианом, Лабораторией Касперского.
В нашу команду требуется верстальщик pixel-перфекционист с врождённым чувством прекрасного и идеальным глазомером.
Город и адрес офиса: Не Москва
Формат работы: #удаленка
Занятость: полная
Зарплатная вилка: от 25 до 50 тыс. рублей
О работе:
Вас ждет место в команде из 3-4 человек под руководством менеджера проектов.
Удаленная работа 6-8 часов в день с 10:00 до 19:00 (обсуждаемо) по московскому времени.
Навыки:
• HTML5 и семантическая вёрстка;
• CSS3;
• React (Vanilla JS будет большим плюсом);
• БЭМ;
• Компонентный подход к организации верстки;
• Адаптивная верстка;
• Применение Gulp, Jade и Stylus или готовность их быстро освоить
• Умение разбираться в чужом коде.
Более подробно http://csssr.ru/jobs/pixel-perfectionist
Webpack import() скоро будет получать JS + CSS — и вот как этого достичь сегодня https://medium.com/faceyspacey/webpacks-import-will-soon-fetch-js-css-here-s-how-you-do-it-today-4eb5b4929852
Читать полностью…CSSSR Pair Coding #1: Делаем учебный проект «Каталог фильмов» на Vue.js https://www.youtube.com/watch?v=InAWVrLnycw
Читать полностью…Подкаст «Веб-стандарты», Выпуск №80 https://soundcloud.com/web-standards/episode-80
Читать полностью…#conf #rostov #js
Осталось совсем мало мест, успей зарегестрироваться на на главное IT-событие Юга России. Если ты студент, то для тебя действует еще и специальная цена!
9 сентября г. Ростов-на-Дону, 400 участников, 16 часов лекций и докладов об успешном практическом опыте 16 спикеров со всего мира. Конференция сама себя не посетит.
Подробности - по ссылке: https://goo.gl/3hGnqT
Лучшие мобильные компоненты для PWA в VueJs https://medium.com/skyshidigital/best-mobile-components-for-progressive-web-apps-in-vuejs-d0a4cdcc2b68
Читать полностью…Запись трансляци Я.Субботника по фронтенду https://www.youtube.com/watch?v=MKrX3Fld-WI
Читать полностью…Производительные веб-анимации и интерактив: достигаем 60 FPS https://blog.algolia.com/performant-web-animations/
Читать полностью…Как Angular защищает нас от XSS атак? https://hackernoon.com/how-angular-protects-us-from-xss-attacks-3cb7a7d49d95
Читать полностью…Как мы создали наше первое full-stack JavaScript приложение за три недели https://medium.com/ladies-storm-hackathons/how-we-built-our-first-full-stack-javascript-web-app-in-three-weeks-8a4668dbd67c
Читать полностью…Веб-шрифты: когда вы нуждаетесь в них, а когда нет david.gilbertson/web-fonts-when-you-need-them-when-you-dont-a3b4b39fe0ae" rel="nofollow">https://medium.com/@david.gilbertson/web-fonts-when-you-need-them-when-you-dont-a3b4b39fe0ae
Читать полностью…#beginners
Итак, в результате проведенного опроса мы получили довольно много занимательных ресурсов.
Первым на очереди у нас https://htmlacademy.ru/
Естественно, для знакомства с веб в первую очередь новичку стоит окунуться в язык разметки HTML.
Просто теория довольно скучна. На сайте же придется ручками пощупать HTML и пройти тестовые задания.
Все довольно занимательно и на русском. Есть беслатная базовая часть. Для особо стремительных есть интенсивы :)
Google призывает оптимизаторов помочь JS-разработчикам понять SEO https://www.searchengines.ru/google-js.html
Читать полностью…