david_megginson, to Sliderules
@david_megginson@mstdn.ca avatar

My DIY circular slide rule side project — an excuse to improve my knowledge of CSS3 transitions and SVG — progresseth apace.

There is now a simple version (just multiplication and subtraction) and an advanced version (square and cube roots). It will also animate the solutions to random basic problems on either.

Coming soon:

  • advanced problems
  • DIY printables and instructions for assembling your own
  • detailed instructions

https://davidmegginson.github.io/cardboard-computer/

kubikpixel, to webdev
@kubikpixel@chaos.social avatar

I don't understand why some "professionals" often use only ready-made libraries for website design. No, not everything is easy but, for example, creating so that users can see how they lead outside the is standard in my opinion.

I have illustrated it for clarification. You can of course change the 's to other UTF-8 characters or position according to the desired ;)

kubikpixel,
@kubikpixel@chaos.social avatar

🧵 …I am always amazed at how some customers complain about the #design and #details of the behavior of their #website. However, more often than not, they have used purchased #CSS functions and have declared most #objects as <div> and not instructed #HTML5 clear. You can solve so much with #CSS3 and not necessarily with JavaScript - once with modern professionals 🙄

📎 CSS Pseudo-classes
https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes

kubikpixel,
@kubikpixel@chaos.social avatar

🧵 …another CSS webdesign solution:
Let's see if I can find a solution that works without JavaScript but I doubt that I will find out that it is not possible.

«Setting And Persisting Color Scheme Preferences With CSS And A “Touch” Of JavaScript»
– on @smashingmag

📎 https://www.smashingmagazine.com/2024/03/setting-persisting-color-scheme-preferences-css-javascript/

#css #css3 #colorscheme #webdev #js #javascript #webdesign #color #web

eloquence, to random
@eloquence@social.coop avatar

This is a big deal:

The W3C, founded in 1994 by web inventor Tim Berners-Lee, has quit X and declared the fediverse to be their primary social media channel. Follow them at: @w3c

The future of the open web is .. the open web.

mima,

@fluepke has pretty much become a rubberstamp for the -led cartel that is the . An organization that doesn't give smaller browsers like , , and a voice in the writing of specs for web standards like and does not deserve support, and should not be seen as an ally of the .

@eloquence

esm, to random
@esm@wetdry.world avatar

I THINK THE MATRIX CHAT PROTOCOL SUCKS

kkarhan,
@kkarhan@mstdn.social avatar

@hexaheximal @esm @hexaheximal ...and even if we think local #WebApps are a legitimate way to handle sensitive comms - they ain't but let's just assume they are for the sake of argument - WHY would you do anything beyond a .desktop file that includes startup parameters for #Firefox (or even #Chrome if you're that kind of Cyber-Masochist!) that specify the browser, and the file to load.

Because any good #WebApp should be reduceable as #HTML5 + #JS6 + #CSS3 and measured in kB or maybe a few MB.

Luke, to CSS
@Luke@typo.social avatar
mitsunee, to webdev
@mitsunee@ieji.de avatar

Is there a way to deduplicate the dark theme values with CSS nesting? I currently have the postccss-preset-env plugin for nesting explicitly enabled.

#webdev #css #css3

Drmowinckels, to CSS
@Drmowinckels@fosstodon.org avatar

One of my calm evening coding activities is figuring out new css things I want to learn.

I dont know how I became this person.

#css #css3 #rstats #hugo

ajaxStardust, to CSS
@ajaxStardust@vivaldi.net avatar

I've had this "CSS Crib Sheet" for probably 15+ years. I can't remember where it came from originally. If You know, please advise so I can add the correct citation.

Also, any #CSS gurus out there care to help me bring it up to speed w/ #CSS3? Even though it's old, some of the tips remain valuable:

https://wordpresscenter.net/css-crib-sheet/

@Vivaldi @Catweazle @Perl @not_wordpress

Cheers!

iamdtms, to random
@iamdtms@mas.to avatar

@penpot
width = inline-size
height = block-size
#css3

  • All
  • Subscribed
  • Moderated
  • Favorites
  • megavids
  • thenastyranch
  • magazineikmin
  • InstantRegret
  • GTA5RPClips
  • ethstaker
  • Youngstown
  • everett
  • slotface
  • osvaldo12
  • rosin
  • mdbf
  • kavyap
  • DreamBathrooms
  • provamag3
  • ngwrru68w68
  • Durango
  • modclub
  • cubers
  • khanakhh
  • Leos
  • tacticalgear
  • cisconetworking
  • vwfavf
  • tester
  • anitta
  • normalnudes
  • JUstTest
  • All magazines