Size: a a a

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

2019 February 21
Типичный Верстальщик
Немного оффтопа для разрядки 😏
источник
Типичный Верстальщик
​​Слова, часто используемые в CSS-классах 😎

Читать - https://github.com/yoksel/common-words

#css
источник
Типичный Верстальщик
Ну что, поиграем? 😎

Ловите игру «Змейка», которая написана на React.

Ссылка — http://maaamba.herokuapp.com/

#react
источник
2019 February 22
Типичный Верстальщик
​​Логотипы самых известных компаний и приложений в SVG 👍🏻

Данный сервис собрал все логотипы известных сервисов, приложений и компаний. Больше 1000 svg иконок которые могут понадобиться вам на сайте.

Смотреть - https://svgporn.com

#svg
источник
Типичный Верстальщик
​​Цена композиции в Javascript-мире 👀

Мысль о том, что в разработке любой более-менее сложной бизнес-логики приоритет должен отдаваться композиции объектов, нежели наследованию популярна в среде разработчиков программных продуктов самых разных типов. На очередной волне популярности функциональной парадигмы программирования, запущенной состоявшимся успехом ReactJS, разговоры о преимуществах композиционных решений пришли и во фронтенд. В данной статье есть немного раскладки по полкам теории о композиции объектов в Javascript, конкретный пример, его разбор и ответ на вопрос сколько стоит смысловая элегантность для пользователя (спойлер: немало).

Читать - https://goo.gl/3VnQff

#javascript
источник
Типичный Верстальщик
Новые возможности ES2018, которые должен знать каждый разработчик JavaScript 👨‍💻

Девятое издание стандарта ECMAScript, официально известного как ECMAScript 2018 (иначе ES2018), было выпущено в июне 2018 года. Начиная с ES2016, новые версии спецификаций ECMAScript выпускаются ежегодно, а не раз в несколько лет.

Читать — https://goo.gl/Mb5HTJ

#js
источник
Типичный Верстальщик
Настройка VS Code 💙

Мы, как веб-разработчики, много времени проводим в нашем любимом редакторе. Практически живем так. Так почему бы не сделать его более комфортным? Украсьте его так, как вам нравится, и сделайте его таким, чтобы вам было приятно проводить там время.

В этой статье вы увидите несколько способов модификации. По большей степени речь будет идти о VS Code в Windows, но большинство популярных редакторов должны иметь аналогичные функции.

Читать — https://goo.gl/p1LaZ3

#vscode
источник
2019 February 23
Типичный Верстальщик
​​Инструмент для экспериментов и генерации кода CSS-Grid👍

На данном сайте можно наглядно посмотреть как будет выглядеть будущая Grid-разметка и скопировать ее html и css код.

Смотреть - https://css-grid-layout-generator.pw

#css
источник
Типичный Верстальщик
Скидка 23% в честь праздника!

В течении сегодняшнего дня ты сможешь приобрести курс со скидкой! Обучение начинается 18 марта, но зачем ждать, если скидка сегодня? 🙂

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

✏️ Преимущества программы обучения:
— есть возможность обучения с куратором;
— работа ведётся в веб-редакторе VS Code;
— публикуем свои работы в Github репозитории;
— учимся работать с Gulp на практике (продвинутый курс);
— создаём по 2 сайта на каждом курсе (учебный + самостоятельный).

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

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

Вписывай эту сумму в форму оплаты, оплачивай и начнем обучение 18 марта 🎉
источник
Типичный Верстальщик
​​Книга "React и Redux. Функциональная веб-разработка" - Алекс Бэнкс, Ева Порселло (ru, 2019)

Хотите научиться писать эффективные пользовательские интерфейсы при помощи React? Тогда вы нашли нужную книгу. Авторы расскажут, как создавать пользовательские интерфейсы при помощи этой компактной библиотеки и писать сайты, на которых можно обрабатывать огромные объемы данных без перезагрузки страниц. Также вы изучите новейшие возможности стандарта ECMAScript и функционального программирования.

Скачать - https://goo.gl/Htv7F1

#react
источник
2019 February 24
Типичный Верстальщик
​​Паттерны Vue 😎

Полезные паттерны, методы, советы и рекомендации, а также тщательно подобранный список ссылок по Vue.

Смотреть - https://goo.gl/6okJy9

#vue
источник
Типичный Верстальщик
​​Как спрятать содержимое input при помощи CSS 👽

Читать - https://goo.gl/td3NPV

#css #design
источник
Типичный Верстальщик
Каким должен быть сайт-портфолио для верстальщика и фронтендера?

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

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

#work
источник
2019 February 25
Типичный Верстальщик
​​Vue.js — соображения и трюки 👽

Vue.js — отличный инструмент. Однако, когда вы начинаете создавать крупномасштабные приложения на JavaScript, вы сталкиваетесь с границами Vue.js. Эти границы на самом деле не ограничивают фреймворк, скорее это важные решения проектирования, принимаемые периодически командой Vue.js.

Данная статья будет больше похожа на каталог из отличных дискуссий, вопросов и трюков, которые могут попасться на пути к просветлению Vue.js.

Читать - https://goo.gl/zeir9n

#vue
источник
Типичный Верстальщик
​​Основы по Canvas 👍

В данной статье подробно расписано начало работы с Canvas, а так же приведены примеры.

Читать - https://goo.gl/o4PMjB

#css #javascript
источник
2019 February 26
Типичный Верстальщик
​​Парсер фотографий на JavaScript 👍

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

Читать - https://goo.gl/gACmWs

#javascript
источник
Типичный Верстальщик
​​Сайт который позволяет конвертировать шрифт в разные форматы ttf/eot/woff/woff2/svg 👀

Сегодня в Интернете используются четыре формата контейнеров шрифтов: EOT, TTF, WOFF и WOFF2. К сожалению, несмотря на возможность выбора, не существует единого формата, который работает во всех браузерах. Именно для таких случаев вам пригодится этот онлайн-конвентер.

Смотреть - https://transfonter.org

#design
источник
2019 February 27
Типичный Верстальщик
​​Как в CSS сделать эффект матового стекла? 😎

В данной статье автор рассказывает, как сделать с помощью CSS, эффект матового стекла.
Этот эффект широко применяется в системе Mac OS, Windows 10, да и просто он прикольный.

Читать - https://goo.gl/9Jp9np

#css
источник
Типичный Верстальщик
​​Сервис для копирования цвета соц.сетей 👍

Смотреть - https://goo.gl/u6zbuB

#design
источник
2019 February 28
Типичный Верстальщик
​​Сайт по css, с наглядными примерами 👀

На данном сайте можно найти все свойства CSS, примеры их использования, а так же их описание.

Смотреть - https://cssreference.io

#css
источник