WhatTheHex - онлайн помощник нейминга.
Если у Вас проблемы с неймингом цвета в CSS, то данный сервис помогает с этим, достаточно ввести HEX код или выбрать цвет в палитре и скопировать необходимое имя себе в проект.
#Инструменты
Если у Вас проблемы с неймингом цвета в CSS, то данный сервис помогает с этим, достаточно ввести HEX код или выбрать цвет в палитре и скопировать необходимое имя себе в проект.
#Инструменты
July 27, 2020
Angular 9 Основы. Полный Курс для начинающих.
Видео-курс от Владилена Минина для начинающих. В этом курсе вы познакомитесь со всеми основными элементами, которые есть в Angular с полного нуля, узнаете как настраивать проект, будете работать с двусторонней привязкой данных и многое другое.
#Курсы
Видео-курс от Владилена Минина для начинающих. В этом курсе вы познакомитесь со всеми основными элементами, которые есть в Angular с полного нуля, узнаете как настраивать проект, будете работать с двусторонней привязкой данных и многое другое.
#Курсы
July 28, 2020
Terminus — удобный кроссплатформенный терминал.
Этот бесплатный терминал кажется похожим на среду разработки: он поставляется с разделенными панелями, полностью настраиваемыми сочетаниями клавиш, вкладками и поддержкой всех основных оболочек. На сайте представлен онлайн-вариант, с которым можно поиграться.
#Инструменты
Этот бесплатный терминал кажется похожим на среду разработки: он поставляется с разделенными панелями, полностью настраиваемыми сочетаниями клавиш, вкладками и поддержкой всех основных оболочек. На сайте представлен онлайн-вариант, с которым можно поиграться.
#Инструменты
July 28, 2020
Набор из более 700 качественных иконок пользовательского интерфейса, которые снабжены хорошо организованной библиотекой компонентов и имеют собственную API.
Доступные форматы:
css, svg, tsx, fig, xd, json, xml
#Графика
Доступные форматы:
css, svg, tsx, fig, xd, json, xml
#Графика
July 29, 2020
Выберите правильный ответ ниже. Этот и другие вопросы по разработке можно всегда обсудить в нашем чате.
July 29, 2020
July 29, 2020
Superplaceholder.js — отличная библиотека для анимации ваших плейсхолдеров в input формах. Это позволит освежить внешний вид Вашего проекта. Библиотека очень минимизирована и имеет размер <1кб.
#JavaScript
#JavaScript
July 29, 2020
This media is not supported in your browser
VIEW IN TELEGRAM
Some Sticky-Stacked Cards
Интересная реализация отображения блоков в виде карточек при скролле окна браузера. Данная реализация выполнена на чистом CSS без JS.
#CSS
Интересная реализация отображения блоков в виде карточек при скролле окна браузера. Данная реализация выполнена на чистом CSS без JS.
#CSS
July 30, 2020
Reveal.js - это фреймворк HTML с открытым исходным кодом. Это инструмент, который позволяет любому пользователю с веб-браузером создавать полнофункциональные и красивые презентации бесплатно.
Презентации, сделанные с помощью Reveal.js, основаны на открытых веб-технологиях. Изменение стилей с помощью CSS,
Фреймворк обладает широким набором функций, включая вложенные слайды , поддержку Markdown , Auto-Animate , экспорт PDF , заметки докладчиков , поддержку LaTeX и выделенный синтаксис кода.
#HTML #JS
Презентации, сделанные с помощью Reveal.js, основаны на открытых веб-технологиях. Изменение стилей с помощью CSS,
<iframe> добавит внешнюю веб-страницу или можете добавить свое собственное поведение с помощью JavaScript API.Фреймворк обладает широким набором функций, включая вложенные слайды , поддержку Markdown , Auto-Animate , экспорт PDF , заметки докладчиков , поддержку LaTeX и выделенный синтаксис кода.
#HTML #JS
July 31, 2020
Как закрыть сайт от индексации в Robots.txt
В процессе разработки или редизайна проекта бывают такие ситуации, когда лучше не допускать поисковых роботов на сайт. В таком случае необходимо закрыть сайт от индексации поисковых систем.
В этой статье рассмотрим несколько способов закрытия сайта от поисковой индексации.
#Статьи
В процессе разработки или редизайна проекта бывают такие ситуации, когда лучше не допускать поисковых роботов на сайт. В таком случае необходимо закрыть сайт от индексации поисковых систем.
В этой статье рассмотрим несколько способов закрытия сайта от поисковой индексации.
#Статьи
July 31, 2020
Control Illustration - бесплатный набор из 108 иллюстраций различной тематики для Вашего проекта.
#Графика
#Графика
July 31, 2020
30 seconds of code — полезный сервис с подборками коротких фрагментов кода, выполняющих конкретные задачи.
Используйте строку поиска, чтобы найти фрагменты, которые соответствуют вашим потребностям. Вы можете искать по имени, тегу, языку или используя описание фрагмента.
#Инструменты
Используйте строку поиска, чтобы найти фрагменты, которые соответствуют вашим потребностям. Вы можете искать по имени, тегу, языку или используя описание фрагмента.
#Инструменты
August 1, 2020
Шпаргалка по регулярным выражениям JS.
Перевод статьи «Regex Cheat Sheet» автора Emma Bostian. Регулярные выражения или «regex» используются для игнорирования регистра, а также для поиска символов и пробелов с дополнительными условиями. Всего 25 примеров.
#JavaScript
Перевод статьи «Regex Cheat Sheet» автора Emma Bostian. Регулярные выражения или «regex» используются для игнорирования регистра, а также для поиска символов и пробелов с дополнительными условиями. Всего 25 примеров.
#JavaScript
August 2, 2020
Какой(им) JS библиотекой / фреймворком Вы пользуетесь или хотите освоить?
Anonymous Poll
20%
Angular
59%
React
33%
Vue
5%
Svelte
27%
JQuery
8%
Не использую
2%
Другое (вариант в чат)
August 2, 2020
🔥 Лучшее на канале за последнюю неделю
1) 30 seconds of code — полезный сервис с подборками коротких фрагментов кода, выполняющих конкретные задачи.
2) Набор из более 700 качественных иконок пользовательского интерфейса.
3) Superplaceholder.js — отличная библиотека для анимации ваших плейсхолдеров в input формах.
4) WhatTheHex - онлайн помощник нейминга.
5) Шпаргалка по регулярным выражениям JS.
Всем успешной разработки!
#Лучшее
1) 30 seconds of code — полезный сервис с подборками коротких фрагментов кода, выполняющих конкретные задачи.
2) Набор из более 700 качественных иконок пользовательского интерфейса.
3) Superplaceholder.js — отличная библиотека для анимации ваших плейсхолдеров в input формах.
4) WhatTheHex - онлайн помощник нейминга.
5) Шпаргалка по регулярным выражениям JS.
Всем успешной разработки!
#Лучшее
August 2, 2020
Marketspot v1.0 - шаблон цифрового магазина HTML.
Это специальный HTML-шаблон торговой площадки, в котором есть все необходимые шаблоны для электронной торговли.
MarketSpot предоставит вам все необходимое для запуска вашего интернет-магазина, бесплатного сайта или любого другого цифрового рынка. Если вы ознакомитесь с онлайн-демонстрацией, вы сможете получить хорошее представление о том, как может выглядеть ваш сайт на торговой площадке.
#Шаблоны
Это специальный HTML-шаблон торговой площадки, в котором есть все необходимые шаблоны для электронной торговли.
MarketSpot предоставит вам все необходимое для запуска вашего интернет-магазина, бесплатного сайта или любого другого цифрового рынка. Если вы ознакомитесь с онлайн-демонстрацией, вы сможете получить хорошее представление о том, как может выглядеть ваш сайт на торговой площадке.
#Шаблоны
August 3, 2020
FilePond - библиотека JavaScript, которая предназначена для загрузки файлов. Оптимизирует изображения для более быстрой загрузки, а также предлагает большой, доступный UX.
Данная библиотека адаптирована под React , Vue , Angular и jQuery.
#JavaScript
Данная библиотека адаптирована под React , Vue , Angular и jQuery.
#JavaScript
August 3, 2020
HTML для JS разработчиков.
Этот бесплатный видео-курс от Алекса Лущенко подойдет тем, кто ворвался в js разработку и нуждается в хорошей базе HTML + CSS. В данном курсе рассмотрены организация кода, flexbox, grid, позиционирование, настройка gulp и многое другое.
#Курсы
Этот бесплатный видео-курс от Алекса Лущенко подойдет тем, кто ворвался в js разработку и нуждается в хорошей базе HTML + CSS. В данном курсе рассмотрены организация кода, flexbox, grid, позиционирование, настройка gulp и многое другое.
#Курсы
August 4, 2020
Mousetrap - простая библиотека для обработки сочетаний клавиш в Javascript. Это автономная библиотека без внешних зависимостей. Он весит около 2 КБ в сжатом виде.
#JavaScript
#JavaScript
August 4, 2020
Gradihunt — простой и удобный онлайн генератор градиентов, который легко поможет подобрать оптимальный цвет для вашего фона, блока, элемента и в целом для всего проекта.
#Инструменты
#Инструменты
August 5, 2020
Что такое прогрессивное улучшение (progressive enhancement)
Прогрессивное улучшение предполагает, что веб-интерфейсы должны создаваться поэтапно, циклически, от простого к сложному. На каждом из этапов должен получаться законченный веб-интерфейс, который будет лучше, красивее и удобнее предыдущего.
Основные этапы:
1. Семантическая разметка страницы при помощи HTML.
2. Настройка внешнего вида при помощи CSS.
3. Безупречная настройка внешнего вида при помощи CSS3.
4. Интерактивность, взаимодействие, удобство при помощи JavaScript.
Если говорить проще, то прогрессивное улучшение - это идеология веб-разработки, где мы начинаем разработку с простых вещей и переходим к более сложным.
#Статьи
Прогрессивное улучшение предполагает, что веб-интерфейсы должны создаваться поэтапно, циклически, от простого к сложному. На каждом из этапов должен получаться законченный веб-интерфейс, который будет лучше, красивее и удобнее предыдущего.
Основные этапы:
1. Семантическая разметка страницы при помощи HTML.
2. Настройка внешнего вида при помощи CSS.
3. Безупречная настройка внешнего вида при помощи CSS3.
4. Интерактивность, взаимодействие, удобство при помощи JavaScript.
Если говорить проще, то прогрессивное улучшение - это идеология веб-разработки, где мы начинаем разработку с простых вещей и переходим к более сложным.
#Статьи
August 5, 2020