Web Developmentmost recent
It’s Time to Get Personal
Laura Kalbag discusses the gift of personal data we give to Big Tech when we share information on its platforms, and how reviving ye olde personal website can be one way to stay in control of the content we share and the data we leak. Christmas is a time for giving, but know what you’re giving to whom.
Is it just..
It All Starts with a Humble
Andy Bell rings out a fresh call in support of the timeless concept of progressive enhancement. What does it mean to build a modern JavaScript-focussed web experience that still works well if part of the stack isn’t supported or fails? Andy shows us how that might be done.
Those that know me well know that I make..
Iconography of Security
Molly Wilson and Eileen Wagner battle the age old Christmas issues of right and wrong, good and evil, and how the messages we send through iconography design can impact the decisions users make around important issues of security. Are you icons wise men, or are they actually King Herod?
Congratul..
Motion Paths – Past, Present and Future
Cassie Evans has a great intro to motion paths. That is, being able to animate an element along a path. Not just up/down/left/right, but whatever curvy/wiggly/weird path you want.
It's an interesting subject because there are so many different technologies helping to do it over time. SMIL, JavaScript-powered animation libraries, native JavaScrip..
Case Study: lynnandtonic.com 2019 refresh
Lynn Fisher walks us step-by-step through the redesign process of her latest outstanding personal website. In this design, increasing the width of the browser window will cause the illustrations on the page crack to open and reveal more within them:
This case study reminded me that Lynn also has an archive of every case study and project that she’s made over the years and that it's most ce..
Techniques for Rendering Text with WebGL
As is the rule in WebGL, anything that seems like it should be simple is actually quite complicated. Drawing lines, debugging shaders, text rendering… they are all damn hard to do well in WebGL.
CSS Architecture for Modern JavaScript Applications
There is a lot to like from Mike Riethmuller here:
Beautiful Scrolling Experiences – Without Libraries
Michelle Barker appears as one of a heavenly host, coming forth with scroll in hand to pronounce an end to janky scrolljacking! Unto us a new specification is born, in the city of TimBL, and its name shall be called Scroll Snap.
Weekly Platform News: Upgrading Navigations to HTTPS, Sale of .org Domains, New Browser Engine
In this week's roundup: DuckDuckGo gets smarter encryption, a fight over the sale of dot org domains, and a new browser engine is in the works.
Let's get into the news!
DuckDuckGo upgrades and open-sources its encryption
DuckDuckGo has open-sourced its “Smarter Encryption” technology that enables upgrading from HTTP to HTTPS, and Pinterest (a popular social network) is already using it for ou..
Auto Layout lands in Figma
Here’s a fresh update to my favorite design tool that is thoroughly exciting: Auto layout! That means we can make frames that resize based on the size of the content within it. That's particularly useful for buttons in a design system where you want to drop a button on the page and then keep its left and right padding equal.
However! The other exciting part of this update is that..
The Real Future of Remote Work is Asynchronous
I’ve been working remotely for over a decade – well before the days of tools like Slack or Zoom. In some ways, it was easier back then: you worked from wherever you were and had the space to manage your workload however you wanted. If you desired to go hardcore creative mode at night, sle..
The Rising Complexity of JAMstack Sites and How to Manage Them
When you add anything with user-generated content or dynamic data to a static site, the complexity of the build process can become comparable to launching a monolithic CMS. How can we add rich content to static sites without stitching together multiple third-party services?
For people in the development community static site generators are a popular choice over traditional content management systems (CMS) like WordPress. By compari..
Firefox 71: First Out of the Gate With Subgrid
A great release from Firefox this week! See the whole roundup post from Chris Mills. I'm personally stoked to see clip-path: path(); go live, which we've been tracking as it's so clearly useful. We also get column-span: all; which is nice in case you're one of the few taking advantages..
Interactivity and Animation with Variable Fonts
Mandy Michael turns the corner on our variable font adventure and stumbles into a grotto of wonder and amazement. Not forgetting the need for a proper performance budget, Mandy shows how variable fonts can free your creativity from bygone technical constraints.
If you read
DeepSpeech 0.6: Mozilla’s Speech-to-Text Engine Gets Fast, Lean, and Ubiquitous
The Machine Learning team at Mozilla continues work on DeepSpeech, an automatic speech recognition (ASR) engine which aims to make speech recognition technology and trained models openly available to developers. In this overview of recent improvements, we'll show how DeepSpeech can transform your applications by enabling client-side, low-latency, and privacy-preserving speech recognition capabilities. Find out how you can participate.
T..
Web DevelopmentNews
Mozilla Hacks - the Web developer blog:
DeepSpeech 0.6: Mozilla’s Speech-to-TextDeepSpeech 0.6: Mozilla’s Speech-to-Text Engine Gets Fast, Lean, and Ubiquitous
Using WebAssembly from .NET withUsing WebAssembly from .NET with Wasmtime
Firefox 71: A year-end arrivalFirefox 71: A year-end arrival
Multi-Value All The Wasm!Multi-Value All The Wasm!
Multiple-column Layout and column-spanMultiple-column Layout and column-span in Firefox 71
Creating UI Extensions for WebThingsCreating UI Extensions for WebThings Gateway
Thermostats, Locks and ExtensionThermostats, Locks and Extension Add-ons – WebThings Gateway 0.10
Upcoming notification permissionUpcoming notification permission changes in Firefox 72
Announcing the Bytecode Alliance:Announcing the Bytecode Alliance: Building a secure by default, composable future for WebAssembly
Auditing For Accessibility ProblemsAuditing For Accessibility Problems With Firefox Developer Tools
CSS-Tricks:
Motion Paths – Past, Present andMotion Paths – Past, Present and Future
Case Study: lynnandtonic.com 2019Case Study: lynnandtonic.com 2019 refresh
Techniques for Rendering Text with WebGLTechniques for Rendering Text with WebGL
CSS Architecture for Modern JavaScriptCSS Architecture for Modern JavaScript Applications
Weekly Platform News: Upgrading NavigationsWeekly Platform News: Upgrading Navigations to HTTPS, Sale of .org Domains, New Browser Engine
Auto Layout lands in FigmaAuto Layout lands in Figma
The Rising Complexity of JAMstackThe Rising Complexity of JAMstack Sites and How to Manage Them
Firefox 71: First Out of the GateFirefox 71: First Out of the Gate With Subgrid
Filtering Lists Dynamically WithFiltering Lists Dynamically With Vue on the Server Side is Easier Than You’d Think
WhoCanUseWhoCanUse
Smashing Magazine:
How To Design Profitable Sales FunnelsHow To Design Profitable Sales Funnels On Mobile
How To Build A Real-Time MultiplayerHow To Build A Real-Time Multiplayer Virtual Reality Game (Part 2)
Get Started With UI Design With TheseGet Started With UI Design With These Tips To Speed Up Your Workflow
Meet “Inclusive Components”:Meet “Inclusive Components”: Accessible, Bulletproof Front-End Patterns
Smashing TV Live: Privacy UX, A SessionSmashing TV Live: Privacy UX, A Session With Vitaly Friedman
Smashing Podcast Episode 4 With HeydonSmashing Podcast Episode 4 With Heydon Pickering: What Are Inclusive Components?
How To Ease Your Team’s DevelopmentHow To Ease Your Team’s Development Workflow With Git Hooks
Beating The End Of The Year RushBeating The End Of The Year Rush (December 2019 Wallpapers Edition)
Black Friday 2019: Support Indie MakersBlack Friday 2019: Support Indie Makers
Abstracting WordPress Code To ReuseAbstracting WordPress Code To Reuse With Other CMSs: Implementation (Part 2)
A List Apart:
Request with Intent: Caching StrategiesRequest with Intent: Caching Strategies in the Age of PWAs
Responsible JavaScript: Part IIIResponsible JavaScript: Part III
The Untapped Power of VulnerabilityThe Untapped Power of Vulnerability & Transparency in Content Strategy
An Essential Tool for Capturing YourAn Essential Tool for Capturing Your Career Accomplishments
Getting to the Heart of Digital AccessibilityGetting to the Heart of Digital Accessibility
Responsible JavaScript: Part IIResponsible JavaScript: Part II
Resilient Management, An ExcerptResilient Management, An Excerpt
Daily Ethical DesignDaily Ethical Design
Trans-inclusive DesignTrans-inclusive Design
Everyday Information Architecture:Everyday Information Architecture: Auditing for Structure
zeldman.com:
A panel on accessibility, designA panel on accessibility, design inclusion and ethics, hiring and retaining diverse talent, and landing a job in UX.
Another Blue Beanie DayAnother Blue Beanie Day
Let’s hang (Spotify)Let’s hang (Spotify)
Expressive Design SystemsExpressive Design Systems
Design Kickoff MeetingsDesign Kickoff Meetings
My Brunch with JenMy Brunch with Jen
RamsRams
The Beauty Trap in Design [Automattic.Design]The Beauty Trap in Design [Automattic.Design]
Crash Course in JudaismCrash Course in Judaism
Design is a (hard) job.Design is a (hard) job.
Stuff & Nonsense:
★Introducing Inspired Guides★Introducing Inspired Guides
★Using entities as separators in★Using entities as separators in breadcrumb navigation
★Designing inspired style guides★Designing inspired style guides presentation slides and transcript
★“Designing Imaginative Style★“Designing Imaginative Style Guides‘ for this year‘s 24 ways
★Kicking of Geek Mental Help Week 2016★Kicking of Geek Mental Help Week 2016
★How can you contribute to Geek★How can you contribute to Geek Mental Help Week?
★Next week is Geek Mental Help★Next week is Geek Mental Help Week 2016
★Speaking and workshopping at Directions★Speaking and workshopping at Directions 2016 in Sydney this November
★Designing And Developing Imaginative★Designing And Developing Imaginative Layouts workshop at Mixin in Perth
★Art Directing the Web★Art Directing the Web
SitePoint:
The Real Future of Remote Work isThe Real Future of Remote Work is Asynchronous
7 Ways Developers Can Contribute7 Ways Developers Can Contribute to Climate Action
How to Divert Traffic Using IP2LocationHow to Divert Traffic Using IP2Location in a Next.js Website
10 Zsh Tips & Tricks: Configuration,10 Zsh Tips & Tricks: Configuration, Customization & Usage
Building a Habit Tracker with PrismaBuilding a Habit Tracker with Prisma 2, Chakra UI, and React
Black Friday 2019 for Designers andBlack Friday 2019 for Designers and Developers
Delay, Sleep, Pause, & Wait in JavaScriptDelay, Sleep, Pause, & Wait in JavaScript
Understanding module.exports andUnderstanding module.exports and exports in Node.js
Quick Tip: How to Sort an Array ofQuick Tip: How to Sort an Array of Objects in JavaScript
Remote Work: Tips, Tricks and BestRemote Work: Tips, Tricks and Best Practices for Success
24 ways:
It’s Time to Get Personal24hIt’s Time to Get Personal
It All Starts with a Humble 24hIt All Starts with a Humble
Iconography of SecurityIconography of Security
Beautiful Scrolling Experiences –Beautiful Scrolling Experiences – Without Libraries
Interactivity and Animation withInteractivity and Animation with Variable Fonts
An Introduction to Variable FontsAn Introduction to Variable Fonts
Future Accessibility Guidelines—forFuture Accessibility Guidelines—for People Who Can’t Wait to Read Them
Twelve Days of Front End TestingTwelve Days of Front End Testing
Making a Better Custom Select ElementMaking a Better Custom Select Element
Dynamic Social Sharing ImagesDynamic Social Sharing Images
Planet PHP:
PHP Internals News: Episode 27: ArgumentPHP Internals News: Episode 27: Argument Information - Derick Rethans
Slim4-empty: minimal Slim 4 startingSlim4-empty: minimal Slim 4 starting point - Rob Allen
Interview with Katie McLaughlin -Interview with Katie McLaughlin - Voices of the ElePHPant
511 Network Authentication Required511 Network Authentication Required - Evert Pot
Interview with David Bisset - VoicesInterview with David Bisset - Voices of the ElePHPant
Xdebug Update: August 2019 - DerickXdebug Update: August 2019 - Derick Rethans
Leaders Wanted - Chris ShiflettLeaders Wanted - Chris Shiflett
PHP on the road to the 7.4.0 releasePHP on the road to the 7.4.0 release - Remi Collet
Interview with Junade Ali - VoicesInterview with Junade Ali - Voices of the ElePHPant
Interview with Junade Ali - VoicesInterview with Junade Ali - Voices of the ElePHPant