#CSSMagic

westbrook

@westbrook.mastodon.social.ap.brid.gy

6 months ago

An alternate version of this could be a `grid-cell` property that worked like `grid-column` and `grid-row` but allowed you to assign an element sequentially to a cell wherever it happened to fall in the resolved layout.

Playing with some virtualization and how grid can make it easier...most of […]

javidevedu

@javidevedu.bsky.social

7 months ago

CSS Pro Tips 🧙🏻‍♂️ | Unlock smoother designs in seconds!
Level up your front-end game with this quick trick. 🚀
Explore more at javidev (link in my profile)

#html #htmlcss #programming #coding #htmlhack #webdev #frontend #csstips #codetips #developers #cssmagic #techcreator #codewithstyle #mysticjs

Miguel Carvalho

@miguelcarvalho.xyz

8 months ago

State-based styling: Targets itself, unlike container queries that need a parent.

#CSSMagic

javidevedu

@javidevedu.bsky.social

8 months ago

Tips #33: Create the Glitch Effect Like a Pro 🧙🏻‍♂️📌
Master this CSS trick and more on javidev (link in my profile).
Creation: mystic.js
#cssmagic #glitcheffect #webdesign #frontendtips #csstricks #developers #webdev #uianimation #codingtips #softwaredeveloper

Olsi Odobashi

@olsiodobashi.bsky.social

9 months ago

Sticky navbar with glass effect

Here's a one-liner sticky glassmorphic navbar.
Because nothing says "stable" like a UI made of glass...
#tailwindui #frontend #uicomponents #webdev #uidesign #aestheticui #cssmagic

javidevedu

@javidevedu.bsky.social

10 months ago

Magical Effects #1: 3D Perspective Card Hover 🌀
Bring depth to your UI with HTML, CSS & JS — explore more at javidev (link in my profile).
mystic.js

#3DEffect #CardHover #CSSMagic #JSAnimations #FrontendFun #WebEffects #UIInspo #CodeCraft #ModernDesign #HoverMastery

javidevedu

@javidevedu.bsky.social

10 months ago

Magical Coding Tips Part #7: CSS Pseudo Elements 🪄
Target the untouchable with styling sorcery — unlock more at javidev (link in my profile).
mystic.js

#PseudoElements #CSSMagic #BeforeAfter #FrontendTricks #CodeSmarter #HTMLCSS #WebTips #StylingSecrets #DevWizardry #LearnToCode

javidevedu

@javidevedu.bsky.social

10 months ago

Bring your UI to life in 3D — explore more at javidev, link in my profile.
Sharp angles. Smooth motion. Pure CSS power. mystic.js
#3dhover #triangletransition #cssmagic #htmlcss #uianimation #frontenddev #webdesign #cssonly #codingreel #devreel

javidevedu

@javidevedu.bsky.social

10 months ago

Transform your UI with clean effects — explore more at javidev, link in my profile.
From basic to stunning in seconds. Your list elements will thank you. mystic.js
#listhover #cssmagic #frontenddesign #htmlcss #hovereffect #uianimation #cssonly #devreel #codingreels #webdevelopment

javidevedu

@javidevedu.bsky.social

10 months ago

Unlock the Power of CSS Filter Property 🔥 Transform your web design with ease — full guide inside!
Discover more CSS tricks at javidev (link in my profile) — creation by frontendjoe.

#LearnCSS #CSSFilters #WebDesignHacks #CSSMagic #FrontendTips #DesignLikeAPro #CSSInspo #WebDevReels

TechGeeksApparel

@techgeeksapparel.bsky.social

11 months ago

I Really Like CSS

🔗 techgeeksapparel.com/i-really-lik...
#CSSMagic #FrontendDeveloper #WebDevLife #CodingJokes

TechGeeksApparel

@techgeeksapparel.bsky.social

11 months ago

Web Designers: Making the Internet Pretty Since Forever.
If it looks good, thank a designer. If it breaks, blame JavaScript. 😆

🔗 techgeeksapparel.com/web-designer...
#WebDesign #FrontendDev #CSSMagic #UXUI

Danny Daemonic

@dannydaemonic.bsky.social

2 years ago

An HTML Switch Control We’re very excited to introduce a new HTML form control as part of Safari 17.4: a switch.

Safari's new HTML switch control has me puzzled… 🤔 Even their own CSS styling examples are nearly identical to what you'd use to transform a checkbox into a switch. Why add this when CSS does the trick? Thoughts?

#WebDevelopment #HTMLSwitchControl #UIUXDesign #CSSMagic #SafariBrowser #WhySafariWhy