SentinelJS - это крошечная библиотека JavaScript, которая упрощает настройку функции наблюдения, которая будет уведомлять вас каждый раз, когда в DOM добавляется новый узел, соответствующий заданному правилу CSS.
#javascript
#javascript
January 14, 2021
Браузерные стили по умолчанию.
CSS расшифровывается как Cascading Style Sheets — каскадные таблицы стилей. Каскадность — один из основных принципов CSS.
Необходимо помнить, что у браузера всегда есть свои стили по умолчанию. Они загружаются до пользовательских стилей, что позволяет проще переопределять текущие значения.
Стили по умолчанию отличаются от браузера к браузеру, но именно они — причина того, что:
- заголовки имеют разные размеры;
- цвет текста — чёрный;
- маркеры списков — жирные точки;
- у всех элементов есть какое-то значение свойства
Этот список огромен. Даже если у сайта всего одна таблица стилей, она всё равно смешивается с браузерными стилями по умолчанию. Самый простой способ избавиться от этих стилей - выполнить их сброс.
Пример 1 | Пример 2
#статьи #css
CSS расшифровывается как Cascading Style Sheets — каскадные таблицы стилей. Каскадность — один из основных принципов CSS.
Необходимо помнить, что у браузера всегда есть свои стили по умолчанию. Они загружаются до пользовательских стилей, что позволяет проще переопределять текущие значения.
Стили по умолчанию отличаются от браузера к браузеру, но именно они — причина того, что:
- заголовки имеют разные размеры;
- цвет текста — чёрный;
- маркеры списков — жирные точки;
- у всех элементов есть какое-то значение свойства
display(например, block или inline).Этот список огромен. Даже если у сайта всего одна таблица стилей, она всё равно смешивается с браузерными стилями по умолчанию. Самый простой способ избавиться от этих стилей - выполнить их сброс.
Пример 1 | Пример 2
#статьи #css
January 14, 2021
Yeoman — универсальный инструмент, который может использоваться с почти любым языком программирования (JavaScript, Python, C#, Java и прочие). Эта базовая система кодогенерации с богатой программной экосистемой (более 6200 плагинов) служит для разработки веб-приложений. Благодаря Yeoman вы можете быстро создавать новые проекты, не забывая об обслуживании и улучшении уже существующих.
#инструменты
#инструменты
January 15, 2021
This media is not supported in your browser
VIEW IN TELEGRAM
CSS 3D Blend Mode Buttons - такая реализация кнопок в стиле Cyberpunk, станет украшением любого проекта. Кнопки сделаны на чистом CSS с использованием keyframes.
#css
#css
January 15, 2021
Функциональное программирование на JavaScript. Как улучшить код JavaScript-программ.
Автор: Кайл Симпсон
О книге: 2018 год, 304 страницы, Русский язык, 125.46Mb
Содержание: Эта книга призвана научить вас применять методики функционального программирования в своем коде, используя стандарт ECMAScript 6 языка JavaScript. Она написана для разработчиков, имеющих хотя бы основные понятия об объектно-ориентированных программах и общее представление о тех трудностях, которые представляет разработка современных веб-приложений на JavaScript.
#книги
Автор: Кайл Симпсон
О книге: 2018 год, 304 страницы, Русский язык, 125.46Mb
Содержание: Эта книга призвана научить вас применять методики функционального программирования в своем коде, используя стандарт ECMAScript 6 языка JavaScript. Она написана для разработчиков, имеющих хотя бы основные понятия об объектно-ориентированных программах и общее представление о тех трудностях, которые представляет разработка современных веб-приложений на JavaScript.
#книги
January 16, 2021
Checkbot - протестируйте SEO / скорость / безопасность 100 страниц в один клик! Проверьте неработающие ссылки, HTML / JavaScript / CSS, перенаправления URL-адресов, повторяющиеся заголовки...
#расширения #сhrome
#расширения #сhrome
January 16, 2021
Как в HTML сформировать ссылку-якорь в атрибуте href?
Anonymous Quiz
14%
anchor
3%
$anchor
6%
&anchor
2%
*anchor
2%
~anchor
January 17, 2021
🔥 Лучшее на канале за последнюю неделю
1) CSS Image Effect - отличная реализация ховер-эффектов для изображений с применением clip-path.
2) Honeycomb - это настраиваемая, в первую очередь мобильная, гибкая среда scss для создания веб-сайтов и веб-приложений, которые корректно реагируют на экран любого размера.
3) Checkbot - протестируйте SEO / скорость / безопасность 100 страниц в один клик
4) Ikonate - отличный пак настраиваемых векторных иконок для вашего проекта.
5) Книга - Функциональное программирование на JavaScript. Как улучшить код JavaScript-программ.
Всем успешной разработки!
#Лучшее
1) CSS Image Effect - отличная реализация ховер-эффектов для изображений с применением clip-path.
2) Honeycomb - это настраиваемая, в первую очередь мобильная, гибкая среда scss для создания веб-сайтов и веб-приложений, которые корректно реагируют на экран любого размера.
3) Checkbot - протестируйте SEO / скорость / безопасность 100 страниц в один клик
4) Ikonate - отличный пак настраиваемых векторных иконок для вашего проекта.
5) Книга - Функциональное программирование на JavaScript. Как улучшить код JavaScript-программ.
Всем успешной разработки!
#Лучшее
January 17, 2021
Визуализация промисов и Async/Await.
Хорошая статья, которая помогает детально разобраться с промисами и Async/Awai. Промисы были представлены в ES6 и заняли важную часть в повседневной разработке.
#статьи #javascript
Хорошая статья, которая помогает детально разобраться с промисами и Async/Awai. Промисы были представлены в ES6 и заняли важную часть в повседневной разработке.
#статьи #javascript
January 18, 2021
CSSeffects Snippets – замечательная коллекция CSS-эффектов (анимация, текст, кнопки), выполненная с помощью Vue.js.
#vue
#vue
January 18, 2021
This media is not supported in your browser
VIEW IN TELEGRAM
Magnetic button animation - интересная реализация ховер эффекта для кнопок. Забираем в копилку интересных вещей
#javascript #css
#javascript #css
January 19, 2021
Visiwig - набор качественных svg и шрифтовых иконок для интерфейсов, а так же набор бесшовных фонов для сайта на одном ресурсе.
#графика
#графика
January 19, 2021
Jest-dom - библиотека для написания тестов, которые подтверждают различные вещи о состоянии DOM. Вы сможете избежать всех повторяющихся шаблонов, которые при этом возникают, проверяя атрибуты элемента, его текстовое содержимое, его классы css, вы называете его.
#javascript
#javascript
January 20, 2021
InVision — это облачный сервис для быстрого преобразования веб и мобильных дизайнов в кликабельные прототипы и мокапы с интерактивными элементы для последующего их расшаривания и совместной работы.
Возможности InVision:
- Загрузка своих проектов и добавление горячих точек.
- Жесты, переходы и анимации.
- Презентации в режиме реального времени дизайн.
- Совместная работа.
- Инструменты белой доски.
- Бесшовная коммуникация, в том числе комментирование.
- Управление дизайн-проектами.
- Контроль версий и синхронизация с помощью InVision Sync или Dropbox.
- Бэкапы.
- 128 -битное SSL-шифрование.
#инструменты
Возможности InVision:
- Загрузка своих проектов и добавление горячих точек.
- Жесты, переходы и анимации.
- Презентации в режиме реального времени дизайн.
- Совместная работа.
- Инструменты белой доски.
- Бесшовная коммуникация, в том числе комментирование.
- Управление дизайн-проектами.
- Контроль версий и синхронизация с помощью InVision Sync или Dropbox.
- Бэкапы.
- 128 -битное SSL-шифрование.
#инструменты
January 20, 2021
Halfmoon - это отзывчивая интерфейсная среда, которая отлично подходит для создания информационных панелей и инструментов. Встроенный темный режим, полная настраиваемость с использованием переменных CSS (около 1500 переменных), дополнительная библиотека JavaScript (без jQuery), классы, подобные Bootstrap, и кросс-браузерная совместимость (включая IE11).
#html #css #framework
#html #css #framework
January 21, 2021
Video.js - это веб-видеопроигрыватель, созданный с нуля для мира HTML5. Он поддерживает видео HTML5 и современные форматы потоковой передачи, а также YouTube, Vimeo.
Он поддерживает воспроизведение видео на настольных и мобильных устройствах. Проект был запущен в середине 2010 года, в настоящее время он насчитывает сотни участников и используется на более чем 450 000 веб-сайтов.
#javascript
Он поддерживает воспроизведение видео на настольных и мобильных устройствах. Проект был запущен в середине 2010 года, в настоящее время он насчитывает сотни участников и используется на более чем 450 000 веб-сайтов.
#javascript
January 22, 2021
Layout Templates with CSS Grid.
Для тех, кто только начал изучение технологии Grid CSS - можете ознакомиться с некоторыми примерами расположения элементов в сетке.
#css
Для тех, кто только начал изучение технологии Grid CSS - можете ознакомиться с некоторыми примерами расположения элементов в сетке.
#css
January 23, 2021
Koding - онлайн инструмент с открытым исходным кодом, который предоставляет разработчикам и менеджерам команд интерфейс для оптимизации рабочих процессов разработки в облаке без ограничения свободы и творчества. Тратьте меньше времени на настройку и больше на создание!
Koding позволяет совместно использовать полностью автоматизированные среды разработки в любой инфраструктуре для современных распределенных приложений, микросервисов и контейнеров.
#инструменты
Koding позволяет совместно использовать полностью автоматизированные среды разработки в любой инфраструктуре для современных распределенных приложений, микросервисов и контейнеров.
#инструменты
January 24, 2021
🔥 Лучшее на канале за последнюю неделю
1) Визуализация промисов и Async/Await.
2) CSSeffects Snippets – замечательная коллекция CSS-эффектов (анимация, текст, кнопки), выполненная с помощью Vue.js.
3) Video.js - это веб-видеопроигрыватель, созданный с нуля для мира HTML5.
4) Layout Templates with CSS Grid - примерами расположения элементов в сетке.
5) Visiwig - набор качественных svg и шрифтовых иконок для интерфейсов, а так же набор бесшовных фонов для сайта на одном ресурсе.
Всем успешной разработки!
#Лучшее
1) Визуализация промисов и Async/Await.
2) CSSeffects Snippets – замечательная коллекция CSS-эффектов (анимация, текст, кнопки), выполненная с помощью Vue.js.
3) Video.js - это веб-видеопроигрыватель, созданный с нуля для мира HTML5.
4) Layout Templates with CSS Grid - примерами расположения элементов в сетке.
5) Visiwig - набор качественных svg и шрифтовых иконок для интерфейсов, а так же набор бесшовных фонов для сайта на одном ресурсе.
Всем успешной разработки!
#Лучшее
January 24, 2021
January 25, 2021
Какое из свойств CSS сработает на установление фона в виде картинки?
Anonymous Quiz
7%
background: image('image.svg')
58%
background: url('image.svg')
32%
background-image: ('image.svg')
1%
background-url: ('image.svg')
2%
background-url: image('image.svg')
January 25, 2021