Thomas Pink

Manager for Design systems at @dynatrace
@[email protected]

[Obbe Vermeij @ObbeVermeij]

There was no way we could fit the whole map of gta3 in PS2 memory. Streaming involves loading models from the DVD as the player moves around. This was the hardest technical challenge during the development of gta3 and was coded by Adam Fowler.

The closer models physically are on the DVD, the faster they are loaded. This is because the DVD needs to accelerate/decelerate as the head moves to a different track.

Adam tried to place models that were close together in the city also close together on the DVD. He also experimented with repeating commonly used files.

Even after placing models on the DVD efficiently, it was still not fast enough. Players would see the low detailed version of buildings and sometimes the road was missing.

At some point we couldn't speed the streaming up any further. We had no option but to slow the player down.

Portland initially had a big drag running all along the island. This was a worst case scenario. The player could go fast and there were loads of buildings to load. The artists changed the road layout to slow the player down.

In other problem areas, we increased the drag (air resistance) on the vehicles 5% or so. Hardly noticeable but it helped.

The streaming issues were the main reason we couldn’t let the player fly in gta3 (other than with the dodo)

Streaming was also used for vehicle models, npc models and music but the map posed the greatest difficulty because of the amount of data.

As models got loaded into memory and then removed, the memory would fragment into smaller and smaller blocks. Adam’s code constantly moved models around to fix this. This was tricky as models sometimes had to be moved while they could be rendered.

For Vice City, various code improvements were made. Better compression of models and textures. Smarter code that would load the detailed versions of buildings only if the player was not flying.

Streaming issues tends to get worse with older DVDs and older PS2s.

(screenshot by @TheSphereHunter)

[Danny Thompson @DThompsonDev]

iAmNotSayingIAgree
iAmSayingThatIUnderstand

[Jean-Michel Lemieux @jmwind]

I’ve retired from software… process. No scrum, dds, tdd, stand ups, devops, sre, micro services, retrospectives, pre and post mortems…

Instead, we just build and run software together.

We do use an issue tracker and a good readme.

Everyone posts an eod update to our group with demo/insights from their day.

Plain and simple. It’s pure bliss.

[Jim Raptis @d__raptis]

Can't stop clicking these buttons. Check it with sound on 🔊

→ https://t.co/wxUXZ3vcdA

[kitze the 🐐 @thekitze]

using a <div> as a <button>

[60fps @60fpsdesign]

Super cool nav

[zeldman @zeldman]

“The new set of grays for the Red Hat Design System was crafted with care, solving a couple of key problems and allowing the colors to be used successfully across all mediums and contexts.”

https://t.co/GAX2ww8LaQ #design #designsystems #uidesign

[Chris Heilmann codepo8.bsky.social @codepo8]

👉🏼 „Shape Divider App”
🔗https://t.co/jdZvOqHOio
💬 We created this free tool to make it easier for designers and developers to export a beautiful SVG shape divider for their latest project. We hope you enjoy this tool.

[Adham Dannaway @AdhamDannaway]

✨ Design component inspiration

Hundreds of screenshots from real-life websites.

◆ Popups
◆ Alerts
◆ Calendars
◆ Forms
◆ Menus
◆ Filters
+ more 🤩

Created by @alexis_hill

Get inspired 👇

#design #ux #uxui #components

[Adham Dannaway @AdhamDannaway]

🧩 The Component Gallery

An up-to-date collection of UI components from real-world design systems 🌎

🔎 Search & filter components
📖 Design guidelines
✅ Helpful for naming
👩‍💻 Code markup

Created by @iainmbean

Browse the components👇

#design #designsystem #ux #uxui

[Jess ♡ @jesseddy]

https://t.co/zjK7GdifX6 is the best Web-based browser mockup tool. Thank you @MohamadGandomi and @kami_ayani

[Nick Babich @101babich]

How to design better data tables: 20 practical tips

Practical recommendations from @coyleandrew on designing better tables: add fixed headers, make columns resizable, display density, introduce inline editing, add sorting and filtering, and more.

🔗: https://t.co/sru8SZsPJv

[Vitaly Friedman 🇺🇦🏳️‍🌈 @vitalyf]

Form Attributes For Better UX (https://t.co/v2lCKyEw2f), a quick overview of input attributes that specify what kind of virtual keyboard would be most helpful for users entering data in a form. Kindly shared by @stefanjudis.

#ux #design

[Adham Dannaway @AdhamDannaway]

🔥 10 Awesome icon sets

https://t.co/1kmaov6VGh
https://t.co/qZCedpGiNb
https://t.co/2abNFfyvFG
https://t.co/lFHDBK2M7e
https://t.co/FXoYzxCtjA
https://t.co/3qDSjOLtT6
https://t.co/8nd26Renw3
https://t.co/LQB54pi7DF
https://t.co/6X7uhg07ww
https://t.co/y9NBTIYzyF

[Adham Dannaway @AdhamDannaway]

🖤 Love this free icon set of 1,302 icons

Iconoir is one of the biggest open source icons libraries.

Available in:

✅ SVG
✅ Font
✅ React & React Native
✅ @figma
✅ @framer

By @burgioluca

#icons #iconset #design

[Theo - t3.gg @theo]

Web devs: “We should use the standards more!”

The standards:

[Rob Lennon 🗯 | AI Whisperer @thatroblennon]

A professor at Wharton REQUIRES his students to use AI and ChatGPT in his courses.

In one assignment, he asks explicitly asks students to *cheat*.

"AI is an emerging skill."

Here are the rules everyone gets on Day 1:

[Miško Hevery (AngularJS/Angular/Qwik) @mhevery]

JSX could have been 2x faster if it was designed more optimally for JS VMs!

Let's see what design decisions make JSX slow and how we could speed it up.

🧵🪡🧶

[Charlie Gerard @devdevcharlie]

TIL Google Fonts has the Atkinson Hyperlegible Font that's designed to be clearer for readers with lower vision.
https://t.co/VKNG7S8nUw

It can also be downloaded on the Braille's Institute website: https://t.co/iPuUXK4O53

[Adham Dannaway @AdhamDannaway]

🔥 100 Landing page hot tips
By @robhope

Improve your landing page designs with these quick and actionable tips.

Here are a few of my faves 👇

#landingpagedesign #design #uxdesign #webdesign #uxui