Size: a a a

Типичный Верстальщик

2019 April 11
Типичный Верстальщик
​​Ускоряем WebGL/Three.js с помощью OffscreenCanvas и веб-воркеров 😎

В этом руководстве автор рассказывает, как с помощью OffscreenCanvas ем удалось вынести весь код работы с WebGL и Three.js в отдельный поток веб-воркера. Это ускорило работу сайта и на слабых устройствах исчезли фризы во время загрузки страницы.

Читать - https://habr.com/ru/post/446682/

#work
источник
Типичный Верстальщик
​​12 приемов работы с JavaScript, которых нет в большинстве туториалов 👀

В этой статье показано 12 отличных способов улучшить и ускорить свой JavaScript-код. В большинстве случаев они универсальны.

Читать - https://habr.com/ru/company/skillbox/blog/446770/

#сjavascript
источник
2019 April 12
Типичный Верстальщик
​​Основы движков JavaScript: общие формы и Inline кэширование 😎

В статье описаны ключевые основы, они являются общими для всех движков JavaScript, а не только для V8, над которым работают авторы движка (Бенедикт и Матиас). Более глубокое понимание того, как работает движок JavaScript поможет разобраться в том, как писать эффективный код.

Читать - https://habr.com/ru/company/otus/blog/446446/

#javascript
источник
Типичный Верстальщик
​​JavaScript для продвинутых: пишем симулятор гравитации 😈

В этой статье создается симуляция внутренней области нашей Солнечной системы, используя только старый добрый JavaScript. Это гравитационная N-объектная симуляция, где каждый объект испытывает на себе гравитацию всех других объектов симуляции.

Читать - https://tproger.ru/translations/creating-your-own-gravity-simulator/

#javascript
источник
2019 April 13
Типичный Верстальщик
​​Безопасность клиентских приложений: практические советы для Front-end разработчика 👽

Как вы знаете, большая часть атак BlackHat-хакеров направлена на компрометацию серверных данных web-приложений и сервисов. При этом клиентскую часть сегодня атакуют не реже. Согласно сухому определению, любая атака — это комплекс мер со стороны хакера, направленных на сеть и передачу данных, на данные и их подмену, инфраструктуру и технические особенности реализации web-приложения. Поэтому международные компании требуют от инженеров-разработчиков более ответственного и тщательного подхода к безопасности клиентских приложений.

Читать - https://habr.com/ru/post/445932/

#work
источник
Типичный Верстальщик
​​Мультиязычные приложения в Angular 😎

В этой статье рассмотрено как можно быстро перевести ваш Angular проект на мультиязычный режим работы и какие есть для этого утилиты.

Читать - https://habr.com/ru/post/446402/

#angular
источник
2019 April 14
Типичный Верстальщик
​​Взлом пользовательских Checkbox и Radiobutton 👀

Довольно интересная статья о том, как верстать кастомные чекбоксы и радиокнопки при этом не забывая про доступность.

Читать - https://hackernoon.com/hacking-custom-checkboxes-and-radios-5d48230440d

#css
источник
Типичный Верстальщик
Единицы измерения CSS: px, %, em, rem, vw, vh, vmin, vmax ⚡️

В первом видео разбор происходит относительно свойства font-size, во втором рассматриваются padding, margin, wight, height и border-radius. Все выводы о том, что же все-таки использовать и когда, вы сможете найти в конце второго видео.

Часть 1 — https://youtu.be/dPzoBD2Z68A
Часть 2 — https://youtu.be/ZuSIlE9jj2k

#css
источник
Типичный Верстальщик
​​Добавляем фильтры SVG с помощью CSS 😈

Пошаговое руководство по добавлению специальных эффектов к тексту и изображениям на вашем сайте с использованием фильтров CSS и SVG.

Читать - https://www.creativebloq.com/how-to/add-svg-filters-with-css

#css
источник
2019 April 15
Типичный Верстальщик
​​Прокачка CSS-навыков 😎

Площадка CSSBattle предлагает вам — визуально повторить заданное изображение, используя при этом как можно меньше CSS-кода. У кого кода меньше — тот выше всех в рейтинге. Попробуй 😉

Смотреть - https://cssbattle.dev

#css
источник
Типичный Верстальщик
​​Сравнение DOM методов, jQuery и родного JS 😎

