Development

Development

697 bookmarks
Custom sorting
Shadow Roots and Inheritance
Shadow Roots and Inheritance
I’m Kitty Giraudel, a non-binary web developer based in Berlin, focused on accessibility and inclusivity.
·kittygiraudel.com·
Shadow Roots and Inheritance
NW.js
NW.js
nwjs
·nwjs.io·
NW.js
Making JavaScript run fast on WebAssembly
Making JavaScript run fast on WebAssembly
JavaScript in the browser runs many times faster than it did two decades ago. And that happened because the browser vendors spent that time working on intensive performance optimizations.
·bytecodealliance.org·
Making JavaScript run fast on WebAssembly
2021 Scroll Survey Report
2021 Scroll Survey Report
Get the 2021 Scroll Survey Report plus words from the Chrome team about how this impacts priorities and plans for Chromium and the web.
·web.dev·
2021 Scroll Survey Report
kbar
kbar
Add a fast, portable, and extensible command+k interface to your site
·kbar.vercel.app·
kbar
The Future of CSS: Cascade Layers (CSS @layer)
The Future of CSS: Cascade Layers (CSS @layer)
When authoring CSS we have to carefully think about source code order, selector specificity, and the use of !important. Let's take a look at how Cascade Layers (CSS @layer) can take away some of the pain regarding this.
·bram.us·
The Future of CSS: Cascade Layers (CSS @layer)
How to use Auto Layout for beginners in Swift - iOS 2021
How to use Auto Layout for beginners in Swift - iOS 2021
💻 Source Code: https://patreon.com/iOSAcademy 🎥 Subscribe for more: https://www.youtube.com/iOSAcademy?sub_confirmation=1 😎 Like my teaching style? Check out some of my most popular courses: https://courses.iosacademy.io iOS Academy offers the #1 course for iOS Development for Beginners. Learn to create iPhone and iPad apps from scratch. Everyone these days has an app idea; learn the important skill of making those apps, make yourself more marketable, change industries to get a different job, and enjoy the ride! Like my teaching style? Learn to build the TikTok iOS App with my recent course! https://ios-academy.teachable.com/p/building-tiktok-for-ios This video is brought to you by Skillshare - an only community of teachers sharing awesome skills. Use the following link to get 2 months of FREE premium: https://www.skillshare.com/r/user/afraz
·youtube.com·
How to use Auto Layout for beginners in Swift - iOS 2021
Porting Your iPad App to Mac with Catalyst
Porting Your iPad App to Mac with Catalyst
A talk on how to use Apple's Catalyst to port your iPad app to the Mac. From iOS Orlando, November 2019 meetup
·youtube.com·
Porting Your iPad App to Mac with Catalyst
Designing Beautiful Shadows in CSS
Designing Beautiful Shadows in CSS
When I look around the web, most of the shadows I see are fuzzy grey boxes. It doesn't have to be this way, though! CSS gives us the tools to create rich, lush, lifelike shadows. In this tutorial, I'll show you how.
·joshwcomeau.com·
Designing Beautiful Shadows in CSS
Grainy Gradients
Grainy Gradients
Browse through Dribbble or Behance, and you’ll find designers using a simple technique to add texture to an image: noise. Adding noise makes otherwise
·css-tricks.com·
Grainy Gradients
Beyond the good ol' LaunchAgents - Introduction
Beyond the good ol' LaunchAgents - Introduction
I was always amazed by @Hexacorn’s Beyond good ol' Run key blog post series, which collects various persistence methods on Windows. It’s an awesome series, which has 133 parts at the time of this writing. I find them pretty cool, and if you are doing either offensive or defensive work on Windows, this is a must read and follow blog. In the past years as my interest in macOS grew, and now that I’m mostly doing only macOS related research and studies I started to came across many - many tricks, which allows someone to do persistence on macOS beyond just the LaunchDaemons or LaunchAgents directories, which is used to store the launchd startup files.
·theevilbit.github.io·
Beyond the good ol' LaunchAgents - Introduction
Swiper - The Most Modern Mobile Touch Slider
Swiper - The Most Modern Mobile Touch Slider
Swiper is the most modern free mobile touch slider with hardware accelerated transitions and amazing native behavior.
·swiperjs.com·
Swiper - The Most Modern Mobile Touch Slider
What's 'roving tabindex'?
What's 'roving tabindex'?
The "roving tabindex" is a technique to improve focus handling for e.g. custom elements
·stefanjudis.com·
What's 'roving tabindex'?
Developer Decisions For Building Flexible Components — Smashing Magazine
Developer Decisions For Building Flexible Components — Smashing Magazine
In this article, we’ll walk through the process of taking a seemingly simple design for a text-and-media component and deciding how best to translate it into code, keeping in mind the needs of both users and content authors.
·smashingmagazine.com·
Developer Decisions For Building Flexible Components — Smashing Magazine
Building a split-button component
Building a split-button component
A foundational overview of how to build an accessible split-button component.
·web.dev·
Building a split-button component
Introduction to ES6 modules
Introduction to ES6 modules
An essential aspect of software engineering is efficiency. Every successful app needs a solid architectural structure that allows it to…
·medium.com·
Introduction to ES6 modules
JavaScript Import Explained
JavaScript Import Explained
Javascript 'import' statement: its purpose and how to use it.
·tutorials.yax.com·
JavaScript Import Explained
GitHub - kaleidawave/prism: (No longer in development / phasing out for new project). Experimental compiler for building isomorphic web applications with web components.
GitHub - kaleidawave/prism: (No longer in development / phasing out for new project). Experimental compiler for building isomorphic web applications with web components.
(No longer in development / phasing out for new project). Experimental compiler for building isomorphic web applications with web components. - GitHub - kaleidawave/prism: (No longer in development...
·github.com·
GitHub - kaleidawave/prism: (No longer in development / phasing out for new project). Experimental compiler for building isomorphic web applications with web components.
Using the platform
Using the platform
Developer and interaction designer.
·elisehe.in·
Using the platform
What’s New With DevTools: Cross-Browser Edition — Smashing Magazine
What’s New With DevTools: Cross-Browser Edition — Smashing Magazine
Learn what’s new with developer tools in Firefox, Edge, Chrome and Safari. Discover new and powerful features that will help you be more comfortable and productive when testing and debugging across browsers.
·smashingmagazine.com·
What’s New With DevTools: Cross-Browser Edition — Smashing Magazine