Ebelien

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!

0

Programmeren is een creatieve kunstvorm

Soms zijn mensen verbaasd als ik vertel dat ik ook website’s programmeer. Bijvoorbeeld nadat ik heb gezegd dat ik vormgever ben en fotografeer.
Het kan lijken alsof dat verschillende werelden zijn, die van vormgeven op (foto)papier en die van het coderen. Een indruk die mede instaat door het huidige school -en werksysteem. Mijn ervaring is anders.

 

Voor mij is programmeren een creatieve kunstvorm.
Een nieuw programma is als een leeg canvas en de penselen zijn de talen, frameworks, bibliotheken, etc. Het is iets creëeren uit niets en dat is een proces dat afhangt van experimentele onbevreesdheid. Balanceren tussen structuur en verbeelding.

 

Programming is a creative art form based in logic.

 

Een (versneld) kijkje in de keuken:
(geprogrammeerd door Jake Albaugh, in HTML, CSS en JS(Coffeescript) <3

https://codepen.io/jakealbaugh/pen/PwLXXP?editors=0010

See the Pen pen#PwLXXP by Jake Albaugh (@jakealbaugh) on CodePen.dark

0