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

Catalogus KunstenLandschap

Catalogus KunstenLandschap

 

Het vormgeven van de catalogus voor KunstenLandschap was een bijzondere reis.

Een reis die begon met een kennismaking op de fiets, het inventariseren van groep-wensen (een extra uitdaging, want zoveel mensen zoveel wensen), en die eindigde met een kunstvolle bewaar-catalogus voor bezoekers én kunstenaars.

De catalogus heeft een kleurstijl gekregen die uit het zomer-weide komt; zomerzon die door de bomen op het gras schijnt, met een witte/grijze wolkenlucht.

Na de fietstocht met de kunstenaars en het presenteren van het concept van de catalogus, stroomden de foto’s met kunstwerken binnen die in de catalogus geplaatst konden worden. Stuk voor stuk bijzonder, verrassend, ontroerend, beroerend, wrijvend.

Het was mijn doel om de kunstenaars een podium te geven in de catalogus. Deze creatieve inventieve mensen goed vindbaar maken, in het Twentse landschap en in het coulisselandschap van het web. In een layout met open kaders, want (landschaps)kunst is vaak niet in te kaderen.

De informatie is tweetalig en overzichtelijk ingevoegd, met achterin de catalogus een prachtige routekaart, in de stijl van het ontwerp.

 

0

KunstenLandschap bushokjes

KunstenLandschap bushokje

 

Hangt m’n vormgeef-kunstwerk ineens in allemaal bushok-galerieën door de stad… En voor een goed doel: “KunstenLandschap”.

Dit jaar had ik het grote plezier om een gedeelte van de PR te mogen doen voor KunstenLandschap.

KunstenLandschap is een driedaagse expositie in het fraaie landschap rond Lonneker (gem. Enschede) en is verbonden met het culturele hart van Enschede: de Roombeek. Dit jaar strekt KunstenLandschap zich naar Vliegveld Twente. Onderweg kan je volop genieten van het fraaie Twentse coulisselandschap, maar ook van verrassende kunstwerken, installaties en performances. Meer dan 50 professionele kunstenaars tonen op bijzondere binnen- en buitenlocaties hun werk.

Het mooie beeld dat gebruikt is, is van Milian van Stokkum: ‘Zeeën van tijd’. Het komt in dezelfde stijl terug in de catalogus, de flyers en de bioscoop-reclame.

De helemaal vernieuwde en bijpassende website draagt dezelfde naam: KunstenLandschap.nl, voor meer informatie.

 

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

Lorum ipsum dolor sit amet

 

Lorem Ipsum, misschien komt het je bekend voor. Het is de tekst die door vormgevers vaak gebruikt worden als opvulling in een ontwerp.

Maar, hoe makkelijk ‘Lorem Ipsum dolor sit amet’ een ontwerp ook vult; wat staat er eigenlijk? Waar komt het vandaan en “hoe komt ‘lorum ipsum’ aan zijn spierballen”?

Taleidoscoop schreef er een informatief en leuk blog over. Met alternatieven zoals ‘bacon’, ‘hipster’ ‘liquor’ en ‘veggie’. Zodat je ook ‘ns kunt variëren in de ontwerpkeuken:

 

De eeuwenoude pijn van Lorum Ipsum

 

 

0

Creatieve en kunstvolle website

 

Website Marga Janmaat

 

Het was een plezier om de website vorm te mogen geven en te realiseren voor fotografe en kunstenares Marga Janmaat. De website heeft een warme, vrouwelijke en professionele uitstraling gekregen.

Marga’s creatieve fotografie en beeldende kunst, de laatste in de vorm van geschilderde -en raku keramiek, zijn door het hele ontwerp terug te vinden en geven haar een unieke stijl. De website werkt met een CMS, waarmee ze zelf haar portfolio bij houdt.

Geweldig om haar te hebben kunnen helpen om haar kunst bij een groot publiek onder de aandacht te brengen, en dat het een website is geworden die  – zo te horen-  helemaal bij haar past.

