Development

Development

626 bookmarks
Custom sorting
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鈥檚 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鈥檝e 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鈥檚 a number input?
Are you sure that鈥檚 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鈥檚 a number input?
10 Years of Meteor
10 Years of Meteor
A look back at a JavaScript framework pioneer
meteor10.sachagreif.com
10 Years of Meteor
Scroll Btween
Scroll Btween
Tween any CSS values on any DOM element in relation with its position into the viewport.
olivier3lanc.github.io
Scroll Btween
Airbnb鈥檚 Trip to Linaria
Airbnb鈥檚 Trip to Linaria
Learn how Linaria, Airbnb鈥檚 newest choice for web styling, improved both developer experience and web performance
medium.com
Airbnb鈥檚 Trip to Linaria
Notes on maintaining an internal React component library
Notes on maintaining an internal React component library
A collection of my thoughts on maintaining a component library as part of an existing design system used by a large number of frontend applications.
gabe.pizza
Notes on maintaining an internal React component library
SPAs: theory versus practice
SPAs: theory versus practice
I鈥檝e been thinking a lot recently about Single-Page Apps (SPAs) and Multi-Page Apps (MPAs). I鈥檝e been thinking about how MPAs have improved over the years, and where SPAs still have an 鈥
nolanlawson.com
SPAs: theory versus practice
Templates - Tailwind UI
Templates - Tailwind UI
Beautiful UI components and templates by the creators of Tailwind CSS.
tailwindui.com
Templates - Tailwind UI
Stack Overflow Developer Survey 2022
Stack Overflow Developer Survey 2022
In May 2022 over 70,000 developers told us how they learn and level up, which tools they鈥檙e using, and what they want.
survey.stackoverflow.co
Stack Overflow Developer Survey 2022
Gimli
Gimli
A Visual Studio Code extension for front-end developers.
gimli.app
Gimli
How We Built Hydrogen: A React Framework for Building Custom Storefronts
How We Built Hydrogen: A React Framework for Building Custom Storefronts
We鈥檝e been building Hydrogen for more than a year. Here鈥檚 a look behind the scenes at how we did it, what we learned from making big bets, and what it was like building a new framework from the ground up on experimental technology.
shopify.engineering
How We Built Hydrogen: A React Framework for Building Custom Storefronts
How I replicated an $86 million project in 57 lines of code
How I replicated an $86 million project in 57 lines of code
by Tait Brown How I replicated an $86 million project in 57 lines of code When an experiment with existing open source technology does a 鈥済ood enough鈥 job The Victoria Police are the primary law enforcement agency of Victoria, Australia. With over 16,000 vehicles stolen in Victoria this past year
freecodecamp.org
How I replicated an $86 million project in 57 lines of code
What Makes a Great Developer Experience?
What Makes a Great Developer Experience?
Tools that keep developers in the flow state have a magnetic force. An often unexplainable, invisible pull that attracts and retains them to certain products. This pull is Developer Experience (DX).
leerob.io
What Makes a Great Developer Experience?
Old CSS, new CSS
Old CSS, new CSS
I first got into web design/development in the late 90s, and only as I type this sentence do I realize how long ago that was. And boy, it was horrendous. I mean, being able to make stuff an
eev.ee
Old CSS, new CSS
How One Guy Ruined #Hacktoberfest2020 #Drama
How One Guy Ruined #Hacktoberfest2020 #Drama
Hacktoberfest If you aren't familar, Hacktoberfest is an annual event that occurs every October. It is held by Digital Ocean and encourages developers to submit Pull Requests to Open Source repositories and as a reward you get a T-Shirt. There's almo...
joel.net
How One Guy Ruined #Hacktoberfest2020 #Drama
Folk (Browser) Interfaces
Folk (Browser) Interfaces
I think of these as folk interfaces, akin to the jigs one makes in wood-working. Divorced from grandiose ambitions of building comprehensive systems, it leads the programmer to directly engage with data.
cristobal.space
Folk (Browser) Interfaces
Command Line Interface Guidelines
Command Line Interface Guidelines
An open-source guide to help you write better command-line programs, taking traditional UNIX principles and updating them for the modern day.
clig.dev
Command Line Interface Guidelines
Details-as-a-menu
Details-as-a-menu
A few months back, I had to work on a situation where the details element was being used as a dropdown menu for a site navigation. In this post, I鈥檓 going to explain why I think you should not use a details element as a dropdown menu. TL;DR? Don鈥檛 use the details element for a dropdown menu, use a button element that toggles open a list of links instead.
melsumner.github.io
Details-as-a-menu
Zed
Zed
Code collaboratively with your team in real time with lightning fast performance in our new editor built from the ground up in Rust. Coming soon.
zed.dev
Zed