Search
Items tagged with: webDevelopment
Hey everyone! I recently posted about my latest project, a universal fediverse sharing button: https://stefanbohacek.com/project/fediverse-sharing-button/
Is this something that you'd find useful for your website or blog?
#WebDevelopment #WebDesign #UXUI #fediverse #SocialMedia
EDIT: Thanks everyone for sharing and trying this out! I fixed an issue on iOS some of you might have run into, just FYI.
- Yes, already using it! (2%, 1 vote)
- I'll give this a try (47%, 23 votes)
- Tried it, didn't work (2%, 1 vote)
- I don't like the design (0%, 0 votes)
- Too hard to use (2%, 1 vote)
- Not useful (2%, 1 vote)
- I don't have a website (37%, 18 votes)
- Something else? (6%, 3 votes)
Double bubble! 🫧
On scroll text bubble up effect with 1 div, no text duplication, no JS - just a little bit of #CSS trickery and a simple #SVG #filter! 🪄
Live on @codepen
https://codepen.io/thebabydino/pen/NWmBmrZ
#CodePenChallenge #svgFilter #CodePen #text #textEffect #code #coding #frontend #webDev #webDevelopment #web #dev #scrollAnimation
#tinySVGtip How do you create an *inset* shadow on an `img` element?
You might think inset `box-shadow`, but it doesn't work! Really, there are tons of articles & questions on StackOveflow on this very topic.
SVG filters to the rescue for an elegant solution!
✨ offset & blur image
✨ subtract it out of original image alpha ⇒ get black inner shadow
✨ paint it 🍊
✨ place it on top of img
#SVG #filter #inset #shadow #image #svgFilter #code #coding #frontend #webDev #webDevelopment
No Face from Spirited Away, drawn with CSS and a single HTML element.
https://codepen.io/alvaromontoro/pen/ZERzGWY
#webdevelopment #css #cssArt #divtober #throwBackThursday #tbt