Gökberk nur
LightNews LightNews
banner
gokberknur.bsky.social
Gökberk nur
@gokberknur.bsky.social
29 followers 180 following 16 posts
frontend developer

based in stockholm, sweden.
interested in photography, mountain biking, music and web performance.

https://gokberk.se/
Posts Replies Media Videos
Reposted by Gökberk nur
jhey.dev
2025: made stuff
2026: make more stuff 🧑‍🍳
January 15, 2026 at 5:33 PM
Reposted by Gökberk nur
jensimmons.bsky.social
Have you been wishing masonry layouts would just hurry up and arrive in CSS?? Well, happy holidays!

webkit.org/blog/17660/i...
Introducing CSS Grid Lanes
It’s here!
webkit.org
December 19, 2025 at 9:33 PM
Reposted by Gökberk nur
css-only.dev
Here is my idea with less of code

css-tip.com/tooltip-anch...

The trick is to play with the margin property to show/hide the arrows.

cc @una.im @bram.us
October 6, 2025 at 3:33 PM
gokberknur.bsky.social
medium.com/@.gokberk/ho...
How to enrich RUM data in Datadog
By default, Datadog logs many useful details from the browser. However, sometimes you need more — especially if you don’t have proper…
medium.com
October 5, 2025 at 6:49 PM
Reposted by Gökberk nur
webperfreport.bsky.social
⚡Featured posts this week:
✨ How to enrich RUM data in Datadog: @gokberknur.bsky.social
✨ Time to Brand Identity: @duffeh.bsky.social
✨ Core Web Vitals mystery: @tunetheweb.com
✨ Safari Tech Preview now supports INP: Apple
🙏 Special thanks to the authors!
#webperf
⚡Featured posts this week from Perf Links by WebPerformance Report:
October 5, 2025 at 6:27 PM
Reposted by Gökberk nur
kojamf.bsky.social
Dr. Jane Goodall filmed an interview with Netflix in March 2025 that she understood would only be released after her death.
October 5, 2025 at 9:08 AM
Reposted by Gökberk nur
jakearchibald.com
CSS uses a complex algorithm to decide how to animate transforms. If you get it wrong, as many folks do, you end up with an unnatural animation.

Here's how it works, and how to avoid the pitfalls.

jakearchibald.com/2025/animati...
Animating zooming using CSS: transform order is important… sometimes
How to get the right transform animation.
jakearchibald.com
June 17, 2025 at 11:20 AM
Reposted by Gökberk nur
bram.us
DoomPDF – This is a Doom source port that runs inside a PDF file.

doompdf.pages.dev
January 15, 2025 at 10:19 AM
Reposted by Gökberk nur
addyosmani.bsky.social
Must reads for web developers - how modern browsers work:

1️⃣ bit.ly/browsers-pt1
2️⃣ bit.ly/browsers-pt2
3️⃣ bit.ly/browsers-pt3
4️⃣ bit.ly/browsers-pt4

and browser.engineering a free to read book on the topic
January 12, 2025 at 11:57 AM
Reposted by Gökberk nur
bram.us
View Transitions Snippets: Getting all Animations linked to a View Transition

🔗 brm.us/view-transit...
🏷️ #ViewTransitions #JavaScript #Animations
View Transitions Snippets: Getting all Animations linked to a View Transition
A few lines of JavaScript to get all animations linked to an active View Transition.
brm.us
January 1, 2025 at 9:14 PM
Reposted by Gökberk nur
webx.bsky.social
This article is such a gem! And the talk at Performance.sync() was too:

youtu.be/E2E89NeBbEM?...
December 22, 2024 at 11:40 PM
Reposted by Gökberk nur
webx.bsky.social
Animation frames is quite the theme of the year for me 😁. It was fun to record this talk 😀
December 24, 2024 at 3:59 PM
Reposted by Gökberk nur
stoyan.me
Web performance calendar day 23 when @webx.bsky.social takes us on a dive into animation frames

calendar.perfplanet.com/2024/what-is...
What is an AnimationFrame and what can it tell you?
Modern web applications need to be responsive and smooth, providing users with immediate feedback for their interactions. To understand how our applications perform, we need to understand how browsers...
calendar.perfplanet.com
December 23, 2024 at 7:52 PM
Reposted by Gökberk nur
konnorrogers.com
Documentation: "Don't do this. This is a really bad idea."

Developer:
a man covering his mouth with his hands and the words watch this on the bottom
Alt: usher putting his hands over his face and saying "watch this"
media.tenor.com
December 11, 2024 at 1:17 AM
Reposted by Gökberk nur
stoyan.me
Web performance calendar day 9 with @ethangardner.com on how to relate performance efforts to our friends from ads, marketing and the C-level

