Dev Tips by Nikita Dubko
@dev_tip
Tips and tricks related to frontend-developer daily work. By @dark_mefody
You might like
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-…
mefody.dev
Weekly Links: 10 February 2024 | Dev Tips by Nikita Dubko
Hello, my name is Nikita and I am a front-end developer. Here are life hacks and tips related to my daily work.
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…
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-…
mefody.dev
Weekly Links: 03 February 2024 | Dev Tips by Nikita Dubko
Hello, my name is Nikita and I am a front-end developer. Here are life hacks and tips related to my daily work.
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…
mefody.dev
Different favicon for development build | Dev Tips by Nikita Dubko
How to make tabs in the browser always show which build you’re working on.
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-…
mefody.dev
Weekly Links: 27 January 2024 | Dev Tips by Nikita Dubko
Hello, my name is Nikita and I am a front-end developer. Here are life hacks and tips related to my daily work.
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…
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…
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…
mefody.dev
Accessible components from scratch | Dev Tips by Nikita Dubko
Recently, my colleagues asked me to create a small checklist for making an accessible component from scratch. Here it is.
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…
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-…
mefody.dev
Tell about the website creators using humans.txt | Dev Tips by Nikita Dubko
If you want to add info about all the website creators, you can add the file humans.txt to the site root.
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…
mefody.dev
Git Hooks: share with your team | Dev Tips by Nikita Dubko
How to share git hooks with your team? How can I make my automation from .git/hooks public?
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…
mefody.dev
Git Hooks: let the machine do all the routine | Dev Tips by Nikita Dubko
I wanna live in a world where every commit is a project state in which everything is fine. Fortunately, I can configure my projects to use git hooks to help contributors to avoid mistakes.
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…
mefody.dev
Link to download | Dev Tips by Nikita Dubko
A simple way to create a link to save the file.
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…
mefody.dev
Set the width of the tab character | Dev Tips by Nikita Dubko
You can set the width of the tab. You can even animate this width. I'm not sure why, but you can.
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-…
mefody.dev
Work with cookies the modern way | Dev Tips by Nikita Dubko
Cookie Store API is a way to avoid the pain.
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…
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-…
mefody.dev
Social media buttons without JavaScript | Dev Tips by Nikita Dubko
How to create sharing links for popular social networks.
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-…
mefody.dev
GitHub from CLI | Dev Tips by Nikita Dubko
How to work with GitHub issues, pull requests, and gists from the terminal.
United States Trends
- 1. Giants 64.6K posts
- 2. Bills 133K posts
- 3. Bears 57.1K posts
- 4. Seahawks 17.3K posts
- 5. Caleb 46.6K posts
- 6. Dart 24.9K posts
- 7. Dolphins 31.5K posts
- 8. Daboll 10.6K posts
- 9. Jags 6,405 posts
- 10. Josh Allen 15K posts
- 11. Texans 36.6K posts
- 12. Russell Wilson 3,827 posts
- 13. Browns 36.3K posts
- 14. Patriots 102K posts
- 15. Ravens 36.4K posts
- 16. Henderson 16.4K posts
- 17. Trevor Lawrence 2,380 posts
- 18. Bryce 15.1K posts
- 19. Drake Maye 15K posts
- 20. Vikings 29.3K posts
You might like
-
Polina Gurtovaya
@pgurtovaya -
Дока
@doka_guide -
Веб-стандарты
@webstandards_ru -
Nikita Dubko
@dark_mefody -
Maria Prosvirnina
@prosvirnina12 -
Вадим Макеев
@pepelsbey -
Vadim Makeev
@pepelsbey_dev -
Kirill (hexlet.io)
@mokevnin -
Workafrolic (±∞)
@ABatickaya -
@[email protected]
@andrey_sitnik -
Roman Dvornov
@rdvornov -
София Валитова
@ariarzer -
Роман Шамин
@romanshamin -
Glafira Zhur 🖤
@GlafiraZhur -
Сергей Ufocoδer 👽
@xufocoder
Something went wrong.
Something went wrong.