New Twitter UI layout styling

Vandaag heb ik de New Twitter UI layout opnieuw ge-styled met een zelf gecodeerde css.

Twitter, één van mijn favoriete hangplekken, heeft gisteren definitief z’n nieuwe User Interface (UI, of gebruikersomgeving) doorgevoerd. Zo jammer.

Het nieuwe UI staat me erg tegen, qua layout, lettertype-gebruik en gebruiksgemak. Het afgelopen jaar kon ik de ‘Old Twitter’ nog gebruiken dankzij een browser extention en een scriptje, maar dat werkt helaas niet meer.

Het nadeel van het gebruiken van een externe site als Twitter om tekst, foto’s en filmpjes te delen, is dat zij bepalen wat en wanneer ze iets in hun layout verplaatsen of verwijderen. Gelukkig  is er aan de styling van zo’n pagina nog wel iets te veranderen.. dus dat heb ik gedaan.

Om weer een Twitter omgeving te creeëren waar ik graag lees, gebruik ik nu de ‘Tweak New Twitter‘ Add-on in Firefox, samen met een zelf gecodeerde Stylus css. De ‘Tweak New Twitter’ add-on laat je o.a. kiezen welke links je in je menu wilt, Stylus is een add-on waarmee je zelf pagina’s mee kunt stylen. Op de afbeelding zie je het resultaat.

New Twitter UI styling

 

De Stylus code die ik gescheven heb, heb ik online gedeeld op Codepile; misschien heb jij er ook iets aan: codepile.net/pile/ZRErZlq9. Als je de code in je Stylus add-on zet, kun je de kleuren, tekstkleur, lettergroottes e.d. naar eigen smaak invullen. De code houd ik regelmatig bij, mocht je vragen of opmerkingen hebben, dan hoor ik dat graag!

Weer blij met m’n Twitter 🙂 Wie weet zie ik je daar!