calendar.perfplanet.com/2024/putting...
Putting Performance in Relatable Terms
A 300ms improvement may sound like a big win to someone immersed in web performance optimization, but for most people, mentioning milliseconds doesn't usually resonate or seem meaningful. Whenever I'v...
calendar.perfplanet.com
December 9, 2024 at 8:48 PM
Reposted by Gökberk nur
jovidecroock.com
Fear not, you can have VDOM, hooks and signals for 8.35kb minzipped!
A bundle JS page on the left we see a code editor, the code exports all from preact, preact/hooks and @preact/signals. On the right we see the build output which sais "Bundle size 21.9kb -> 8.34kb gzipped"
December 7, 2024 at 8:09 AM
Reposted by Gökberk nur
bell.bz
After 15+ years of teaching, architecting & delivering CSS for global organisations & startups, I’ve collated that experience into an extensive course.

Complete CSS has taken nearly a year to produce and finally, it’s officially live for a limited Black Friday launch price of £189

complete-css.com
Complete CSS. Take your CSS skills beyond the next level. Available now with early bird launch discount. £189, down from £249.
November 26, 2024 at 12:01 PM
Reposted by Gökberk nur
infrequently.org
I've come to understand what's happening in frontend's decade-long failure to deliver decent user experiences as a sort of epistemic closure. I'm calling it "frameworkism", and the epicenter is now React. Here's a lot of words on why we should all reject it:

infrequently.org/2024/11/if-not-r…
If Not React, Then What? - Infrequently Noted
Frameworkism is now the dominant creed of today's frontend discourse, and it's bullshit. We owe it to ourselves and to our users to reject dogma and embrace engineering as a discipline that strives to...
infrequently.org
November 30, 2024 at 1:21 AM
Reposted by Gökberk nur
programmingart.bsky.social
My talk from this year's We Love Speed is on YouTube! 👇

In "Tight Mode: how browsers REALLY load web pages", I take a very deep/very nerdy dive into why browsers sometimes intentionally delay loading resources, why they all do it differently, and why they should *stop clowning around* 🤡

#webperf
How browsers REALLY load Web pages — Robin Marx
YouTube video by We Love Speed
www.youtube.com
November 26, 2024 at 10:09 AM
Reposted by Gökberk nur
infrequently.org
It's a minor footnote in the trail of prevarications and half-truths that follow React everywhere it goes, but it's pretty incredible that the poster children are *this* bad given 2024 devices and networks:

treo.sh/sitespeed/www.in…

treo.sh/sitespeed/www.ai…
November 25, 2024 at 5:00 PM
Reposted by Gökberk nur
bram.us
👨‍🔬 Experiment/Hack: Automatically triggered View Transitions thanks to MutationObserver

Instead of adding `document.startViewTransition` at various places in your JS, this uses a MutationObserver to watch for DOM mutations. When a mutation occurs, it gets undone and then reapplied wrapped in a VT.
bram.us Bramus @bram.us · Nov 25
You can hack your way into this using MutationObserver.

POC: codepen.io/bramus/pen/z...

The observer undoes mutations like remove, and then reapplies that mutation wrapped in document.startViewTransition.

(This is a remake of codepen.io/bramus/pen/o..., which has View Transition JS intermixed)
Automatic View Transitions with MutationObserver
...
codepen.io
November 25, 2024 at 9:16 AM
Reposted by Gökberk nur
nicr.dev
Developers, do you want to verify yourself here but don't have a personal domain? You can use your GitHub account! 🦋🐱

I temporarily renamed myself to @nicolo-ribaudo.github.io :)
Screenshot of my Bluesky profile, showing @nicolo-ribaudo.github.io as the handle
November 23, 2024 at 4:51 PM
Reposted by Gökberk nur
sturobson.com
(one of) the other side project(s)

a simple tint/shade colour palette generator that

- converts hex (for now) to rgb, hsl, p3-display
- generates
- a colour palette
- CSS custom properties
- Sass variables
- JSON for Style Dictionary

(will also be able to add more than colours)

🙏🖤
a screenshot of a web application with two inputs, a drop down, two checkboxes, one button … underneath are 10 squares of dark to light green. underneath are Css custom properties, Sass variables, and json with relevant names and values
November 22, 2024 at 1:08 PM
Reposted by Gökberk nur
jackf.io
The problem with how easy npm makes it to install something (and hide the impact of installing something) is that developers inadvertently end up with huge impactful dep trees. But we can do better!
anniesullie.com Annie Sullivan @anniesullie.com · Nov 19
Hey everyone! I ended my #perfnow talk by asking you all to consider contributing to the broader #webperf community.

And one project I called out was e18e.dev. They're trying to connect together people working on JS packages performance (example below). Please consider joining their discord!
shilman.net Michael Shilman @shilman.net · Oct 27
We're fixing Storybook bloat, one dependency at a time! 🔪 @storybookjs.bsky.social
November 20, 2024 at 6:20 AM
Reposted by Gökberk nur
anniesullie.com
Hey everyone! I ended my #perfnow talk by asking you all to consider contributing to the broader #webperf community.

And one project I called out was e18e.dev. They're trying to connect together people working on JS packages performance (example below). Please consider joining their discord!
shilman.net Michael Shilman @shilman.net · Oct 27
We're fixing Storybook bloat, one dependency at a time! 🔪 @storybookjs.bsky.social
Storybook package dependency graphs for v8.2 (L), v8.3 (M), v8.4 (S)
November 19, 2024 at 8:54 PM