Advertisement · 728 × 90

Posts by James

I bought this course back last year. Will this allow me to access the new material this time around? Looking forward to seeing the changes!

2 weeks ago 0 0 1 0
Video

We're still waiting for Cam to deliver our "high crust" pizza by horse 🐴

4 months ago 8 1 0 0

I’ve just walked the entire length of the Elizabeth Line train whilst it was in motion from the front to the back. #LifetimeFirsts

4 months ago 6 0 0 0

I will do! Looking forward to consuming both courses!

4 months ago 4 0 0 0

I’m unsure if it has captions for the videos? Hugely interested in buying both courses however I need captions to be able to follow along.

4 months ago 2 0 1 0
Post image

a new #CSS <color-input> enters the ring

try it
codepen.io/argyleink/pe...

source
github.com/argyleink/cs...

5 months ago 169 22 9 3

Have a look at Aura or Orion. Might get the same look and feel!

6 months ago 2 0 0 0
Advertisement

@miocene.io I just watched your CSS battle with @kevinpowell.co and was like wow! Then watched one of your videos - the dog one which was incredible. I'm just wondering what browser you were using in the video. Looks like Chrome but not quite Chrome?

6 months ago 1 0 1 0

Hey Jeremy. It's a shame that the Design System isn't public as we are looking into getting a CMS that will enable Designers to be able to contribute to documentation and so on. Our current iteration of that is very dependent on Engineers to do it which eats away at our time for creating components.

6 months ago 0 0 0 0
A screenshot of the Design System for Storyblok - https://blok.ink that is displaying a 404: NOT_FOUND page. It includes the Code: 'DEPLOYMENT_NOT_FOUND' error alongside with a ID. A message also saying 'This deployment cannot be found. For more information and troubleshooting, see our documentation.'

A screenshot of the Design System for Storyblok - https://blok.ink that is displaying a 404: NOT_FOUND page. It includes the Code: 'DEPLOYMENT_NOT_FOUND' error alongside with a ID. A message also saying 'This deployment cannot be found. For more information and troubleshooting, see our documentation.'

@storyblok.com you might want to investigate blok.ink. We were looking at it to see what it does for a Design System and it's giving me a 404 error. See attached screenshot.

6 months ago 0 0 1 0
Video

At some point, @vscode.dev made Image Preview the default editor for SVGs. Here's how to change it back to text. 😅

7 months ago 35 8 6 1

@bell.bz I’m wondering if there are any plans to release that t-shirt of yours that you proudly showed off at #FrontEndNorth as I saw a comment that said August! 👀🙏🏻

7 months ago 2 0 1 0
A valid HTML zip bomb - ache <h1 id="a-valid-html-zip-bomb"><a tabindex="0" class="anchor" href="/notes/html_zip_bomb">A valid HTML zip bomb</a></h1><p><img src="/notes/res/zip_bomb_file.svg" alt="Illustration d&#x27;une bombe zi...

Nabbed from the link, enjoy.
ache.one/notes/html_z...

8 months ago 130 26 3 1
A Chrome browser error page displays the familiar “Aw, Snap!” message, indicating that something went wrong while loading a webpage. A pixelated frowning file icon with Xs for eyes appears at the top left. Below, the error code reads “Out of Memory,” suggesting the browser ran out of system resources. The page includes a “Reload” button in blue on the bottom right

A Chrome browser error page displays the familiar “Aw, Snap!” message, indicating that something went wrong while loading a webpage. A pixelated frowning file icon with Xs for eyes appears at the top left. Below, the error code reads “Out of Memory,” suggesting the browser ran out of system resources. The page includes a “Reload” button in blue on the bottom right

behold the "HTML bomb"

It's a counterattack for AI companies that persistently scrape and rescrape your web site, even when you tell them not to

when a scraper grabs it, it becomes a 10-gig HTML page and 💣 goes the scraper

Item #6 in my latest "Linkfest" newsletter: buttondown.com/clivethompso...

8 months ago 5284 2312 71 112
Advertisement

📝 New CSS Article!

Do you want to have an overview of what modern CSS can do? Check my latest article @frontendmasters.com

frontendmasters.com/blog/infinit...

Learn how I made that infinite marquee animation with less than 10 lines of CSS using shape(), sibling-index(), and more!

8 months ago 56 8 1 1
Post image

"AI won’t replace devs this year. Or next."

Super actionable memo by Birgitta Böckeler @thoughtworks 👇 No hype, just real-world lessons from the field.

The Role of Developer in AI-Assisted Coding
martinfowler.com/articles/exp...

1 year ago 13 7 0 0

That was given to me by @itsmero.bsky.social! I think they got it from somewhere 😅

Fun fact: it’s all stuck on a sheet of paper so I can always take it out and put it in a new laptop with a transparent case cover so that it’ll last longer.

I also personally believe 13” laptops are the perfect size

9 months ago 1 0 0 0
A laptop lid with multiple stickers that range from Star Wars, to conferences like JSconf, CSSconf, a Google Chrome pixel dinosaur T-Rex, some WoW references… if you know. You know!

A laptop lid with multiple stickers that range from Star Wars, to conferences like JSconf, CSSconf, a Google Chrome pixel dinosaur T-Rex, some WoW references… if you know. You know!

I have all the colour variations of the FEN stickers! Just need to decide where to put on this lid…

