frontend
-
The New #CSS Math: pow(), sqrt(), and exponential friends https://danielcwilson.com/posts/mathematicss-powers/ #frontend
-
#CSS has an infinity constant. Playing with Infinity in CSS: https://codersblock.com/blog/playing-with-infinity-in-css/ #frontend
-
#HTMX vs #React: A Complete Comparison https://semaphoreci.com/blog/htmx-react #JavaScript #frontend
-
Why you think your #CMS is bad β and why it might not be. https://webdesignernews.com/why-you-think-your-cms-is-bad-and-why-it-might-not-be/ "A brief history of getting content onto the web and why that matters for effective content management system design and implementation". #frontend
-
https://fffuel.co is a collection of color tools and #free #SVG generators for gradients, patterns, textures, shapes & backgrounds #design #frontend
-
Creating a #WebComponent from scratch via @cferdinandi https://gomakethings.com/lets-create-a-web-component-from-scratch/ #HTML #frontend
-
Josh W Comeau just published βHow to Center a Div: The Ultimate Guide to Centering in #CSSβ. https://www.joshwcomeau.com/css/center-a-div/ #frontend
-
Novice #Designer: "I'm going to design a user dashboard that literally has EVERYTHING on ONE screen (even if it's too much)." Me: π€ #webdev #frontend
-
This is potentially cool for #frontend developers. It's a site that allows you to build and customize #CSS only loaders. https://www.loadership.com/ #webdev
-
"#CSS based state management" Wild look on how CSS custom properties can be used to store state utilizing the way inheritance works in CSS. https://www.mayank.co/blog/css-for-js-state #frontend
-
If you work in #frontend coding and want some reading material over any upcoming break about some things missed in 2023 this might be nice: "Friday Front-Endβs Top Links of 2023" https://spaceninja.com/blog/2023/ff-top-ten-2023/ #JavaScript #CSS #HTML
-
"How we reduced #CSS size and improved performance across GOV.UK" https://gds.blog.gov.uk/2023/12/15/how-we-reduced-css-size-and-improved-performance-across-gov-uk/ "We removed 32 stylesheets across 7 applications and more than 600 lines of CSS by removing unused CSS – styles that are no longer used anywhere" #frontend
-
An interactive guide to making #SVG spinners. https://fffuel.co/svg-spinner/ #CSS #frontend
-
Hey #WordPress folks. Did you watch @photomatt State of the Word 2023? Thoughts? Questions? Predictions? Here's the recording: https://www.youtube.com/watch?v=1MwT9EEkguE #frontend #opensource #openweb
-
"#CSS Wrapped: 2023" Summary of what got introduced, what got popular enough to use, and the big shifts. https://developer.chrome.com/blog/css-wrapped-2023 "Now, every modern browser supports container queries, subgrid, the :has() selector, and a whole plethora of new color spaces and functions." #frontend
-
A nice looking #SVG Tutorial, learning step by step with a fun interface. #css #frontend https://svg-tutorial.com/
-
Making "noisy" #SVG or adding noise texture with only code. #frontend #css https://daniel.do/article/making-noisy-svgs/ Pretty cool. Expecting @chriscoyier to mention this in a future Shoptalk Show. π See also: https://css-tricks.com/grainy-gradients/
-
Hide and Debug Empty Elements with #CSS via @michelle. https://css-irl.info/hide-and-debug-empty-elements-with-css/ "use the :empty pseudo-class to hide pesky empty elements (commonly found in user-generated content)." #frontend
-
Back to Basics: 5 #HTML attributes for improved #accessibility and user experience https://www.htmhell.dev/adventcalendar/2023/4/ #development #frontend
-
Colour Contrast Checker: Check the contrast between different colour combinations against #WCAG standards https://colourcontrast.cc #a11y #frontend
-
"Animotion" is a web app that creates #CSS animations visually with no code by dragging, resizing, rotating, clipping… …includes keyframes editor, animations and 29 built-in easings. https://cssanimotion.pages.dev/ #developers #frontend
-
chatgpt.js ( kudoai/chatgpt.js )
π€ A powerful client-side JavaScript library for ChatGPT Created by kudoai on Mar 15, 2023.
-
Interesting: tiny #frontend framework called "Strawberry" πthat has zero-dependencies, without a build step, and it fits in less than 3KB when gzipped. https://strawberry.quest #opensource
-
Not a big fan of lists just for the sake, but this was useful: "The most popular build tools for #frontend developers in 2023" https://stackdiary.com/build-tools-for-web-development
-
ellipsed ( nzambello/ellipsed )
A JavaScript library for multilined ellipsis Created by nzambello on Jun 21, 2017.
-
tui.editor ( nhn/tui.editor )
ππ Markdown WYSIWYG Editor. GFM Standard + Chart & UML Extensible. Created by nhn on Jul 27, 2015.
-
iview ( iview/iview )
A high quality UI Toolkit built on Vue.js 2.0 Created by iview on Jul 28, 2016.
-
Sublime-Text-Plugins-for-Frontend-Web-Development ( jfilter/Sublime-Text-Plugins-for-Frontend-Web-Development )
π Collection of plugins for Frontend Web Development Created by jfilter on Apr 06, 2017.
-
img2css ( javierbyte/img2css )
Convert any image to pure CSS. Recreates images using only box-shadows. Created by javierbyte on Oct 16, 2015.
-
awesome-casestudy ( luruke/awesome-casestudy )
π Curated list of technical case studies on WebGL and creative development Created by luruke on Dec 20, 2016.