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

  • Untitled post 58864

    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

  • Untitled post 58723

    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

  • Untitled post 58689

    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

  • Untitled post 58492

    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

  • Untitled post 58447

    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.

  • Untitled post 57130

    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.