Ian Lunn
@IanLunn
Followers
3K
Following
2K
Media
460
Statuses
7K
Front-end Developer, author of CSS3 Foundations, and creator of Hover.css and Sequence.js. Creating successful websites since 2008.
Devon, UK
Joined March 2009
Stacked Cards with Sticky Positioning and a Dash of Sass
css-tricks.com
The other day, I spotted this particularly lovely bit from Corey Ginnivan’s website where a collection of cards stack on top of one another as you scroll.
0
24
101
Wondering what the difference is between ___ and ___ in CSS, DOM, HTML or JavaScript? @nghuuphuoc has your back with super useful explanations that include many good practices, tips and tricks as well as “good to know” sections. https://t.co/2flOjTHR8N
0
19
89
Super excited to announce the new website for Technical Interviews! Huge thanks to the @eggheadio for designing & building this! Working really hard to get this out for y'all! 🙏 https://t.co/AfFcMnHNrK
technicalinterviews.dev
TechnicalInterviews.dev is your one-stop shop to the technical interview process. It gives you the technical knowledge and confidence you need to nail your technical interviews.
37
109
832
Natively Format JavaScript Dates and Times https://t.co/z5kKHnmGZt via @elijahmanor
elijahmanor.com
0
0
0
💯 CSS flex gap is in Chrome 84 💯 play around at this sandbox on @codepen 👇 https://t.co/M1l8aiyZA9
🎉 flex that gap in the latest release of Chrome Canary 🎉 ```css display: flex; 🦾 gap: 1ch; 🔥 ``` early adopters: help us test it out won't ya!? note: requires web experiments enabled, visit chrome://flags/#enable-experimental-web-platform-features in Canary to enable
11
289
1K
TIL text-decoration has an "overline" value AND can accept up to 4 decorations at once! ``` h1 { text-decoration: overline; text-decoration-color: deeppink; } ``` explore on @codepen "Overstanding overlines" 👉 https://t.co/ZDVKHVWZsp
3
40
232
CSS Multi-Column is one for the back pocket: https://t.co/ubNgq1EiC5 Particularly like the masonry style layout it helped achieve here:
veerle.duoh.com
Get inspired by my curated graphics collection from talented designers and creatives all over the globe.
0
0
0
The cool thing about https://t.co/j4tZthgUjI is if you despise the color scheme I picked - or anything else - you can submit a stylesheet that changes it to your design preference! Practice your modern CSS skills and show off your creativity, submissions are always open!
stylestage.dev
A modern CSS showcase styled by community contributions. Maintained by Stephanie Eckles (@5t3ph) of ModernCSS.dev.
1
2
8
CSS does such a great job we tend not to think about it. If good design is invisible, then CSS is the invisible tool that makes good design possible on the web. https://t.co/YRjVTvThOQ
ianlunn.co.uk
I've been involved in web development since 2000. Quite possibly my favourite tool that I have used for the last 20 years is CSS. It's easy to use, lightweight…
1
0
5
I once called myself a front-end developer which seemed legit for my expertise. Now every interview expects me to prove I am capable by writing JS that bends the fabric of time. What happened to responsive design, semantics, user experience, accessibility, perf at all levels?
2
1
17
A neat way of using CSS custom properties to style external SVG nodes (no more inling necessary to achieve the same). Screenshot from Lightning-fast Web Performance by @scottjehl. Original idea by @frontstuff_io in this article: https://t.co/qmWG9gE4Zi
0
5
25
Oops, sorry. I was so impressed I didn't go the three extras seconds into the video to see you reference a blog post. Nevermind. Thanks for the vids!
0
0
0
Deliver critical website assets at the same time as a request for HTML using HTTP/2 Server Push feature https://t.co/uoBk5f5Xkt
smashingmagazine.com
In this article, Jeremy Wagner will teach you everything about server push, from how it works to the problems it solves. Server push allows you to send site assets to the user before they’ve even...
0
0
0
Considering whether it's time to ditch Front-end Developer from my job title and replace with UI Developer. The latter is not as appreciated but front-end dev is too saturated in JS and often bad solutions arise because of it. My interest lies in good user experience
1
1
4
Improving Website Performance with Self-hosted Google Fonts in Gatsby: https://t.co/NuBSWxRJE0
#gatsby #gatsbyjs
ianlunn.co.uk
Recently I recreated my website using Gatsby. Today, I wanted to swap the Google-hosted fonts for self-hosted to bump the page speed score. I was surprised to…
0
3
2
Interested to hear from devs what your performance score is in Lighthouse 6.1 versus old (especially JS heavy websites). I think many sites are going to find a major dip in performance score. Let me know what you find
0
0
0
I believe the Lighthouse 6.1 update that diagnoses main-thread-blocking tasks is the cause of a big dip in page performance on my Gatsby site. Unfortunately it looks like this is going to be a problem with all Gatsby sites (plus any with JS in one large packet)
0
0
0
I'm convinced my website's performance score in Google Lighthouse has dropped drastically compared to last week. Anyone finding the same? I was up in the 90s. Now getting 60s without any changes to site.
1
0
0
The new profile READMEs are on GitHub now!! If you make a repo with your username you can get one it seems 👀 It looks cool with the new profile picture design, too. Here's mine! https://t.co/nudKV7U29U
36
212
2K