Channel Public Channel

Web разработка

@htmlcssjavas

Самая акутальная информация для web разработчиков

По всем вопросам @haarrp

@channels_telegram - 🔥лучшие ит-каналы

@ai_machinelearning_big_data - машинное обучение

@programming_books_it - бесплатные it книги

@pythonl - 🐍

Open in Telegram

Subscribers: 1.66K
Photos: 208
Videos: 17
Links: 863

Showing posts older than #434 · Back to latest

Older Posts 20 shown

Post #433 341 Oct 27, 2020, 06:42 UTC

Light/Dark Mode Toggle - реализация переключения между светлой и темной темой c эффектом занавеса без применения JavaScript.

#html #css

https://codepen.io/jkantner/pen/LYprqQM/

codepen.io Light/Dark Mode Toggle With Curtain Effect A light and dark switch where the handle bounces into place while a curtain inverts the scheme. Based on [this Dribbble shot](https://dribbble.com/shot...

Post #432 346 Oct 24, 2020, 06:34 UTC

Как использовать CSS маскирование

https://web.dev/css-masking/

web.dev Apply effects to images with CSS's mask-image property CSS masking gives you the option of using an image as a mask layer. This means that you can use an image, an SVG, or a gradient as your mask, to create interesting effects without an image editor.

Post #431 383 Oct 17, 2020, 06:26 UTC

Пропорциональное изменение размера с помощью CSS переменных

https://ishadeed.com/snippet/proportional-resizing-css-variables/

Ishadeed Proportional Resizing with CSS Variables

Post #430 353 Oct 15, 2020, 08:22 UTC

Интересная реализация toggle переключателя

https://codepen.io/jkantner/pen/OJNezxj

codepen.io Toggle Switch with a Hole Handle Rather than a cylinder for a handle, this switch has a moving hole. Update 10/8/20: Gradient correction...

Post #429 311 Oct 14, 2020, 07:16 UTC

Smart Search — Эффективный способ загрузки больших объемов данных во фронтенд приложения и интуитивно понятная работа с ними

https://github.com/chalu/smart-search

GitHub GitHub - chalu/smart-search: Smart and performant way to load large data into Frontend apps and query such data Smart and performant way to load large data into Frontend apps and query such data - chalu/smart-search

Post #428 342 Oct 10, 2020, 07:22 UTC

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

https://the-evening-code.com/posts/generators-in-javascript-short-overview

The Evening Code Краткий обзор генераторов в Javascript | The Evening Code Генератор - это особый тип функции, который можно "остановить" в определенный момент исполнения. Если более детально, то это функция, которая возвращает объект итератор, определяется ключевым словом function...

Post #427 314 Oct 8, 2020, 07:59 UTC

Декларативный Shadow DOM. Новый способ реализации и использования Shadow DOM непосредственно в HTML.

https://web.dev/declarative-shadow-dom/

Chrome for Developers Declarative Shadow DOM | CSS and UI | Chrome for Developers Declarative Shadow DOM is a new way to implement and use Shadow DOM directly in HTML.

Post #426 346 Oct 5, 2020, 07:42 UTC

Giggl - это бесплатный общедоступный браузер, упрощающий общение с друзьями, командами и авторами. Устраивайте встречи, смотрите фильмы, играйте в игры, общайтесь с любимыми авторами
и многое другое.

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

https://giggl.app

Post #425 333 Oct 4, 2020, 07:49 UTC

MoreToggles - замечательная библиотека с огромной коллекцией готовых стильных переключателей на чистом CSS с простым масштабированием.

#CSS
https://jnkkkk.github.io/MoreToggles.css/

jnkkkk.github.io MoreToggles.css A pure CSS library that provides you with a variety of nice-looking toggles.

Post #424 376 Oct 3, 2020, 12:03 UTC

Forwarded from Books Книги Программиста

Котеров_PHP_7_Наиболее_полное_руководство.pdf12 MB

PHP

@programming_books_it

Post #423 315 Oct 3, 2020, 06:41 UTC

Iconate.js - библиотека JavaScript, которая добавит вашим статичным шрифтовым иконкам крутой анимации и "оживит" любой проект.

#JavaScript

http://bitshadow.github.io/iconate/

bitshadow.github.io iconate.js - icon animation with css, javascript Icon animation with Javascript, CSS3

Post #422 307 Sep 30, 2020, 07:23 UTC

Strapi - это гибкая Headless CMS (система, которая отображает контент через RESTful API) с открытым исходным кодом, которая дает разработчикам свободу выбора своих любимых инструментов и фреймворков, а также позволяет редакторам легко управлять своим контентом. Strapi позволяет сделать панель администратора и API расширяемыми с помощью системы плагинов.

Основные особенности:
- Простая установка при помощи менеджера пакетов.
- Простое управление контентом.
- Удобный для разработчиков API.
- Имеет встроенную систему пользователей с настройками ролей.
- Система плагинов.
- Гибкая настройка.

https://github.com/strapi/strapi/

GitHub GitHub - strapi/strapi: 🚀 Strapi is the leading open-source headless CMS. It’s 100% JavaScript/TypeScript, fully customizable,… 🚀 Strapi is the leading open-source headless CMS. It’s 100% JavaScript/TypeScript, fully customizable, and developer-first. - strapi/strapi

Post #421 252 Sep 29, 2020, 07:23 UTC

BGJar- бесплатный svg генератор для ваших сайтов, блогов и приложений

https://bgjar.com

BGJar Free svg background generator Free svg background generator for your websites, blogs and app.

Post #420 261 Sep 28, 2020, 07:46 UTC

Vue Toastification - библиотека Vue для реализации всплывающих уведомлений. Она даёт в распоряжение разработчика массу настроек, благодаря которым с её помощью можно реализовывать уведомления, соответствующие самым разным нуждам.

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

https://github.com/Maronato/vue-toastification/

GitHub GitHub - Maronato/vue-toastification: Vue notifications made easy! Vue notifications made easy! Contribute to Maronato/vue-toastification development by creating an account on GitHub.

Post #419 229 Sep 27, 2020, 08:41 UTC

Анимируйте SVG viewBox с помощью React

https://elijahmanor.com/blog/react-svg-viewbox

Manorisms Animate an SVG viewBox with React

Post #418 251 Sep 26, 2020, 07:38 UTC

5 малоизвестных функций Chrome DevTools

https://levelup.gitconnected.com/5-lesser-known-features-of-chrome-devtools-1ff3cd2a7518

Medium 5 Lesser-known Features of Chrome DevTools improve chrome devtools workflow with these 5 tips

Post #417 267 Sep 24, 2020, 06:34 UTC

Библиотека градиентов
Градиенты можно скачать в PNG размером до 8к, скопировать CSS код и составляющие градиент цвета в CMYK, RGB, HEX и HSL.

https://gradients.app/ru

Post #416 339 Sep 18, 2020, 07:29 UTC

Карточки на CSS

https://codepen.io/Aoyue/pen/pLJqgE

Post #414 329 Sep 15, 2020, 07:44 UTC

CSS Values - это простое одностраничное веб-приложение (SPA), которое позволяет искать практически любое свойство CSS и получать простой список возможных значений.

https://cssvalues.com/

Cssvalues CSS Values | CSS Reference, Properties and Values, Browser Support Web app to search the syntax and all possible values for any valid CSS property.

Post #413 314 Sep 11, 2020, 07:39 UTC

Визуализаци техник сброса CSS

https://elijahmanor.com/css-resets

Manorisms Visualizing CSS Resets

Older posts →