Development

Development

530 bookmarks
Custom sorting
History of AMP and Why Everybody is Against it
History of AMP and Why Everybody is Against it
Here at SerpApi, we scrape Google, various other search engines and other big sites to provide data to webmasters who go out and create amazing tools. Our user base range from SEO tool makers to fintechs to AI and marketing companies who use SerpApi for their unique use cases. Recently,
·serpapi.com·
History of AMP and Why Everybody is Against it
AutoAnimate - Add motion to your apps with a single line of code
AutoAnimate - Add motion to your apps with a single line of code
A zero-config, drop-in animation utility that automatically adds smooth transitions to your web app. Use it with React, Vue, or any other JavaScript application.
·auto-animate.formkit.com·
AutoAnimate - Add motion to your apps with a single line of code
Julia in 100 Seconds
Julia in 100 Seconds
Julia is a dynamic general purpose programming language popular for scientific computing and big data analytics. It is extremely fast thanks to its use of a ...
·youtube.com·
Julia in 100 Seconds
Bringing page transitions to the web
Bringing page transitions to the web
Native apps often feature transitions between states that both look great and help communicate the type of navigation to the user. The bad news: creating tra...
·youtube.com·
Bringing page transitions to the web
Having an open dialog | scottohara.me
Having an open dialog | scottohara.me
This post, originally written in March of 2019, advocated against using the native dialog element. At that time, the element was only supported in Ch...
·scottohara.me·
Having an open dialog | scottohara.me
A look at the dialog element's super powers
A look at the dialog element's super powers
The new `dialog` element is more than a display toggle because it provides better focus handling, `inert` functionality and closes on keypress.
·stefanjudis.com·
A look at the dialog element's super powers
Accessible Description Exposure
Accessible Description Exposure
If you have little experience with ARIA, screen readers, or testing in general, understanding accessible descriptions can be trickier than understanding accessible names (already confusing for many). I have written explanations so many times for clients and in fora that I opted to put this together so I maybe never…
·adrianroselli.com·
Accessible Description Exposure
JavaScript Tutorial
JavaScript Tutorial
JavaScript Tutorial provides you with many practical tutorials that help you learn JavaScript from scratch quickly and effectively.
·javascripttutorial.net·
JavaScript Tutorial
visualising data structures and algorithms through animation - VisuAlgo
visualising data structures and algorithms through animation - VisuAlgo
VisuAlgo was conceptualised in 2011 by Dr Steven Halim as a tool to help his students better understand data structures and algorithms, by allowing them to learn the basics on their own and at their own pace. Together with his students from the National University of Singapore, a series of visualizations were developed and consolidated, from simple sorting algorithms to complex graph data structures. Though specifically designed for the use of NUS students taking various data structure and algorithm classes (CS1010/equivalent, CS2040/equivalent, CS3230, CS3233, and CS4234), as advocators of online learning, we hope that curious minds around the world will find these visualizations useful as well.
·visualgo.net·
visualising data structures and algorithms through animation - VisuAlgo
Creating Native Web Components
Creating Native Web Components
Learn how to create native web components with the Minze JavaScript framework.
·tympanus.net·
Creating Native Web Components
Brief Note on Buttons, Enter, and Space
Brief Note on Buttons, Enter, and Space
Keyboard interaction note for just one control from the entire panoply of HTML controls: A native fires on key down when that key is Enter. If you hold down the Enter key, it continues to fire for as long you hold Enter (or something crashes). A native fires…
·adrianroselli.com·
Brief Note on Buttons, Enter, and Space
Under-Engineered Multi-Selects
Under-Engineered Multi-Selects
Others in this sorta-series: Under-Engineered Custom Radio Buttons and Checkboxen Under-Engineered Toggles Under-Engineered Toggles Too Under-Engineered Text Boxen Under-Engineered Responsive Tables Under-Engineered Select Menus Under-Engineered Dependency Questions This post is not about nor a bunch of s roled-up into a listbox with aria-multiselectable. Both the APG examples and…
·adrianroselli.com·
Under-Engineered Multi-Selects
The Swyx.io 2022 Rewrite
The Swyx.io 2022 Rewrite
Discussing the 2022 migration of swyx.io to SvelteKit and GitHub Issues
·swyx.io·
The Swyx.io 2022 Rewrite
How-to: Accessible heading structure - The A11Y Project
How-to: Accessible heading structure - The A11Y Project
Headings are the backbone of the content of a page. A visitor should be able to scan or navigate a webpage using headings to get a good impression of its content.
·a11yproject.com·
How-to: Accessible heading structure - The A11Y Project
What Is Reactivity?
What Is Reactivity?
Ember Octane has landed along with a large number of new features, but none of these features is more exciting to me personally than autotracking. Autotracking is Ember's new reactivity system, which is what allows Ember to know when stateful values (such as @tracked properties) have changed. This was a
·pzuraq.com·
What Is Reactivity?
Tao of Node - Design, Architecture & Best Practices
Tao of Node - Design, Architecture & Best Practices
One of the main benefits of JavaScript is that it runs both in the browser and the server. As an engineer you need to master a single language and your skills…
·alexkondov.com·
Tao of Node - Design, Architecture & Best Practices
The Return of Server Side Routing
The Return of Server Side Routing
Return? It never went away. Or at least that is what some smug "told you so" is going to say. But for...
·dev.to·
The Return of Server Side Routing
SPAs were a mistake
SPAs were a mistake
For years, a trend in our industry has been to build single-page apps, or SPAs. With an SPA, the entire site or app lives in a single HTML file. After the initial load, everything about the app is handled with JavaScript. This is, in theory, supposed to result in web apps that feel as fast and snappy as native apps. Today, I want to explore why that’s nonsense. Let’s dig in!
·gomakethings.com·
SPAs were a mistake
An Introduction To CSS Cascade Layers
An Introduction To CSS Cascade Layers
Cascade layers introduce the new at-rule of @layer. The intent is to help CSS authors be more intentional about ordering the “layers” of CSS rules as a new method of cascade management.
·smashingmagazine.com·
An Introduction To CSS Cascade Layers
What Is Reactivity?
What Is Reactivity?
Reactivity, or “reactive programming”, is one of those buzz words that has been thrown around a lot in the past decade or so. It has been applied to many different contexts, and is a very broad concept, so it can be hard to try to distill down exactly what it means. But, I’m going to try 😄
·pzuraq.com·
What Is Reactivity?
Introducing Svelte, and Comparing Svelte with React and Vue
Introducing Svelte, and Comparing Svelte with React and Vue
Svelte is a new style of framework for building sites and apps. Let's dive into what makes it different, why it's so enjoyable, and how it's able to ship such tiny, fast apps.
·joshcollinsworth.com·
Introducing Svelte, and Comparing Svelte with React and Vue