Superplaceholder.js — отличная библиотека для анимации ваших плейсхолдеров в input формах. Это позволит освежить внешний вид Вашего проекта. Библиотека очень минимизирована и имеет размер <1кб.

#JavaScript

Some Sticky-Stacked Cards

Интересная реализация отображения блоков в виде карточек при скролле окна браузера. Данная реализация выполнена на чистом CSS без JS.

#CSS

Reveal.js - это фреймворк HTML с открытым исходным кодом. Это инструмент, который позволяет любому пользователю с веб-браузером создавать полнофункциональные и красивые презентации бесплатно.

Презентации, сделанные с помощью Reveal.js, основаны на открытых веб-технологиях. Изменение стилей с помощью CSS, <iframe> добавит внешнюю веб-страницу или можете добавить свое собственное поведение с помощью  JavaScript API.

Фреймворк обладает широким набором функций, включая вложенные слайды , поддержку Markdown , Auto-Animate , экспорт PDF , заметки докладчиков , поддержку LaTeX и выделенный синтаксис кода.

#HTML #JS

Как закрыть сайт от индексации в Robots.txt

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

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

#Статьи

Control Illustration - бесплатный набор из 108 иллюстраций различной тематики для Вашего проекта.

#Графика

30 seconds of code — полезный сервис с подборками коротких фрагментов кода, выполняющих конкретные задачи.

Используйте строку поиска, чтобы найти фрагменты, которые соответствуют вашим потребностям. Вы можете искать по имени, тегу, языку или используя описание фрагмента.

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

Шпаргалка по регулярным выражениям JS.

Перевод статьи «Regex Cheat Sheet» автора Emma Bostian. Регулярные выражения или «regex» используются для игнорирования регистра, а также для поиска символов и пробелов с дополнительными условиями. Всего 25 примеров.

#JavaScript

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

1) 30 seconds of code — полезный сервис с подборками коротких фрагментов кода, выполняющих конкретные задачи.
2) Набор из более 700 качественных иконок пользовательского интерфейса.
3) Superplaceholder.js — отличная библиотека для анимации ваших плейсхолдеров в input формах.
4) WhatTheHex - онлайн помощник нейминга.
5) Шпаргалка по регулярным выражениям JS.

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

#Лучшее

Marketspot v1.0 - шаблон цифрового магазина HTML.

Это специальный HTML-шаблон торговой площадки, в котором есть все необходимые шаблоны для электронной торговли.

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

#Шаблоны

FilePond - библиотека JavaScript, которая предназначена для загрузки файлов. Оптимизирует изображения для более быстрой загрузки, а также предлагает большой, доступный UX.

Данная библиотека адаптирована под React , Vue , Angular и jQuery.

#JavaScript

HTML для JS разработчиков.

Этот бесплатный видео-курс от Алекса Лущенко подойдет тем, кто ворвался в js разработку и нуждается в хорошей базе HTML + CSS. В данном курсе рассмотрены организация кода, flexbox, grid, позиционирование, настройка gulp и многое другое.

#Курсы

Mousetrap - простая библиотека для обработки сочетаний клавиш в Javascript. Это автономная библиотека без внешних зависимостей. Он весит около 2 КБ в сжатом виде.

#JavaScript

Gradihunt — простой и удобный онлайн генератор градиентов, который легко поможет подобрать оптимальный цвет для вашего фона, блока, элемента и в целом для всего проекта.

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

Что такое прогрессивное улучшение (progressive enhancement)

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

Основные этапы:
1. Семантическая разметка страницы при помощи HTML.
2. Настройка внешнего вида при помощи CSS.
3. Безупречная настройка внешнего вида при помощи CSS3.
4. Интерактивность, взаимодействие, удобство при помощи JavaScript.

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

#Статьи

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

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

CSS3 Loader & Spinners.

Крутой набор анимированных прелоадеров на CSS для вашего веб-проекта. Просто копируете код и добавляете к себе на проект.

#CSS #HTML

Tailwind CSS – тонко настраиваемый низкоуровневый CSS фреймворк, который предоставляет все необходимые строительные блоки для создания персонализированного дизайна без лишней борьбы с переопределением раздражающих встроенных стилей

Особенности:
- Полностью адаптивный.
- Расширяемый компонентами.
- Легко настраиваемый.

#CSS #Framework

💡 Что такое MVP и для чего это нужно?

Концепция минимально жизнеспособного продукта (MVP, minimum viable product) - это ранняя версия продукта, решающая, по крайней мере, одну задачу потенциального клиента. Главная ценность MVP заключается в том, что вы можете потратить совсем немного времени на дизайн и разработку и очень быстро получить отзывы от ваших пользователей. Все это поможет понять, в какую сторону вам нужно двигаться и что следует улучшать.

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

Для заказчика MVP - это способ быстро проверить идею. Очень часто собственник вкладывает большие деньги в разработку проекта, даже толком не проверив идею.

#Статьи

BLOBS — онлайн генератор красивых шейп объектов для вашего проекта с экспортом в SVG, а также возможностью копирования кода SVG объекта.

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

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