https://www.margajanmaat.nl

 

0

Buitenborden Theehuis

 

Theehuis Sprakel buitenbord

 

Super! Ze staan er zichtbaar & glimmend bij, de buitenborden voor Theehuis Sprakel in het Bos.

Geheel in huisstijl, met logo, kleur en de vogels. Binnenkort meer foto’s hiervan in mijn Portfolio!

 

 

0

Nieuwe fotografie website

 

Rennen op de runway van het vliegveld

 

Door het vormgeven en realiseren van een website voor een fotografe begon ik erg op mijn stoel te wiebelen. Het was hoog tijd om voor mezelf ook weer eens een mooie portfolio te maken.

De laatste tijd heb ik veel nieuwe foto’s gemaakt en in opdracht mogen maken, en die verdienen een nieuw kader.

Het resultaat is een portfolio met een strakke, minimalistische basis, waarbij de foto’s bepalend zijn voor de sfeer. Er is veel wat ik interessant vind om te fotograferen. Dat betekent dat de website de ene keer bijvoorbeeld warm en natuurlijk kan ogen en de andere keer strak en grafisch.

De nieuwe portfolio zal regelmatig gevuld worden met nieuwe blikvangers. Veel plezier met kijken!

(Bestellingen zijn ook mogelijk, laat me gerust weten of je interesse hebt, door middel van het contact formulier op mijn fotografie website.)

 

fotografie.ebelien.nl

 

0

Een viervoudig feest

 

Geweldig! Een viervoudig feest.

Food en architectuur fotografie op een idyllische locatie, vervolgens met mooie sfeervolle foto’s en illustraties een website stijlvol vormgeven en daarna met veel plezier de website realiseren (met een CMS, zodat er wekelijks kan worden aangepast).

Een zeer tevreden opdrachtgeefster was het resultaat. Daar doe ik ‘t voor!

#vormgeven #fotografie #illustreren en #websitebouw. #ilovemyjob

Bekijk de website voor Theehuis Sprakel in het Bos in m’n Portfolio.

 

Theehuis fotografie, vormgeving en website realisatie

 

0

Tekenen met zilver

 

Zo tof. Een tekening die tot leven komt door een pen die geleidende inkt gebruikt.

 

Dat de technologie blijft verrassen blijkt uit deze lumineuze advertentie. Het laat een pen zien van de Japanse startup AgIC, gevuld met inkt die elektriciteit kan geleiden.
Terwijl de pen langs de huizen, gebouwen en infrastructuur tekent, gaan de lampjes aan als de circuits gesloten worden.

 

#kunst & #techniek

 

 

0

Alles komt bij elkaar bij de front-end developer

 

Wat maakt het realiseren van websites zo interessant en boeiend voor mij? Alles komt bij elkaar bij de front-end developer.

Een front-end developer is zich bewust van het ontwerp en de mogelijkheden van vormgeving voor het internet. Weet hoe de back-end en databases werken. Is er zich bewust van dat een netwerk, zoals het internet, soms een onvoorspelbare plek is. Begrijpt hoe de inhoud invloed kan uitoefenen op de snelheid van een website en op resultaten in zoekmachines. Werkt met servers, systemen, toegankelijkheid, schaalbaarheid … Heeft in elk project een nieuwe en afwisselende uitdaging.

Communicatie hoort er natuurlijk ook bij, voor goed overleg, een prettig contact en gewenst resultaat.

Dit zijn een aantal voorbeelden uit een lange lijst die zorgen dat ik met plezier aan de slag ga. En.. hoe langer de lijst, hoe beter.

Hieronder staat een interessant en bijbehorend artikel, dat uitgebreider vertelt over de spin in het digitale web (en wat mij inspireerde om over dit onderwerp te schrijven).

 

A Front End Developer is Aware

 

0