Dev Tips by Nikita Dubko @dev_tip

Tips and tricks related to frontend-developer daily work. By @dark_mefody mefody.dev Joined March 2021

Tweets

29
Followers

420
Following

1
Likes

11

Dev Tips by Nikita Dubko @dev_tip

2 years ago

Weekly Links: - CSS line-clamp without prefixes; - Embedded 3D models on the web; - Starter for playing with scroll-driven effects; - 2023 JS Rising Stars; - Side Panel API; - SVG icons as a mask. mefody.dev/chunks/weekly-…

0 0 0 271 1

Dev Tips by Nikita Dubko @dev_tip

2 years ago

A CSS editor written in CSS for your slide demos. @scope, CSS Container Queries, contenteditable, CSS Grid, and color-scheme. Just 54 lines of CSS. Inspired by Miriam Suzanne. mefody.dev/chunks/css-edi…

0 4 5 2K 2

Dev Tips by Nikita Dubko @dev_tip

2 years ago

Weekly Links: - Interop 2024 - Safari 17.4 Beta - Figma Dev Mode - Outllok on macOS - carouscroll Web Component - git rerere - Configurable switch component - CSS Scroll-triggered Animations - TypeScript 5.4 Beta - Learn SVG - Images with backdrop blur mefody.dev/chunks/weekly-…

0 1 4 817 6

Dev Tips by Nikita Dubko @dev_tip

2 years ago

How to make tabs in the browser always show which build you’re working on? You can have different favicons for different builds! mefody.dev/chunks/favicon…

0 2 6 828 2

Dev Tips by Nikita Dubko @dev_tip

2 years ago

Weekly Links: - Scroll-Driven Animation - CSS one-liners - Noise effect with CSS gradients - Declarative Shadow DOM usage - New in Chrome 121 - IE’s content rating system - Key updates in WCAG 2.2 - Automated weekly links posts mefody.dev/chunks/weekly-…

0 1 11 838 2

Dev Tips by Nikita Dubko @dev_tip

4 years ago

CSS can help you to style text selections if the default selection styles are not compatible with the design of your website. #CSS mefody.dev/chunks/selecti…

0 3 10 0 3

Download Image

Dev Tips by Nikita Dubko @dev_tip

4 years ago

If you have a task to debug some element that is displayed on hover or focus only, DevTools have three ways to help you with that. #devtools mefody.dev/chunks/hover-d…

3 5 19 0 2

Download Image

Dev Tips by Nikita Dubko @dev_tip

4 years ago

Recently, my colleagues asked me to create a small checklist for making an accessible component from scratch. Here it is. #a11y #html mefody.dev/chunks/a11y-fr…

0 5 14 0 3

Dev Tips by Nikita Dubko @dev_tip

4 years ago

Sometimes you need to prevent text glyphs from turning into emojis. For example, when the heart glyph is a part of your page title. But OS renders it as emoji. There are some ways to fix it. #html #css mefody.dev/chunks/emoji-t…

0 2 17 0 1

Dev Tips by Nikita Dubko @dev_tip

4 years ago

If you want to share info about all the website creators, but the site owner is not ok with a separate page, you can add humans.txt to the site root and support @humanstxt initiative. #git #html mefody.dev/chunks/humans-…

0 5 31 0 3

Dev Tips by Nikita Dubko @dev_tip

4 years ago

After you decided to use git hooks in a project, you have to share them with your team. By default, git hooks are not shareable. But there are few ways to solve the problem. #git #npm #bash mefody.dev/chunks/git-hoo…

0 3 11 0 4

Dev Tips by Nikita Dubko @dev_tip

4 years ago

It's easier to have clean code in your repo when you have git hooks configured. Let's figure out how to write git hooks for your project. #git #npm mefody.dev/chunks/git-hoo…

0 2 10 0 0

Dev Tips by Nikita Dubko @dev_tip

4 years ago

Sometimes I need to create a link to download the file. Sometimes user wants to save AVIF or WebP as JPEG. These situations have something in common. #html #js mefody.dev/chunks/downloa…

0 3 18 0 3

Dev Tips by Nikita Dubko @dev_tip

4 years ago

You can set the width of the tab character. You can even animate this width. I'm not sure why, but you can. #css mefody.dev/chunks/tab-siz…

0 2 3 0 0

Dev Tips by Nikita Dubko @dev_tip

4 years ago

The classic way to work with `document.cookie` looks like trade-offs from the past. The Cookie Store API can solve a lot of problems in the future. #js mefody.dev/chunks/cookie-…

1 6 24 0 5

Dev Tips by Nikita Dubko @dev_tip

4 years ago

Have you ever wanted to select and copy a specific part of a long link text? Hold an `Alt` (`⌥ Option`) to do it. #browser mefody.dev/chunks/copy-pa…

0 0 8 0 0

Dev Tips by Nikita Dubko @dev_tip

4 years ago

You don’t need JavaScript to add social media buttons to your website. All popular social networks have "sharers" via links. #html mefody.dev/chunks/social-…

2 18 123 0 36

Dev Tips by Nikita Dubko @dev_tip

4 years ago

If you use GitHub as an open-source workspace, try the GitHub CLI to increase your productivity. `gh pr checkout`, `gh issue create` and other commands save my time every day. #bash #git mefody.dev/chunks/github-…