Layout Templates with CSS Grid.

Для тех, кто только начал изучение технологии Grid CSS - можете ознакомиться с некоторыми примерами расположения элементов в сетке.

#css

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

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


#инструменты

🔥 Лучшее на канале за последнюю неделю

1) Визуализация промисов и Async/Await.
2) CSSeffects Snippets – замечательная коллекция CSS-эффектов (анимация, текст, кнопки), выполненная с помощью Vue.js.
3) Video.js - это веб-видеопроигрыватель, созданный с нуля для мира HTML5.
4) Layout Templates with CSS Grid - примерами расположения элементов в сетке.
5) Visiwig - набор качественных svg и шрифтовых иконок для интерфейсов, а так же набор бесшовных фонов для сайта на одном ресурсе.

Всем успешной разработки!

#Лучшее

Вёрстка - это просто, если...

Автор ютуб-канала "Просто: разработка" - Виталий Киренков, рассказывает о 10 главных навыках, которыми должен обладать верстальщик.

#html #css

Hexo - быстрый, простой и мощный фреймворк для блогов.

Основные особенности:
- Невероятная скорость генерации благодаря Node.js. Создание сотен файлов занимает всего несколько секунд.
- Вам нужна только одна команда для развертывания вашего сайта на GitHub Pages, Heroku или других платформах.
- Поддерживаются все функции GitHub Flavored Markdown, включая большинство плагинов Octopress.
- Предлагает мощные API-интерфейсы для безграничной расширяемости. Доступны различные плагины для поддержки большинства движков шаблонов (EJS, Pug, Nunjucks и многих других).

#node

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

#расширения #vscode

10 команд curl, которые вам следует знать.

Команда Mail.ru Cloud Solutions перевела статью, автор которой составил краткий справочник часто используемых команд curl для протоколов HTTP/HTTPS. Это не замена официального руководства по cURL, скорее, краткий конспект.

#статьи

Snowpack - это молниеносный инструмент для сборки интерфейса, созданный для современной разработки. Это альтернатива более тяжелым и сложным пакетам, таким как webpack или Parcel. 

Snowpack использует собственную модульную систему JavaScript (известную как ESM), чтобы избежать ненужной работы и работать быстрее, независимо от того, насколько большой ваш проект.

#инструменты

CSS filter Editor - реализация фильтра на JS по наложению CSS эффектов на изображение. на борту большое кол-во различных эффектов.

#css #javascript

GIPHY API - с помощью этого интерфейса, можно легко взаимодействовать с самой большой в мире библиотекой GIF и стикеров.

У бета-ключей, скорость ограничена (50 операций чтения в час и 100 запросов / вызовов API в день).

#api

Vuelidate - Минималистичная библиотека, без зависимостей, для валидации форм на Vue.JS

Основные особенности:
- Поддержка проверок коллекций.
- Поддержка вложенных моделей.
- Контекстные валидаторы.
- Легко использовать с настраиваемыми валидаторами (например, Moment.js).
- Поддержка композиции функций.
- Проверяет различные источники данных: геттеры Vuex, вычисленные значения и т.д.
- Высокое тестовое покрытие.

#vue

Words To Numbers - интересная библиотека JavaScript для распознавания и конвертирования слов в числа. Если переданная строка является числом, она возвращает ее числовое значение, в противном случае возвращает начальную строку со всеми случаями замены чисел.

#javascript

Calcolor - онлайн-инструмент, который поможет выяснить всю информацию о цвете, начиная от его кода и заканчивая оттенками.

#инструменты

🔥 Лучшее на канале за последнюю неделю

1) vscode-icons - это расширение очень простое, которое делает ваш VS Code более красивым с огромным списком значков для разных форматов файлов. 
2) Вёрстка - это просто, если... - 10 главных навыков, которыми должен обладать верстальщик.
3) Hexo - быстрый, простой и мощный фреймворк для блогов на node.js.
4) 10 команд curl, которые вам следует знать.
5) CSS filter Editor - реализация фильтра на JS по наложению CSS эффектов на изображение.

Всем успешной разработки!

#Лучшее

Sharect — это крошечная библиотека JS без зависимостей для использования текстовых выделений в социальных сетях. Добавив библиотеку в свой проект, вы можете позволить своим пользователям быстро публиковать выделенные тексты в Twitter и Facebook.

#javascript

Оптимизация JS и CSS | Корректная загрузка ресурсов сайта.

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

#статьи

Confirm confetti button - красивые кнопки, выполненные при помощи GSAP (стандарт веб-анимации). При клике вылетает конфетти. Забираем в коллекцию!

#javascript

Illustrations - набор иллюстраций с открытым исходным кодом. Вы можете загрузить более 120 иллюстраций совершенно бесплатно и использовать их для создания потрясающих дизайнов: целевых страниц, мобильных приложений или презентаций.

#графика

Luckysheet - это мощная, простая в настройке и полностью открытая система электронных таблиц, подобная Excel.

#javascript

Geist UI - Современная и минималистичная библиотека React UI, созданная на основе дизайна Vercel. Это система дизайна с открытым исходным кодом для создания современных веб-сайтов и приложений.

#react