frontend

  • "My talk on #CSS runtime performance" #frontend https://nolanlawson.com/2023/01/17/my-talk-on-css-runtime-performance/ "I just want web developers to consider the cost of CSS, and to get more comfortable with using the DevTools to understand which kinds of CSS patterns may be slowing down their website." via @nolan

  • 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.