Channel Public Channel

Web Stack

@web_stack

Дайджест web разработчика: статьи, туториалы, практики и полезные инструменты.

Админ: @jem_jem
Реклама: http://bit.ly/2wZeIPj

👉 Дайджест мобильной разработки @mobile_dvlp

Open in Telegram

Subscribers: 4.1K
Photos: 833
Videos: 5
Links: 1.8K

Showing posts older than #1186 · Back to latest

Older Posts 20 shown

Post #1185 2.77K Oct 15, 2020, 12:20 UTC

Создание отзывчивого медиa-браузера на CSS

https://piccalil.li/tutorial/build-a-responsive-media-browser-with-css/

Piccalilli Build a responsive media browser with CSS Using the power of modern CSS layout, we create a flexible media browser and video player layout that maintains its aspect ratio at all viewports.

Post #1184 2.63K Oct 15, 2020, 08:45 UTC

meta-fetcher: крошечный парсер мета-данных по указанному URL

https://github.com/RocktimSaikia/meta-fetcher

Post #1183 2.69K Oct 14, 2020, 08:45 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 #1180 2.61K Oct 13, 2020, 08:45 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 #1179 2.68K Oct 12, 2020, 12:20 UTC

Начало работы с Eleventy, генератором статических сайтов.

https://www.sitepoint.com/getting-started-with-eleventy/

Sitepoint Eleventy Guide: A Framework-Agnostic Static Site Generator Craig Buckler introduces Eleventy (11ty), a Node.js static site generator, showing how to build a simple site with pages and blog posts.

Post #1178 2.65K Oct 12, 2020, 08:45 UTC

Как автоматически настроить размер шрифта с помощью CSS font-size-adjust?

https://www.lambdatest.com/blog/css-font-size-adjust/

LambdaTest How To Auto Adjust Your Font Size With CSS font-size-adjust? CSS font-size-adjust property helps you to have a better representation of your web page across multiple browsers. This blog explains how CSS font-size-adjust works and how you can experiment with it on multiple browsers.

Post #1177 2.93K Oct 10, 2020, 13:04 UTC

Что такое WeakSet в JavaScript и как это работает

https://blog.alexdevero.com/weakset-in-javascript

Alex Devero Blog What WeakSet in JavaScript is and How It Works WeakSet is one of the newer JavaScript collections. Learn what WeakSet in JavaScript is, how it works and also when it might be useful.

Post #1176 3.04K Oct 8, 2020, 14:31 UTC

Добиваемся вертикального выравнивания

https://css-tricks.com/achieving-vertical-alignment-thanks-subgrid/

CSS-Tricks Achieving Vertical Alignment (Thanks, Subgrid!) | CSS-Tricks Our tools for vertical alignment have gotten a lot better as of late. My early days as a website designer involved laying out 960px wide homepage designs and

Post #1175 2.72K Oct 8, 2020, 08:45 UTC

Утечки памяти в открепленных окнах

https://web.dev/detached-window-memory-leaks/

web.dev Detached window memory leaks | Articles | web.dev Detached windows are a common type of memory leak that is particularly difficult to find and fix.

Post #1174 2.75K Oct 7, 2020, 14:28 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 #1173 3K Oct 6, 2020, 14:24 UTC

Отличный туториал по разработке PWA приложений (сам посмотрел и теперь пилю свое)

https://www.youtube.com/playlist?list=PL4cUxeGkcC9gTxqJBcDmoi5Q2pzDusSL7

YouTube PWA Tutorial for Beginners Share your videos with friends, family, and the world

Post #1171 2.61K Oct 6, 2020, 08:45 UTC

Линейное масштабирование размера шрифта с помощью CSS-clamp() на основе вьюпорта

https://css-tricks.com/linearly-scale-font-size-with-css-clamp-based-on-the-viewport/

CSS-Tricks Linearly Scale font-size with CSS clamp() Based on the Viewport | CSS-Tricks Responsive typography has been tried in the past with a slew of methods such as media queries and CSS calc().

Post #1170 2.76K Oct 5, 2020, 14:35 UTC

Используем Chrome DevTools профессионально

https://habr.com/ru/company/otus/blog/520706/

Post #1169 2.77K Oct 5, 2020, 08:45 UTC

Умные способы написания JSX в вашем приложении на React

https://medium.com/javascript-in-plain-english/smart-ways-to-write-jsx-in-your-react-app-f435aa12bb96

Medium Smart ways to write JSX in your React app JSX tips and tricks for React beginners

Post #1167 2.91K Oct 2, 2020, 08:45 UTC

5 крутых трюков с JavaScript Promise

https://davidwalsh.name/javascript-promise-tricks

DWB 5 Awesome JavaScript Promise Tricks The Promise API changed the game in JavaScript. We went from abusing setTimeouts and settling for synchronous operations to doing everything possible to

Post #1166 2.65K Oct 1, 2020, 08:45 UTC

Folding the Web: делаем действительно адаптивный дизайн для складных устройств

https://medium.com/samsung-internet-dev/folding-the-web-90952c925d52

Medium Folding the Web Enabling real responsive design on foldable devices

Post #1165 2.77K Sep 30, 2020, 08:45 UTC

Практическое реактивное программирование с помощью RxJS

https://goodguydaniel.com/blog/hands-on-reactive-programming-rxjs

Goodguydaniel Hands-on Reactive Programming with RxJS Part 3 - Hands-on Reactive Programming with RxJS This part of the series it's all about getting your hands dirty! Part 3 is a tutorial on…

Post #1164 2.82K Sep 29, 2020, 12:08 UTC

TypeScript. Продвинутые типы

https://habr.com/ru/company/piter/blog/518428/

Post #1163 3.15K Sep 27, 2020, 12:20 UTC

Cross-site Scripting (XSS): определение и предотвращение

https://webdevblog.ru/cross-site-scripting-xss-opredelenie-i-predotvrashhenie/

Post #1162 2.81K Sep 27, 2020, 08:45 UTC

Как получить рукописную анимацию с неровными штрихами с помощью SVG Stroke

https://css-tricks.com/how-to-get-handwriting-animation-with-irregular-svg-strokes/

CSS-Tricks How to Get Handwriting Animation With Irregular SVG Strokes | CSS-Tricks I wanted to do a handwriting animation for calligraphy fonts — the kind where the words animate like they are being written by an invisible pen. Because

Older posts →