Как мы знаем что jQuery был создан для упрощения взаимодействия с DOM т.к раньше было много нюансов, но теперь в 2018 родной JS не чем не уступает костылю jQuery, да и фреймворки есть в которых вообще взаимодействие с DOM не нужно, в этой статье автор сравнивает методы jQuery и JS.

Читать - https://medium.com/@rustamvalyaev/%D0%B7%D0%B0%D0%B1%D1%8B%D0%B2%D0%B0%D0%B5%D0%BC-%D0%BE-jquery-%D0%B8-%D0%BF%D0%B5%D1%80%D0%B5%D1%85%D0%BE%D0%B4%D0%B8%D0%BC-%D0%BD%D0%B0-%D1%80%D0%BE%D0%B4%D0%BD%D0%BE%D0%B9-js-dom-51f26dfa79bd

#javascript
источник
2019 April 16
Типичный Верстальщик
​​Инклюзивные компоненты: список дел 👽

В этой статье автор будет создавать список дел с нуля. Но то, что вы узнаете, можно использовать не только для подобных списков. На самом деле в статье разбераеться, как сделать создание и удаление контента инклюзивным.

Читать - https://medium.com/web-standards/a-todo-list-40a324436b3e

#work
источник
Типичный Верстальщик
​​Опенсорсный расширяемый WYSIWYG-редактор 😈

Editor.js - опенсорсный расширяемый WYSIWYG-редактор c чистым JSON на выходе.

Смотреть - https://codex.so/editor

#javascript
источник
2019 April 17
Типичный Верстальщик
​​Структурирование данных с помощью JavaScript: Односвязные и двусвязные списки 😎

В данной статье подробно с примерами рассказано, как реализовать односвязные и двусвязные списки.

Читать - https://www.internet-technologies.ru/articles/strukturirovanie-dannyh-s-pomoschyu-javascript-spiski.html

#javascript
источник
Типичный Верстальщик
22 апреля стартуют курсы по вёрстке сайтов:
Базовый и Продвинутый уровень 🔥

Обучение будет проходить на специальной платформе, которую мы активно разрабатываем, поэтому у тебя есть шанс первым протестировать не только бета-версию системы, но и получить скидку на обучение ⚡

Дарим тебе купон на 500 рублей.
Воспользуйся им при оплате на сайте. Просто вычти 500 руб из указанной суммы тарифов и впиши сумму к оплате. Акция доступна до 22 апреля.

Программа базового уровня: https://goo.gl/fvB8zC
Программа продвинутого уровня: https://goo.gl/58v3yg

Оплатить обучение можно тут:
Базовый курс — http://tpverstak.ru/training/
Продвинутый курс — https://tpverstak.ru/training-profi/

⚠ Для тех, кто переходит с базового на продвинутый, цены будет такими же, как на базовом
источник
Типичный Верстальщик
​​Perflink, сервис для быстрого и простого измерения производительности JS-кода 👀

Смотреть - https://perf.link/

#javascript
источник
2019 April 18
Типичный Верстальщик
​​Почему не нужно тратить свое время на создание нишевых тематических сайтов 😈

В этой статье автор рассказывает о том, как я сделал свои тематические сайты, сколько получил, и почему им приходит конец, и почему он не может ничего с этим сделать.

Читать - https://habr.com/ru/post/447952/

#work
источник
Типичный Верстальщик
​​Список инструментов разработчика JavaScript 👀

В программной экосистеме JavaScript существует множество инструментов. В этой статье вам будут представлены наиболее удобные с точки зрения автора инструменты работы с JavaScript.

Читать - https://tproger.ru/translations/javascript-tool-list/

#javascript
источник
2019 April 19
Типичный Верстальщик
​​Примеры JavaScript: 7 приёмов, о которых вы не знали 😎

Используете JavaScript операторы spread и rest только для расширения и оставшихся аргументов? Вот малоизвестные приёмы и примеры JavaScript.

Читать - https://proglib.io/p/js-tricks/

#javascript
источник
Типичный Верстальщик
Методы верстки сайтов: Mobile First / Desktop First / CSS First

Раньше, когда мобильные технологии были не так сильно развиты и не было понятия "компоненты", все сайты создавались методом Desktop First.

Сейчас всё не так однозначно, поэтому обязательно посмотри видео и узнаешь для чего используется каждый метод верстки. Заодно расскажу о методе CSS First, о котором как оказалось мало кто слышал.

Смотреть — https://youtu.be/qbIR23K8hGE

#css
источник