Development

Development

709 bookmarks
Custom sorting
Lea Verou | CSS Variable Secrets | CSS Day 2022
Lea Verou | CSS Variable Secrets | CSS Day 2022
By now most developers use CSS custom properties on the regular, but few understand them deeply enough to harness their full power. Lea will take you on a jo...
·youtube.com·
Lea Verou | CSS Variable Secrets | CSS Day 2022
Preline UI
Preline UI
Preline UI is an open-source set of prebuilt UI components based on the utility-first Tailwind CSS framework.
·preline.co·
Preline UI
Truly Portable Design Patterns
Truly Portable Design Patterns
One of the main promises of design systems is to create a pattern or component once and see it reused by designers and developers throughout your organizatio...
·youtube.com·
Truly Portable Design Patterns
The Smallest CSS
The Smallest CSS
Blogger, font man
·robinrendle.com·
The Smallest CSS
The Many Faces of Themeable Design Systems
The Many Faces of Themeable Design Systems
Very rarely is exactly one design system created to serve exactly one product that expresses exactly one design language. Nearly all the design systems we've worked on require a high degree of flexibility in order to properly serve our clients' needs. Some of this flexibility is achieved by variabil
·bradfrost.com·
The Many Faces of Themeable Design Systems
Atomico
Atomico
·atomicojs.dev·
Atomico
Scratch is a big deal
Scratch is a big deal
While none of us were paying attention, Scratch has transformed from a programming language for kids to a massive online community of self-guided, student-pr...
·bryanbraun.com·
Scratch is a big deal
Statements Vs. Expressions
Statements Vs. Expressions
One of the most foundational things to understand about JavaScript is that programs are made up of statements, and statements have slots for expressions. In this blog post, we'll dig into how these two structures work, and see how building an intuition about this can help us solve practical problems.
·joshwcomeau.com·
Statements Vs. Expressions
The CSS behind Figma
The CSS behind Figma
A look at some interesting use-cases for CSS flexbox and grid in Figma app.
·ishadeed.com·
The CSS behind Figma
Bun is a fast all-in-one JavaScript runtime
Bun is a fast all-in-one JavaScript runtime
Bundle, transpile, install and run JavaScript & TypeScript projects – all in Bun. Bun is a new JavaScript runtime with a native bundler, transpiler, task runner and npm client built-in.
·bun.sh·
Bun is a fast all-in-one JavaScript runtime
SwiftUI for Mac 2022
SwiftUI for Mac 2022
Mac app development using SwiftUI on macOS Ventura
·troz.net·
SwiftUI for Mac 2022
Svelte Origins: A JavaScript Documentary
Svelte Origins: A JavaScript Documentary
🎥 More tech documentaries coming out soon, subscribe to be notified 👉 (PS: The 2022 Stack Overflow Developer Survey results just came out and Phoenix overtook Svelte as the world's most loved web framework so hey, we had to adjust our thumbnail a bit 🤷) Svelte Origins: The Documentary tells the story of how Svelte came to be, what makes Svelte different, and how it changes the game as a JavaScript framework. Filmed in locations throughout Europe and the US, it features Svelte’s creator Rich Harris and members from the core community who contributed to making Svelte what it is today. Svelte Origins was filmed in late 2021, produced by OfferZen and directed by Dewald Brand, with shoots in the USA, the UK, Ireland, Sweden and Germany. 0:27 Who is Rich Harris? 0:52 Why is Svelte called Svelte? 1:39 What is Svelte? 1:52 How does Svelte differ from other JS frameworks like React or Vue? 2:50 How did Rich Harris get into tech? 4:38 Visual journalism and the creation of Ractive.js 5:43 Why did Rich Harris create Svelte? 6:57 Core Svelte contributors 7:44 Ben McCann talks about reactive code 8:50 How Svelte went from V1 to V3 10:09 Scott Tolinski explains what makes Svelte so appealing to many JS developers 12:41 Amelia Wattenberger talks about Svelte being the JS framework with the highest satisfaction rates 14:50 Aliza Aufrichtig talks about using Svelte at the New York Times 17:22 Moritz Stefaner talks about building the German vaccination dashboard using Svelte 19:05 Rich Harris explains that Svelte is as generic and flexible a JS framework as React or Vue 19:43 TypeScript support was one of the most popular requested features in Svelte 20:47 Orta Therox explains why & how TypeScript support was brought into Svelte 22:40 Introducing Svelte Summit and the Svelte community 23:58 Swyx, Antony Jones and Kevin A.K. talk about the origin story behind Svelte Society and its purpose in the Svelte ecosystem 27:46 Rich Harris and Guillermo Rauch (CEO of Vercel & creator of Next.js) talk about Rich Harris joining Vercel and what this means for Svelte 30:26 Rich Harris reflects on the success of Svelte and what the future might look like #svelte #sveltejs #javascript #typescript #react #vue #nextjs #vercel OfferZen is a developer job platform helping devs find jobs they love in positions they deserve. Want to know more about OfferZen? Check out the link below. 👇 https://bit.ly/dev-jobs-sdo Connect with OfferZen: Twitter: https://twitter.com/offerZen/ Instagram: https://www.instagram.com/offerzen/ Facebook: https://www.facebook.com/offerzen/ LinkedIn: https://www.linkedin.com/company/offerzen/
·youtube.com·
Svelte Origins: A JavaScript Documentary
Reimagining front-end web development with htmx and hyperscript
Reimagining front-end web development with htmx and hyperscript
We all know that to create an interactive front end for your website you need JavaScript. Not just vanilla JS, mind: we're in 2022, and to create an acceptable UI you need to be using a framework like React or Vue.js. Right? Wrong. In recent years, a...
·nomadiq.hashnode.dev·
Reimagining front-end web development with htmx and hyperscript
The new wave of React state management
The new wave of React state management
Understand the core problems state management libraries need to solve. And how the proliferation of modern libraries address them in new ways.
·frontendmastery.com·
The new wave of React state management
Can we enterprise CSS grid?
Can we enterprise CSS grid?
Regardless of whether the title of this blog post is grammatically correct or not, this is a question that I’ve had the opportunity to tackle recently.
·chenhuijing.com·
Can we enterprise CSS grid?
Capri
Capri
Build static sites with interactive islands
·capri.build·
Capri
Are you sure that’s a number input?
Are you sure that’s a number input?
We've had inputs with the number type broadly available in browsers for about 8 years now. These inputs show a little rocker and can be used for, you guessed it, numerical input. But not every input that contains numbers should have an input type number. What makes a number input useful? By telling the browser […]
·kilianvalkhof.com·
Are you sure that’s a number input?