davidbisset.social

frontend

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

  • restful.js ( marmelab/restful.js )

    A pure JS client for interacting with server-side RESTful resources. Think Restangular without Angular. Created by marmelab on Jan 21, 2015.

  • Styling a Select Like It’s 2019 #FrontEnd #CSS filamentgroup.com/lab/select-css…

  • Nice post on responsive video resizing from @allthingssmitty allthingssmitty.com/2016/12/12/res… #css #FrontEnd

  • RT @webjac: If you’re hiring at #frontendconf I’m looking for new opportunities. Please get in touch #frontend #ux #design

  • Here’s all the #frontend photos so far, including all the bacon photos. frontendconf.conferenceme.in/?allimages=true