Springer Nature frontend playbook: house style guide

I like it when organisations share their in-house coding styles. This one from Springer Nature not only has guides for HTML, CSS, and JavaScript, but it also has a good primer on progressive enhancement.

Springer Nature frontend playbook: house style guide

Tagged with

Responses

Charlie Owen

I don’t like retweeting praise for myself (that’s a major Wanker indicator) but I really like this photo. ❤️

# Posted by Charlie Owen on Wednesday, November 7th, 2018 at 10:37am

4 Shares

# Shared by Damien Senger • hiwelo. on Monday, November 5th, 2018 at 1:25pm

# Shared by Joschi Kuphal 吉 on Monday, November 5th, 2018 at 1:45pm

# Shared by Accessibility Club on Monday, November 5th, 2018 at 2:10pm

# Shared by Moiety on Wednesday, November 7th, 2018 at 3:13pm

23 Likes

# Liked by Joschi Kuphal 吉 on Monday, November 5th, 2018 at 1:45pm

# Liked by Amber Wilson on Monday, November 5th, 2018 at 1:45pm

# Liked by /ola npm i witch on Monday, November 5th, 2018 at 1:45pm

# Liked by @thisisjofrank@mastodon.technology on Monday, November 5th, 2018 at 1:46pm

# Liked by Katie Sylor-Miller on Monday, November 5th, 2018 at 1:46pm

# Liked by Accessibility Club on Monday, November 5th, 2018 at 2:19pm

# Liked by Kristin on Monday, November 5th, 2018 at 2:19pm

# Liked by Carolyn Stransky on Monday, November 5th, 2018 at 2:19pm

# Liked by Christian Kaindl on Monday, November 5th, 2018 at 2:19pm

# Liked by Eric Zieger on Monday, November 5th, 2018 at 2:50pm

# Liked by Philip Saa on Monday, November 5th, 2018 at 3:47pm

# Liked by negi4a on Monday, November 5th, 2018 at 4:22pm

# Liked by Charlie Owen on Monday, November 5th, 2018 at 5:29pm

# Liked by @andi194@andi1984.social on Monday, November 5th, 2018 at 5:29pm

# Liked by Danyal Aytekin on Monday, November 5th, 2018 at 8:56pm

# Liked by Marco Verch on Monday, November 5th, 2018 at 9:11pm

# Liked by gorsefan on Tuesday, November 6th, 2018 at 2:14am

# Liked by Silke Spohn on Tuesday, November 6th, 2018 at 11:05am

# Liked by colin.json on Wednesday, November 7th, 2018 at 11:36am

# Liked by Marius Gedminas on Wednesday, November 7th, 2018 at 11:36am

# Liked by Halle Winkler on Wednesday, November 7th, 2018 at 11:37am

# Liked by Amanda J. Rush on Wednesday, November 7th, 2018 at 4:58pm

# Liked by Nikrooz 👨🏻‍💻 on Thursday, November 8th, 2018 at 10:38am

Related links

AI is Stifling Tech Adoption | Vale.Rocks

Want to use all those great features that have been in landing in browsers over the past year or two? View transitions! Scroll-driven animations! So much more!

Well, your coding co-pilot is not going to going to be of any help.

Large language models, especially those on the scale of many of the most accessible, popular hosted options, take humongous datasets and long periods to train. By the time everything has been scraped and a dataset has been built, the set is on some level already obsolete. Then, before a model can reach the hands of consumers, time must be taken to train and evaluate it, and then even more to finally deploy it.

Once it has finally released, it usually remains stagnant in terms of having its knowledge updated. This creates an AI knowledge gap. A period between the present and AI’s training cutoff. This gap creates a time between when a new technology emerges and when AI systems can effectively support user needs regarding its adoption, meaning that models will not be able to service users requesting assistance with new technologies, thus disincentivising their use.

So we get this instead:

I’ve anecdotally noticed that many AI tools have a ‘preference’ for React and Tailwind when asked to tackle a web-based task, or even to create any app involving an interface at all.

Tagged with

HTML Is Actually a Programming Language. Fight Me | WIRED

When haters deny HTML’s status as a programming language, they’re showing they don’t understand what a language really is. Language is not instructing an interlocutor what to do in a way that leaves no room for other interpretations; it is better and richer than that. Like human language, HTML is conversational. It is remarkably adept at adapting to context. It can take a different shape on any machine, from a desktop browser or an e-reader screen to a mobile app or a screen reader for the blind (so long as that device is built to present hypertext).

Hell, yeah!

Ultimately, even as HTML has become the province of professionals, it cannot be gatekept. This is what makes so many programmers so anxious about the web, and sometimes pathetically desperate to maintain the all-too-real walls they’ve erected between software engineers and web developers.

Hell, yeeeeaaaaahhh!!!

What other programmers might say dismissively is something HTML lovers embrace: Anyone can do it. Whether we’re using complex frameworks or very simple tools, HTML’s promise is that we can build, make, code, and do anything we want.

Tagged with

I don’t have time to learn React - Keith Cirkel

React is a non-transferable skill.

React proponents might claim that React will teach you modern UI, but from what I’ve seen it barely copes with modern UI. autofocus is broken, custom elements don’t work in all but the experimental version, using any “modern” features like dialog or popovers requires useEffect, and the synthetic event system teaches you so little about how DOM actually works. This isn’t modern UI, it’s UI from 2013 at its inception. I don’t have the time left in my career to pick up UI paradigms that haven’t evolved much beyond from when Barack Obama was in office.

When I mentor early career developers and they ask me what they should learn, I can’t say React, they don’t have time. I mean sure, pick up enough React to land you the inevitable job doing it, but it’s not going to level up your career.

Tagged with

New Web Development. Or, why Copilots and chatbots are particularly bad for modern web dev – Baldur Bjarnason

The paradigm shift that web development is entering hinges on the fact that while React was a key enabler of the Single-Page-App and Component era of the web, in practice it normally tends to result in extremely poor products. Built-in browser APIs are now much more capable than they were when React was first invented.

Tagged with

SCALABLE: Save form data to localStorage and auto-complete on refresh

When I was in Amsterdam I was really impressed with the code that Rose was writing and I encouraged her to share it. Here it is: drop this script into a web page with a form to have its values automatically saved into local storage (and automatically loaded into the form if something goes wrong before the form is submitted).

Tagged with

Related posts

Train coding

Generating a static copy of The Session from the comfort of European trains.

event.target.closest

DOM scripting and event handling.

Web Audio API update on iOS

The behaviour is more consistent now.

JavaScript

Inside me there are two wolves. They’re both JavaScript.

Inertia

Two JavaScript frameworks—Svelte and Astro—share a philosophy, but take subtly different approaches.