9 months ago 1 0 1 0
At Gidea Park, London. The train station on Platform 4. There is a train that is about to leave for Shenfield.

At Gidea Park, London. The train station on Platform 4. There is a train that is about to leave for Shenfield.

Now at Gidea Park, London. Thank you @frontendnorth.bsky.social for a very excellent day. I’ve learnt loads and am very inspired to work on the Web! It’s over and out for me tonight! #FrontEndNorth

9 months ago 2 0 0 0

Had a wonderful day at @frontendnorth.bsky.social. Thanks a lot for having me.

If you're interested in the slides to my talk, you can find them here:
ichimnetz.com/slides/unwra...

#FrontEndNorth

9 months ago 27 10 3 0
An Introduction to the World Wide Web for very senior programmers, presented by Salma Alam-Naylor As we witness the much-anticipated release of HTML 2, there is no better time to surf the World Wide Web. But how did we get here? And what may the future hold? Learn all about the latest advancements...

Had a brilliant day at @frontendnorth.bsky.social!

All the talks were excellent + the atmosphere was lovely.

If you want to see my slides and relive the nonsense, they’re at html2.toddle.site

And of course, they were built with “fictional” GUI of the future: @nordcraft.com 🤓

#FrontEndNorth

9 months ago 38 3 2 0
Advertisement

LEE! 👀

9 months ago 1 0 0 0
A row of multiple TVs connected to consoles for the Nintendo System. Playing games such as Space Invaders, Super Mario and so on!

A row of multiple TVs connected to consoles for the Nintendo System. Playing games such as Space Invaders, Super Mario and so on!

Now at the #NationalVideoGameMuseum nearby with a cheeky can of beer to enjoy from #FrontEndNorth. Time to explore to see what video games I remember from my childhood!

9 months ago 4 1 1 0
Katie Fenn leading the thanks for everyone involved in the event. The projector screen is showing a slide of all of the people involved in the event organising and running it. 👏

Katie Fenn leading the thanks for everyone involved in the event. The projector screen is showing a slide of all of the people involved in the event organising and running it. 👏

Now as all of the talks have been completed at #FrontEndNorth, it’s time for @katiefenn.bsky.social to lead the applause for all of the volunteers, the speakers and the sponsors to make this event possible. I for one truly have enjoyed this day! 👏

9 months ago 3 1 1 0
A projector showing a slide of the FFIX components that would allow an user to select an action that would work like in the game. HTML code can be seen on the right hand side which allows the user to tab through if on a keyboard before pressing space to select it.

A projector showing a slide of the FFIX components that would allow an user to select an action that would work like in the game. HTML code can be seen on the right hand side which allows the user to tab through if on a keyboard before pressing space to select it.

Now for a fun exploratory process ny @joehart.bsky.social of making a FFIX game using HTML, CSS and JavaScript using the assets from a PSX game. The trials and tribulations to make something that can be shown in a browser using almost identical functionality as the game! #FrontEndNorth

9 months ago 1 0 1 0
A projector showing a slide that reads out as “We need to do User Centred Accessibility. Not ‘User Centred Design’ with a WCAG audit slapped on at the end.”

A projector showing a slide that reads out as “We need to do User Centred Accessibility. Not ‘User Centred Design’ with a WCAG audit slapped on at the end.”

Accessibility should be user centred not just compliance with WCAG audits as @craigabbott.co.uk shows us several examples of where passing WCAG rules doesn’t necessarily make a product accessible! Very enlightening! #FrontEndNorth

9 months ago 2 0 2 0
A projector screen showing a slide about how a system of harm is created. A table can be seen.

First row: Inaccessible components at scale
Second row: Discriminatory patterns at scale
Third row: Exclusionary content at scale

A projector screen showing a slide about how a system of harm is created. A table can be seen. First row: Inaccessible components at scale Second row: Discriminatory patterns at scale Third row: Exclusionary content at scale

Design Systems. Are they a system of harm? @amyhupe.bsky.social navigates through the issues that affect and excluding a wide range of people through bias. This was an eye opener. Also we should improve on inclusivity in design systems! #FrontEndNorth

9 months ago 2 1 1 0
A projector screen showing a slide with an Internet dialup dialog screen that takes a long time to connect to the Internet. This is something that people take for granted these days!

A projector screen showing a slide with an Internet dialup dialog screen that takes a long time to connect to the Internet. This is something that people take for granted these days!

@whitep4nth3r.com takes us on a journey of the World Wide Web as if it was 1995! I’m very grateful we have CSS now and not Cascading HTML style sheets. Also loved the overscan effect that would come up on the screen intermittently. Press the degauss button on the monitor! #FrontEndNorth

9 months ago 2 0 1 0
A projector screen with a slide saying Inclusive By Design by Amy Rogers at Front End North

A projector screen with a slide saying Inclusive By Design by Amy Rogers at Front End North

@amyrogers.design takes us through the challenges that a person can face without having a passport or a driving license. How Vouchsafe is trying to solve that problem and TIL Scotland has photo ID system that has many different variations! #FrontEndNorth

9 months ago 2 0 1 0

I’ve ended up with so many code snippets from this talk alone to try out and see what works and why it works without relying on a default wrapper layout! #FrontEndNorth

9 months ago 1 0 1 0