Laura Kishimoto with a lanyard

Friends or strangers, I'm solo at #FastFlowConf today. Say hello and learn with me! 👋

I think it's my first conf since I started my current role, the COVID-19 pandemic, motherhood, and organising #FrontEndNorth. I'm a bit excited, a bit daunted, and frankly ready for it.

Sep '25: React Server Components & landing your 1st FE role, Thu, Sep 25, 2025, 6:15 PM | Meetup Hope you had a nice summer all. We're back at SHU in Room 12.4.12 at the **Charles Street Building**, Sheffield Hallam University, 120 Charles St, Sheffield, S1 2NE Look f

We're back on September 25th after a long summer (& #FrontEndNorth) with:
- Nick Tsim on #React Server Components - where are we in now in 2025?
- Tom Baker on landing your 1st web dev role

🎟️ www.meetup.com/front-end-sh...

@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! 👀🙏🏻

HTML Energy HTMl Day is on August 2nd, 2025!

This Saturday is HTML Day html.energy/html-day/202...
Lots of events, but there isn't one in #Sheffield
Anyone want to hang out and write HTML on Saturday?
Venue suggestions welcome too
#FrontEndNorth @sheffield.digital @helpsheffield.co.uk

Some of the audience at Front End North, mostly looking pretty happy

Speaker Joe Hart having fun on stage (I'm not really sure what he was doing, but it looks fun)

Everyone looked like they were having fun at #FrontEndNorth last week!

Help us make the next one even better by completing our feedback form to let us know what you thought of the day - forms.gle/gnmshPFK6tGF...

<Pretty much what Tom said, but maybe a bit more concisely> #FrontEndNorth

Katie presenting the "Thank you" slide at Front End North

A day late to share my love of #FrontEndNorth due to enjoying the social too much 🥴

What an amazing day, you just can't beat human interaction, being surrounded by people from different backgrounds, each with their unique experiences and ideas to share.

Some thoughts...

1/7

You took great care of lots of people at #FrontEndNorth yesterday so now is the time for a bit of self care. Thank you and have a chilled weekend.

@bell.bz Hey! Any chance your slides from #FrontEndNorth are anywhere public? I wanted to ref them to my engineers.

Andreas an Salma posing at frontend north

#FrontEndNorth was an absolute riot!
Amazing talks by @joehart.bsky.social , @bell.bz and many more people that I could not find with the @ dropdown.

My favorite was of cause Salma Alam-Naylor taking us back to 1995.

Thank you so much to the organizers and wonderful volunteers!

Reflecting on #FrontEndNorth it was a wonderful experience.

Great talks, cheap tickets, and one of the most inclusive and friendly crowds I've had the pleasure to spend time with at an event like this.

Recommended for future editions!

Had a great day from start to end at @frontendnorth.bsky.social #FrontEndNorth!

From @bell.bz's starting talk on genuinely important soft skills. During the break met a group of young software engineers where we talked about the morning talks and I put that talk into context of my own experiences

My key takeaways from Front End North 2025

Front End North was a lot of fun yesterday. I've put together some of my key takeaways from each talk: andycarter.dev/blog/my-key-...

#FrontEndNorth

Had a blast at #FrontEndNorth yesterday. A lovely, friendly crowd, the other speakers were interesting and the organisers planned a brilliant mix of thought-provoking, uplifting, and inspiring creative talks, with a good dose of silliness.

📸 by @joshtumath.uk

1/4

Explaining to #FrontEndNorth that tailwind plagiarised universal.css github.com/marmelab/uni...

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

#FrontEndNorth in Sheffield was a great time

Currently in the after-party with the hosts and some of the attendees

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

Front End North 2025-07-10 Andy Bell: > I had a brief job as a guest lecturere teaching Dreamweaver in 2018, so this is bring back memories > > The path to become a truly great CSS developer is how you approach feedback, communication and planning. The way to write good CSS is core skills - aka soft skills > > The path to become a truly great CSS developer is how you approach feedback, communication and planning. The way to write good CSS is core skills - aka soft skills > > Unfortunately thanks to the nature of social media we get a lot of content taht is designed to get a reaction > > There is too much KPI chasing and focus on matching the Figma compared to making things work. It's not all doom and gloom, but we do need to work with design handoff > > Async communication is critical, even if you are in the same timezone or office, you clients and stakeholders will still be spread out in time and space > > keep communications short, and don't ask for too much - if you need a lot of infromation, structure it by importance and be patient with responses. If a request blocks you, you're asking too late > > Don't assume prior knowledge - be prepeared to explin things more than one way to get it across > > Don't just say "Hi" - give a neutral opening that explains scope and when you expect a response, and make a thread for the conversation > > Email is one of my favourite ways to communicate, but it does tend to attract a verbose way of writing. Be a good colleague and be concise > > Move slowly and methodically to go fast - don't chase the latest thing. I'm thinking of large corporations like Google chasing AI down like a dog chasing a butcher's vadn > > Story time. In 2019 I worked on a design system for a large cruise liner. Instead of doing the research, we went full steam ahead with an existing framework Olu Niyi-Awosusi: > I'm here to talk about Building Better Webs. I'm a front-end developer and I cant get enough of the web. The web is amazing. We can send messages to people on the other sides of the world, and there is no paywall > > You know what else is amazing? Infrastructure - this talk is inspired by Deb Chachra's book How Infrastructure Works > > the w3c web principles say "There is one web" - this is true, but there are may webs on the web, with different characteristics > > The big daddy is the corporate web, which is where all the anger goes > > The next is the #IndieWeb - a netwprk of small sites with an ethos of independence and the personal > > The poetic web - the focus is on artistic impressions and what you love > > We care about the web because it is a network, and it connects us to more people. Once everyone is on a network it stops being a luxury and becomes a utility > > Deb Chachra says that a utility is not just a valuable service, but everyone has access - Infrastructure increases the agency of everyone who uses it > > Infrastructure can be a way of transferring power - the one web so far has increased the power of the wealthy and already privileged > > 9 out of 10 sites visited in teh world are American, and written in English. Even Wikipedia has editors about 80% men for the last 6 years. there are 400,00 bios of women, men have 4 times that > > a michrorhizome network is an alternative model - where signals and nutrients flow in all directions. Our network should benefit us all, rather than the usual handful > > The hidden problem is Gen AI is that it s wholly handing control over to the algorithm, and that is in the control of a tiny number of people > > sites I like: low tech magazine - solar powered website that is nto there at night; davidsocial - you email david and he adds you > > I am also a fan of mastodon and bluesky as much less centralised networks > > To make the network better we can't build one big thing, but lots of tint things get lost. We need to join things together to improve - make links! > > we need to work togetehr, and "we" includes the non-technical users too - focus on what is important to you, and what motivates you. find a group to work with and extend their work > > IndieWeb works hard to work togetehr and have meet-ups. We need to have more experiments, and not focus on the tech impulse of building everything ourselves > > Building new webs will be messy and political. The mess is the work - working with people can be hard, but it is the most important thing > > We can do amazing things together Nils Binder: > I'm Niles from Germany, my website is https://ichimnetz.com/ > > I want to talk about the wrapper element on a website - it sets the maximum width, gives eom padding and some margin > > now you likely use width: min(100%-3rem, 75rem) rather than just setting max-width:75rem > > I have a 3840 pixel wide screen - why are we having 2/3 of it blank with the wrapper now? > > Some time ago we were using photoshop to design websites. Now people use Figma. Compare the drop shadow in PS and Figma, and Figma matches CSS > > "which of the two websites are you designing?" was in 2016 - that's when Figma came out. More recently we have tailwind and now LLMs - the holy triangle of boring > > Kevin Pohl gave a talk about building the wrapper out of the grid, which is the more flexible way, and can do dynamic things, like a non-symmetric bounding > > for dasruhrgebiet.de we built a grid with 3 1fr to the left of the main column and 2 1fr to the right, which means we can nudge elements left and right a bit to look nicer > > You can do the slightly asymmetric grid with flexbox too by using flex-grow to expand the top and bottom differently > > I want you to treat layout the same way you choose colours and fonts - shift some frame s and grids and unwrap the web Amy Rogers: > I'm Amy, a design engineer, but I like crochet too as it is a practical thing. I feel like we are tired of cramming things in > > I joined Vouchsafe, which is identity for people without photo ID. This is the opposite of the Brit Card kind of idea > > ID poverty is the inability to prove eho you are - the cost and complexity of getting ID documents is prohibitive, not just for the people but the companies too > > One person we spoke to was Louise, a mother of 4 who lives in a 1-bedroom flat, and couldn't visit her son in prison, but was shut out for not having a UK Passport or drivers licence > > Rowan was born and raised in the UK. When she got married, she changed her name to do this officially she needed her birth certificate > > To get a passport you need a middle class person who has known you for more than 3 years > > Vouchsafe has built a tool to connect people who may not have the long term knowledge that their friends and family have > > we're wondering if we can use people's online footprints to join them up by tracing their email login through websites > > what we envisage is that we can build a rough idea of who someone is from a loose connection of these identifier signifiers > > we're now using LLMs to reduce the number of training images we need for a given kind of identity, and for name matching [so many scary false positives here -km] Dave Letorey: > I'm the Loud Man in the Afternoon - I went to uni here - I completed my degree in 1999 - so long ago that I didn't have a loan at the end Salma Alam-Naylor: > An Inroduction to the World Wide Web for Very Senior Programmers - December 15th 1995 - the much-anticipated release of HTML 2.0 > > Why are we still writing HTML documents using text n 1995? Amy Hupe: > I'm a content designer, tech writer and design systems consultant, in the UK for about 8 years so far, working for the government, and a lot of other big companies > > when we talk about design systems we talk about efficiencey, consistency and scale. But we rarely if ever say that none of this is inherently valuable > > efficiency is only valuable if we move to a goodout come for our user; scale if we can speed up, we can speed up bad outcomes too > > if components are inacessible,, patterns discriminatory or content is exclusionary, we are scaling up systems that cause harm > > we can't think about all decisons, we make most of them by impulse based on our history. this means that a lack of diversity will make excluding choices Craig Abbott: > It's very easy to make assumptions about what people can and cannot do - as Amy was saying, if you don't build with the people, you will get it wrong > > A medical view of disability centres the impairment; the social view centres the designed environment. People are not disabled by their impairment by by failed accommodations > > sometimes we try to make things better, and end up making them worse instead. This is an example from my career in government with an elderly gentleman trying to use the DWP site > > the elderly man tried to put 'september' into a field expecting a numeric month and didn't understand the 'invalid' message. So I hacked the field to accept text as well > > next we tried with a user who used speech technology, and it interpreted them saying 'nine' as the word 'nine' instead of putting the d9 > > WCAG is excellent, but it's a starting point, not the end goal - here's an example. > > none of the AAA criteria in WCAG is mandated, so people only ever look at A and AA - the suppport for neurodivergent people is in the AAA critereia and gets ignored > > WCAG is not a UX standard - it doesn't care if the experience is awful if it's awful for everyone > > WCAG says that you can't only use colour to distinguish an element - eg you should underline links too. However if you make links look identical to plaintext, thn you pass as it is bad for everyone > > WCAG has no minimum font-size, it just wants you to be able to double the size. > > Remember: compliant and accessible are not the same thing. Accessibility is a user need, not a technical specification. If you don't have people in your org with disabilities, you will get support wrong > > If you haven't talked to any of your users your product probably isn't accessible even if it is compliant Joe Hart: > I'm going to remake Final Fantasy IX in the browser. I quite like making things that nobody asked me to do. I did a github/papers please mashup called Changes Please > > I mashed up Katamari Damarcy with NPM called Katamari node_modules > > Final Fantasy XII was released 25 years ago this week, and did a lot of tricks to make it work - dynamic lighting, water effect etc and they didn't have a GPU > > Good ways of building FF9 - use a game engine; use the hi-res assets from the remaster; use C# because it works with Unity > > instead I am starting from scratch, using the PSX assets and just javascript, CSS and HTML

My live notes from #FrontEndNorth today in #Sheffield are up on my website, after being posted to bluesky earlier https://www.kevinmarks.com/frontendnorth2025.html

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

slide from a talk that says "go make silly stuff"

really enjoyed @joehart's talk at #FrontEndNorth ! such a great day

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!

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! 👏

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

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

Please keep supporting events and your local meetups/ community in the UK

If you don’t, these things will slowly disappear.

#FrontEndNorth

I’m so glad i came along.

Thank you to the sponsors, volunteers, emcees, speakers and organisers.

It’s such a big job to set up an event and it was an amazing event.

#FrontEndNorth

That's the end of #FrontEndNorth. Thanks to everyone in the team for putting on a fantastic event! We really appreciate you!! @frontendnorth.bsky.social

But anyway, our after party is at the national video game museum so smell you later!

joe hard on stage at frontend north. his slide reads in big bold letters: GO MAKE SILLY STUFF

HELL YEAH @joehart.bsky.social 🙌 #FrontendNorth

Front End North 2025-07-10

Notes from #FrontEndNorth in Sheffield today on my website at www.kevinmarks.com/frontendnort... apologies for the typos.