#webdevlopment — Public Fediverse posts

New glowing theme switcher button at the top nav bar! (It was previously in the footer.)

And the icon changes depending on which theme you're on. CSS only :)

#BurgeonLab #html #css #blogs #blogger #navbar #themeswitcher #webdevlopment #darktheme #lighttheme #hugothemes

New glowing theme switcher button at the top nav bar! (It was previously in the footer.)

And the icon changes depending on which theme you're on. CSS only :)

#BurgeonLab #html #css #blogs #blogger #navbar #themeswitcher #webdevlopment #darktheme #lighttheme #hugothemes

New glowing theme switcher button at the top nav bar! (It was previously in the footer.)

And the icon changes depending on which theme you're on. CSS only :)

#BurgeonLab #html #css #blogs #blogger #navbar #themeswitcher #webdevlopment #darktheme #lighttheme #hugothemes

New glowing theme switcher button at the top nav bar! (It was previously in the footer.)

And the icon changes depending on which theme you're on. CSS only :)

#BurgeonLab #html #css #blogs #blogger #navbar #themeswitcher #webdevlopment #darktheme #lighttheme #hugothemes

New glowing theme switcher button at the top nav bar! (It was previously in the footer.)

And the icon changes depending on which theme you're on. CSS only :)

#BurgeonLab #html #css #blogs #blogger #navbar #themeswitcher #webdevlopment #darktheme #lighttheme #hugothemes

A story from David Raygoza Gómez on Medium

Read “Servlets en teoria“ by David Raygoza Gómez on Medium:
https://medium.com/ticom/servlets-en-teoria-e4cba1470623

#comics #java #webdevlopment #webcomics

Know the animated 🌈 border + glow effect that's all the rage? It's normally done by adding an opaque cover on top of two 🌈 layers.

But what if we wanted a (semi)transparent background within the border? It's possible with pure #CSS!

Heavily commented on @codepen https://codepen.io/thebabydino/pen/KwPBvzo

#cssGradient #conicGradient #code #web #dev #webDev #webDevlopment #frontend #coding #cssAnimation #rainbow

A little pure #CSS 🌟🎄 #animation I made on @codepen a few years ago https://codepen.io/thebabydino/pen/bGwYVOm

#3D #transform #cssTransforms #code #cssAnimation #coding #frontend #xmas #web #dev #webDevlopment #webDev #tree #stars

Simplest gradient border buttons (with border-radius) https://codepen.io/thebabydino/pen/vYoJqBK

Multiple cases, each just a few lines of code:
✨ solid background
✨ (semi)transparent background
✨ (semi)transparent background for input[type=button] (so no pseudos allowed)

#CSS #cssGradient #cssMask #masking #code #coding #frontend #web #dev #webDev #webDevlopment

VS Code + WSL makes Windows awesome for web development by DHH.

#vscode #wsl #windows #linux #webdevlopment #webdev
https://world.hey.com/dhh/vscode-wsl-makes-windows-awesome-for-web-development-9bc4d528

Retro-striped text with #SVG filters - detailed step by step, #CodePen demos & more
https://www.patreon.com/posts/retro-striped-97563502

(final, link for all, not just patrons)

#css #svgFilter #cssFilter #dropShadow #shadow #retro #stripes #neon #cssGradient #grainy #code #coding #frontend #webDev #webDevlopment

Retro-striped text with #SVG filters - detailed step by step, #CodePen demos & more
https://www.patreon.com/posts/retro-striped-97563502

(final, link for all, not just patrons)

#css #svgFilter #cssFilter #dropShadow #shadow #retro #stripes #neon #cssGradient #grainy #code #coding #frontend #webDev #webDevlopment

Retro-striped text with #SVG filters - detailed step by step, #CodePen demos & more
https://www.patreon.com/posts/retro-striped-97563502

(final, link for all, not just patrons)

#css #svgFilter #cssFilter #dropShadow #shadow #retro #stripes #neon #cssGradient #grainy #code #coding #frontend #webDev #webDevlopment

Retro-striped text with #SVG filters - detailed step by step, #CodePen demos & more
https://www.patreon.com/posts/retro-striped-97563502

(final, link for all, not just patrons)

#css #svgFilter #cssFilter #dropShadow #shadow #retro #stripes #neon #cssGradient #grainy #code #coding #frontend #webDev #webDevlopment

Web devs, is there a reliable way of taking a screenshot, element to image, with JavaScript?

I've tried html2canvas (not faithful), media stream (requires user permission) and blob generation (I can't figure it out).

I'm actually trying to load an iframe then replace it with a screenshot of its content as a way of saving resources.

#webdev #webdevlopment #javascript #HTML

Hi!
I am OlshaMB(Michael).
I am almost 16 year old programmer.
I love MacOS and Apple, and Arc Browser btw.
I program for the web, in the newest web tech.
Also sometimes I program in Rust, also sometimes I program in swift for mac apps.
I love open-source and Linux.
#macos #introduction #programmer #rust #webdev #webdevlopment #student

Bootstrap sure isn't making it easy to self-host its assets (including Popper) with BS 5.2. It's almost as if they have never heard of GDPR or non-CDN usage ... 🤔

#bootstrap #getbootstrap #cdn #gdpr #gdprcompliance #selfhosted #devops #Webdevlopment #webdeveloper