RSS

vasilis + webdesign   307

Brad Colbow - Independent Web Designer, Illustrator - The Brads - This is Why Your Newspaper is Dying
Een alleraardigste strip die uitlegt waarom nieuws sites het niet gaan redden. Stuk voor stuk goede voorbeelden van design bad practices. Leerzaam!
webdesign  content  badpractice 
july 2011 by vasilis
This is Why Your Newspaper is Dying
Een alleraardigste strip die uitlegt waarom nieuws sites het niet gaan redden. Stuk voor stuk goede voorbeelden van design bad practices. Leerzaam!
webdesign  content  badpractice  from delicious
july 2011 by vasilis
BBC - BBC Internet Blog: BBC World Service Language Websites: user experience and typography
De BBC heeft de BBC World Service site geredesigned en de site draait nu in meerdere landen met zeer verschillende culturele achtergronden en talen. In dit artikel wordt uitgelegd waar men allemaal rekening mee heeft moeten houden bij het ontwikkelen en ontwerpen van deze site. Absolute must read voo
webdesign  design  typography  language  from google
july 2011 by vasilis
The Fold Exists but Does it Matter? » General, UX » Design Festival
Hoe moet je omgaan met de fold? In dit lange artikel – dat conclusies van gedegen foldonderzoek aanhaalt en het eigenlijke foldprobleem goed beschrijft – worden drie goede tips gegeven. Must read voor marketeers, bazen en contentstrategen. Ook goed voor de rest van de wereld.
webdesign  usability  fold 
july 2011 by vasilis
The Fold Exists but Does it Matter? » General, UX » Design Festival
Hoe moet je omgaan met de fold? In dit lange artikel – dat conclusies van gedegen foldonderzoek aanhaalt en het eigenlijke foldprobleem goed beschrijft – worden drie goede tips gegeven. Must read voor marketeers, bazen en contentstrategen. Ook goed voor de rest van de wereld.
webdesign  usability  fold 
july 2011 by vasilis
Contrast Rebellion - to hell with low-contrast fonts!
Er zijn nog steeds designers die het mooi vinden om grijze lettertjes op een grijze achtergrond te tonen. Gelukkig bestaan er ook goede designers die dit zo'n slecht idee vinden dat ze er een hele site over maken. Deze prachtig vormgegeven one-page one-issue site gaat over High Contrast en waarom je
webdesign  design  accessibility  bestpractices 
july 2011 by vasilis
WebPutty: Simple, fast, and powerful CSS editing and hosting. - WebPutty
WebPutty is een tool waarmee je online je CSS kunt editen, live kunt previewen en bij welbevinden kunt publiceren. Je kunt gebruik maken van SCSS. Ik zie nog niet helemaal in waarom ik mijn CSS-bornbestanden bij een online dienst zou willen onderbrengen maar wellicht wordt dat ooit duidelijk.
css  webdesign  tools  from twitter_favs
july 2011 by vasilis
Identity at Mozilla
Mozilla heeft een team opgezet wat zich bezighoudt met online identities. Hun eerste wapenfeit is BrowserID, een manier om in te loggen op verschillende websites die wél eenvoudig is (als hij aanslaat). Interessant om je eens in te verdiepen.
webdesign  security  identity  privacy  browsers 
july 2011 by vasilis
Design View / Andy Rutledge - News Redux
Andy Rutledge vindt de huidige nieuws sites slecht. Hij legt waarom en hij heeft gelijk. Vervolgens toont hij een mogelijk redesign van de New York Times, gebaseerd op zijn meningen en ideeën over hoe een nieuws site er uit moet zien. De man is briljant. Absolute must read voor iedereen: goede c
webdesign  design  news  content  from google
july 2011 by vasilis
HSL Color Picker - by Brandon Mathis
Zoals de naam al doet vermoeden is dit een HSL color picker. Je weet niet wat HSL is? Het is een kleurformaat die wel uit je hoofd te leren is, in tegenstelling tot RGB en hex. Maar deze tool doet meer. Zo kan je heel eenvoudig een hex-kleur omzetten naar HSL of RGB. Zeer handig!
css  webdesign  color  from twitter_favs
july 2011 by vasilis
Design Pattern Repositories | Konigi
Waarom zou je zelf telkens opnieuw het wiel proberen uit te vinden? Anderen hebben dat waarschijnlijk al gedaan en goede kans dat ze meer tijd hadden om goed uit te zoeken hoe het lekker werkt. Hier heb je een mooi overzicht naar allerlei design patronen. Doe er je voordeel mee.
webdesign  design  reference  links  patterns  from twitter_favs
july 2011 by vasilis
Fount · Identify any web font you see.
Zie je een webfont wat je mooi vindt maar heb je geen zin om de code in te duiken om te ontdekken hoe het heet en hoe het precies gestijld is? Gebruik dan Fount, een bookmarklet die je precies die informatie geeft. Erg handig!
webdesign  typography  fonts  bookmarklet  from twitter_favs
july 2011 by vasilis
The top 10 open source web fonts | Feature | .net magazine
Lijstjes van de tien beste whatevers, ik link er graag niet naar. Maar soms verschijnt er een nuttig lijstje, zoals deze met allemaal waardevolle links naar gratis webfonts en gratis webfont diensten, bijna allemaal open source ook nog eens. Must read and remember voor alle designers.
webdesign  typography  fonts  from twitter_favs
july 2011 by vasilis
deaxon › software design
Wauw. Ik had het laatst al eens over de enorme hoeveelheid talent in België. Het houdt niet op. Dit is het nieuwe portfolio van Benjamin De Cock waarin hij op eenvoudige en overzichtelijke wijze laat zien waar hij de laatste tijd aan gewerkt heeft: een stuk of zes setjes met interfaces en iconen
css  webdesign  javascript 
july 2011 by vasilis
Get off(line) | Web Directions
Het Cache Manifest, een prachtig idee maar iedereen die er wel eens mee gespeeld heeft weet dat de uitvoering nogal complex kan zijn – ik heb vaak genoeg voor lul gestaan als ik wilde laten zien dat een webapp ook offline kan werken. Maar het kan dus wel, je moet het alleen wel goed doen. In di
webdesign  html5  development  cache  offline  from twitter_favs
july 2011 by vasilis
Responsive by default - Blog | Andy Hume
De best practices die we al jaren – en in het geval van mediaqueries pas een jaar – propageren, progressive enhancement, feature detection, zijn vaak een ideaal, het lukt niet altijd om het tot in de perfectie door te voeren. Andy Hume concludeert hieruit niet dat we die best practices du
design  development  responsive  webdesign 
july 2011 by vasilis
Designing for Content: Creating a Message Hierarchy - Web Standards Sherpa
Ontwerpen vanuit de content, iedereen wil het maar zo makkelijk is het niet: je hebt namelijk content nodig en die is er meestal nog niet. In dit artikel van Stephanie Hay (nee, niet Stephen) wordt gekeken hoe je er voor kunt zorgen dat je wél goede content/copy hebt voordat je begint met desi
content  strategy  design  webdesign  from google
july 2011 by vasilis
Brain vs. Object Oriented CSS - Ryan Lazuka
Aardig artikel over OOCSS en over de weerstand die het oproept. Veel van de principes van OOCSS gaan tegen het gezonde verstand van veel developers in. Ryan Lazuka adviseert om het gezonde verstand te laten varen en het toch te gaan gebruiken.
css  oocss  webdesign  from twitter_favs
july 2011 by vasilis
The Magic Designer - Wolf's Little Store
Bedrijven willen wel eens een design "zoals dat van Apple". Johan Ronsse legt haarfijn, gedetailleerd, ietwat gepikeerd, maar telkens duidelijk uit waarom dat niet is wat je wil en hij vertelt ons wat we dan wel willen. Een must read voor klanten en voor designers die alleen mooie plaatjes willen mak
webdesign  design 
july 2011 by vasilis
A List Apart: Articles: A Modest Proposal
Bedrijven worden vaak door potentiele klanten benaderd voor een zogenaamde Request For Proposal (RFP). Nathan Peretic geeft in dit A List Apart artikel een aantal waardevolle tips voor het succesvol uitwerken van zo'n RFP. Doe er je voordeel mee zou ik zeggen!
webdesign  design  business  from google
july 2011 by vasilis
Designing For Android - Smashing Magazine
Wil je je sites optimaliseren voor Android? Zorg er voor dat je een paar verschillende Androids hebt om op te testen want tsjongejonge hoe moeilijk kan je het maken. Lees vooral de hoofdstukken over resoluties en het maken van screenshots (WTF? Een hoofdstuk alleen over het maken van screenshots? Dat
webdesign  mobile  android  from twitter_favs
july 2011 by vasilis
Fluid Grids—a fluid grid calculator by Harry Roberts
Werkt je designer graag met pixelgrids maar werk jij liever met procenten? Deze tool kan je helpen om pixelgrids om te zetten in procentgrids. Handig voor adaptive layouts!
webdesign  grid  from twitter_favs
june 2011 by vasilis
10 Ways the Mobile Web is Different
Lijstjes met 10 punten, ik negeer ze meestal. Maar dit lijstje, daar had ik eens zin in om op te reageren. Bij punt 1 concludeert Matt Doyle dat in een mobiele site belangrijke content bovenaan moet staan, dat het font lekker leesbaar moet zijn en dat je de gebruiker niet moet overladen met te veel c
mobile  webdesign  from twitter_favs
june 2011 by vasilis
dropshado.ws
Wil je goede maar ook leuke en slimme tips over webdevelopment met een voorkeur voor kick-ass? Volg dan dit blog van David DeSandro.
css  webdesign  javascript  from twitter_favs
june 2011 by vasilis
How to Actually Make Text Look Interesting: Minimalist Web Design — Space
Goed typografie, je kan het leren. In dit lange artikel worden aardig wat basisprincipes uitgelegd. Erg handig!
webdesign  design  typography  from twitter_favs
june 2011 by vasilis
Notes from Ampersand conference — My Digest — Laura Kalbag
Een tijdje geleden was een een conferentie over webdesign en typografie in Brighton met allemaal briljante sprekers. Ik had daar eigenlijk best bij willen zijn geweest. Gelukkig hebben we de live bloggers nog. Hier een erg goede samenvatting van de verschillende verhalen die verteld zijn, inclusief c
webdesign  typography  from google
june 2011 by vasilis
A Whole Bunch of Amazing Stuff Pseudo Elements Can Do | CSS-Tricks
Pseude-elements kicken ass. De hoeveelheid toffe dingen die je er mee kunt maken is wellicht eindeloos. Hier vind je een lijstje met voorbeelden van wat er allemaal kan. Verplicht leesvoer voor iedereen die nog niet zo veel met pseudo-elemenetn heeft gedaan. Lees het, bekijk de voorbeelden, begrijp de kracht er van, laat je inspireren en gaat heen en bouw er mooie dingen mee!
css  webdesign  from delicious
june 2011 by vasilis
Sprite Cow
Gebruik je wel eens sprites om achtergrondplaatjes te tonen? Wat een gedoe he? Van deze tool ga je blij worden. Probeer het voorbeeldplaatje eens uit om te zien hoe cool hij is.
css  webdesign  tools  images 
june 2011 by vasilis
Coding Horror: Performance is a Feature
Performance is belangrijk. Hoe belangrijk? Zo belangrijk dat het een feature is. Jeff Atwood legt uit.
webdesign  performance  from twitter_favs
june 2011 by vasilis
Mastering CSS Reflections in Webkit | Design Shack
In webkit browsers kan je plaatjes/elementen spiegelen. Dat klinkt simpel maar het is wat complexer dan het lijkt en het is vooral veel tóffer dan het lijkt, er zitten namelijk wat extra parameters bij deze feature waardoor de mogelijkheden bijkans eindeloos zijn. Technische designers, lees di
css  webdesign  css3  reflection  from twitter_favs
june 2011 by vasilis
Design Communism | Blog | design mind
Scott Jenson van Frog Design legt uit waarom standaarden zo ontzettend belangrijk zijn en hij pleit voor een soort 'Design Communisme' (het is minder eng dan je wellicht zult denken) om te voorkomen dat bestaande mobiele giganten bepalen welke technieken we kunnen gebruiken. Hij legt uit waarom dit z
webdesign  html5  standards  design  from twitter_favs
june 2011 by vasilis
To hell with bad devices: Responsive web design and web standards | Marc Drummond
Dit is echt een bijzonder goed – en lang – artikel over responsive webdesign, over (mobiele) context, over device support, over verschillende manieren om verschillende apparaten te ondersteunen, eigenlijk over het hele probleem waar we nu mee bezig zijn, wat we nu proberen op te lossen: h
css  javascript  webdesign  responsive  from google
june 2011 by vasilis
Pretenders: Why mobile Web apps should stop trying to act like native apps « cvil.ly
Je ziet ze veel, (mobiele) sites/webapps die doen alsof ze een iPhone apps zijn. Craig Villamor legt uit waarom het zo'n slecht idee is om te proberen om een native app na te bootsen in de browser. Must read voor iedereen die dit niet begrijpt, vooral voor designers.
webdesign  design  mobile  browser  from twitter_favs
june 2011 by vasilis
Magic Ink: Information Software and the Graphical Interface
Heb je even? Ik had helaas geen tijd om dit hele artikel/boek door te nemen maar mijn interesse is gewekt en ik ga op zoek naar tijd om het helemaal te lezen. Bret Victor vindt dat 'interactie' het minst belangrijk is bij het ontwerpen van software, veel belangrijker zijn grafisch ontwerp en context.
webdesign  design  usability  from twitter_favs
june 2011 by vasilis
HTML5 Forms Readiness Chart · Wufoo
Handige pagina waarme je even snel kunt checken of een formulierfeature al werkt in je browser.
webdesign  forms  from twitter_favs
june 2011 by vasilis
CSS3 regions: Rich page layout with HTML and CSS3 | Adobe Developer Connection
Adobe verraste laatst vriend en vijand met CSS3 regions, een eigen CSS brouwsel waarmee je echte klassieke DTP/magazine layouts op het web kunt maken. In dit artikel wordt uitgelegd hoe het gaat werken.
css  webdesign  design  from twitter_favs
june 2011 by vasilis
Mobile-First Responsive Web Design | Brad Frost Web
Wil je weer eens iets lezen over responsive web design? En ook iets over Mobile First? Een stukje progressive enhancement er bij? Ga er maar voor zitten, hier is een ultralange post die deze belangrijke onderwerpen aan elkaar koppelt en die bovendien boordevol links naar topartikelen staat. Absoluut
webdesign  usability  responsive  from twitter_favs
june 2011 by vasilis
Accessibility. You’re doing it wrong. | nicepaul.com
Paul Annett heeft laatst onderzoek naar toegankelijkheid gedaan en deelt zijn bevindingen. Verplicht leesvoer.
webdesign  accessibility  from google
june 2011 by vasilis
Tips, Tricks and Best Practices for Responsive Design | Webmonkey | Wired.com
Een lijstje met een aantal aardige tips voor als je aan de slag wilt gaan met het bouwen van een adaptieve layout.
css  webdesign  responsive  from google
june 2011 by vasilis
Andy Budd::Blogography
Andy Budd vraagt zich af waar de grote responsive websites zijn. Hij toont wat voorbeeldjes maar vergeet te vertellen dat we pas een jaartje bezig zijn met deze materie. Het is lastig om klanten te overtuigen dat een nieuw idee daadwerkelijk een goed idee is. Grote corporaties hiervan overtuigen is n
webdesign  responsive  from google
june 2011 by vasilis
Where are the Mobile First Responsive Web Designs? « Cloud Four
Mobile First, veel liefhebbers van het One Web principe propageren ook de Mobile First gedachte, het idee dat je websites vanuit mobiel moet verzinnen en bouwen. Als je een site op die manier bouwt dan heeft hij bepaalde eigenschappen die te meten zijn, denkt Jason Grigsby. Hij is gaan kijken waar di
webdesign  mobile  from twitter_favs
june 2011 by vasilis
A Book Apart, Responsive Web Design
Iets meer dan een jaar geleden schreef Ethan Marcotte het artikel Responsive Web Design op A List Apart. Vandaag is eindelijk het boek met dezelfde titel verschenen op A Book Apart. (Tip, in de epub-versie staan video's!)
webdesign  content  responsive 
june 2011 by vasilis
A List Apart: Articles: Fluid Images
Op A List Apart staat een hoofdstuk over fluid images uit het nieuwe boek van Ethan Marcotte. Verwacht niet, zoals ik deed, dé ultieme oplossing voor verschillende plaatjes voor verschillende schermgroottes maar verwacht gerust álles te weten te komen over hoe je plaatjes kunt laten sch
css  webdesign  images  from google
june 2011 by vasilis
3 Reasons Why Learning To Code Makes You A Better Designer » UIE Brain Sparks
Jared Spool schreef laatst een artikel over de vraag naar webdesigners die ook code kunnen schrijven in Silicon Valley. Daar zijn nogal wat reacties op gekomen. Hij geeft nu nog drie redenen waarom het een goed idee is om te kunnen programmeren als designer. Klein must-readje voor designers.
webdesign  development  from twitter_favs
june 2011 by vasilis
Responsive web design from the future — Warpspire
De keizers van de URL, de mensen van GitHub, leggen uit hoe je een snelle, complexe applicatie bouwt die slim gebruik maakt van hedendaagse webtechnieken. Must read voor iedereen die denkt dat hashbangs wel ok zijn. Let op het woordje 'FOREVER' in de presentatie.
javascript  webdesign  html5  development  history  url  from google
june 2011 by vasilis
Cursus: Inclusive Design, door Jeroen Hulscher · Fronteers
Jeroen Hulscher geeft binnenkort een workshop Inclusive Design voor Fronteers. Je leert hoe je websites bouwt die voor iedereen en alles toegankelijk is. Weet je nog niet hoe dat moet of heb je geen idee waarom je dit moet willen? Dan moet je deze cursus volgen. Mag je kennis een beetje bijgespijkerd
webdesign  accessibility  usability 
june 2011 by vasilis
Dynamically changing the meta viewport - QuirksBlog
De meta-viewport wil je soms dynamisch aanpassen. Waarom? Er zijn meerdere redenen voor te verzinnen. Zo wil je misschien wel het standaard zoom-zodat-het-past-gedrag voor tablets maar wil je een device-pixelgedrag voor mobieltjes omdat je de layout wilt optimaliseren voor kleine schermpjes. Het blij
css  javascript  mobile  webdesign  from twitter_favs
june 2011 by vasilis
Mobile accessibility tip – Use visible anchored links » iheni :: making the web worldwide
Een van de patronen die we tegenkomen bij het bouwen van adaptieve layouts is content die is ingeklapt. Het gaat dan vaak om content die belangrijk genoeg is om bovenaan de pagina te plaatsen maar die niet het hele oppervlak van het scherm in beslag moet nemen. Zichtbare skiplinks als het ware. Henny
webdesign  mobile  accessibility  from google
june 2011 by vasilis
Designers that code: a response to Jared Spool : Deep Background
Gisteren linkte ik naar een stuk van Jared Spool waarin hij aangeeft dat men in Silicon Valley behoefte heeft aan designers die code kunnen schrijven. Jenifer Tidwell plaatst een paar kanttekeningen bij dit idee.
design  development  webdesign  from twitter_favs
june 2011 by vasilis
LukeW | Netflix Makes Content the UI
We zijn gewend om websites te ontwerpen voor de desktop. We gebruiken hiervoor bepaalde patronen. Wat je meer en meer ziet is dat er patronen van andere apparaten gebruikt worden voor desktop sites. De Mobile First gedachte is hier een mooi voorbeeld van maar we kunnen ook leren van andere devices. N
webdesign  content  from twitter_favs
june 2011 by vasilis
Why The Valley Wants Designers That Can Code » UIE Brain Sparks
Volgens Jared Spool is men in Silicon Valley op zoek naar "Super Designers", webdesigners die niet alleen mooie plaatjes kunnen maken maar ook goede code kunnen schrijven. Hij heeft niet het idee dat grote bedrijven ook nu al op zoek zijn naar dit soort multitalenten. Ik heb dat idee wel. Webdesigner
webdesign  design  webdev  from twitter_favs
june 2011 by vasilis
CSS transitions & media queries » Blog » Elliot Jay Stocks
Iedereen vindt CSS transitions tof. Developers worden er blij van omdat eenvoudige animaties uiterst eenvoudig geschreven kunnen worden. Klanten worden er blij van omdat er geen tijd verspild hoeft te worden aan het maken van complexe javascript-oplossingen. En designers worden er blij van. Mensen di
css  webdesign  css3  transitions  responsive  from twitter_favs
may 2011 by vasilis
Chartify – A Visualization Plugin for jQuery
Datatabellen tonen op een mobieltje is lastig. Een van de oplossingen bestaat er uit om de tabel te vervangen door een diagram die de data visueel weergeeft. Daar is nu een jQuery plugin voor. (werkt natuurlijk niet met alle soorten data).
webdesign  tables  charts  jquery  from twitter_favs
may 2011 by vasilis
Design Professionalism - by Andy Rutledge
Wanneer kan je jezelf een professional noemen? Andy Rutledge houdt zich al tijden met die vraag bezig, vooral vanuit een webdesigners perspectief. Hij heeft er een boek over geschreven wat gratis online te lezen is of voor 9 dollar (plusminus 0 euro) in epub formaat is te downloaden. De man heeft har
webdesign  design  professionalism  book 
may 2011 by vasilis
Bagchecking in the Command Line | Bagcheck
Progressive enhancement is een manier van applicaties bouwen. Ik gebruik de term meestal om aan klanten uit te leggen dat er verschillende bestaan tussen browsers en dat je gebruik kunt maken van die verschillen. Luke Wroblewski gaat een stuk verder en past progressive enhancement toe op API niveau,
webdesign  development  progressive-enhancement 
may 2011 by vasilis
CSS Mask-Image & Text | Trent Walton
Mooie dingen doen met tekst, elke webdesigner wil het. Helaas is er veel nog niet mogelijk. Maar Trent Walton onderzoekt de mask-image property, een property waarmee je bijvoorbeeld textures kunt geven aan letters. Hij legt er meteen bij uit hoe je er voor kunt zorgen dat de boel er ook nog acceptabe
css  webdesign  typography  css3  from twitter_favs
may 2011 by vasilis
LukeW | Mobile Context Revisited
Er wordt te veel waarde gehecht aan de mobiele context. Luke Wroblewski legt ons uit waar we ons wel op moeten concentreren als we ontwerpen voor mobiel: de mogelijkheden en beperkingen van het apparaat én het feit dat we het altijd bij ons hebben. Fijn.
webdesign  mobile  ux  web  from google
may 2011 by vasilis
Overlays and Lightboxes: Keys to Success - Web Standards Sherpa
Overlays, zijn dat nu eigenlijk wel echt handige dingen? Derek Featherstone bekijkt een site en geeft antwoord op deze vraag (en nog een paar vragen) vanuit een toegankelijkheidsoogpunt, wat in dit geval een duidelijke overlap heeft met een algemeen usability oogpunt. Zeer interessant leesvoer, al is
webdesign  javascript  accessibility  from google
may 2011 by vasilis
LukeW | Mobilism: Beyond the Mobile Web
Goede samenvatting van de prachtige en bijzonder leerzame presentatie die Stephanie Rieger hield tijdens het Mobilism congres. Fijn puntsgewijs samengevat door Luke Wroblewski. De slides van de presentatie zelf vind je hier: http://www.slideshare.net/yiibu/beyond-themobilewebbyyiibu
mobile  web  mobilism  context  webdesign 
may 2011 by vasilis
allmarkedup/responsive-images-alt - GitHub
Client server logica kan je natuurlijk prima gebruiken bij het oplossen van het probleem met content images. Mark Perkins heeft de oplossing van de Filament Group iets aangepast.
images  responsive  webdesign  from twitter_favs
may 2011 by vasilis
Content aware responsive images - andyhume.net
Een van de lastigste problemen bij responsive design is hoe om te gaan met plaatjes in de content. Andy Hume komt met een mooie oplossing die kijkt naar de grootte van het plaatje en het alleen vervangt door een grotere of kleinere versie als dat nodig is. Dat gaat iets verder dan wat generieke oplos
webdesign  development  responsive  images  from twitter_favs
may 2011 by vasilis
The Goldilocks Approach to Responsive Web Design
Ontwerpen met formaten van apparaten in je achterhoofd is misschien niet helemaal het beste idee: nieuwe apparaten hebben telkens afwijkende formaten. Dit artikel legt uit dat een beter uitgangspunt voor een goed ontwerp de menselijke gebreken zijn. Applaus. "By designing for human constraints (reada
webdesign  design  responsive  from google
may 2011 by vasilis
Personal Blogs of Web People That I Like To Read | CSS-Tricks
Heb je niet genoeg aan de Daily Nerd? Wil je up-to-dater zijn? Dat kan. Chris Coyier deelt zijn feeds.
css  webdesign  design  javascript  feed  links  from twitter_favs
may 2011 by vasilis
FitText - A plugin for inflating web type
Voor de designers onder u: je kunt nu een headline over de hele breedte van een pagina laten lopen, ongeacht de lengte van de tekst dankzij deze jquery plugin. Vraag even aan uw frontend developer of jquery wel gebruikt wordt voordat u daar vanuit gaat. En bespreek het idee ook even met uw content ma
webdesign  javascript 
may 2011 by vasilis
Meta layout: a closer look at media queries
Was je niet bij Mobilism? Ai. Stephen Hay was een van de sprekers en hij sprak over media queries, over het verschil tussen design en layout, over mogelijke werkwijzes etc. En dat alles verpakt in een prachtige presentatie, zoals altijd.
css3  mediaqueries  development  design  webdesign  interactiondesign  from twitter_favs
may 2011 by vasilis
Adaptive Web Design: Crafting Rich Experiences with Progressive Enhancement — Easy Readers
Haal je je kennis graag uit een boek en wil je meer weten over Responsive Web Design? Tadaa, Aaron Gustafson heeft een boek over dit onderwerp geschreven.
webdesign  css  javascript  html5  design  responsive  book  from google
may 2011 by vasilis
Home - The Book of CSS3
Haal je je kennis graag uit een boek en wil je meer weten over CSS3? Tadaa, Peter Gasston heeft een boek over dit onderwerp geschreven.
css  webdesign  css3  webdev  book  from google
may 2011 by vasilis
Free Faces
Heb je ook genoeg van de onhandigheid van fontservices? Word je ook wanhopig van de vijandigheid van font foundries? Gratis fonts zijn misschien niet altijd perfect maar fuck, wat besparen ze je een hoop gedoe. Deze site geeft voorbeelden van bruikbare gratis fonts.
webdesign  typography  fonts  from twitter_favs
may 2011 by vasilis
Layer Styles
Aardig visueel tooltje om css mee te genereren maar lang niet krachtig genoeg voor productie: je kan maar één drop-shadow maken in plaats van mother-ffing veel. Photoshop als basis voor je UI design blijkt misschien dus niet zo'n goed idee.
css  webdesign  tool  from twitter_favs
may 2011 by vasilis
Sickdesigner.com | Masonry CSS or Getting awesome with CSS3
Meerdere blokelementen van verschillende hoogte in kolommen tonen, dat is iets wat onmogelijk is met CSS. Is dat wel zo? Nee, natuurlijk kan dat wel: met display:inline-block; en CSS3 columns (hoera, een nuttige use case gevonden!). Perfect toe te passen in een fluid, adaptive layout.
csswebdesigncss3layout  css  webdesign  css3  layout 
may 2011 by vasilis
Adactio: Journal—Podchatting
Voor mensen die liever luisteren dan lezen is er een podcast interview met Jeremy Keith over responsive web design waarin hij zijn mening uitlegt.
responsivewebdesignaudio  responsive  webdesign  audio  from google
may 2011 by vasilis
code · Under the Hood #2: Internal / External Links, the CSS3 Way
Er zijn vele soorten links. Links naar interne pagina's, naar externe pagina's, naar bekende sites, naar e-mailprogramma's, naar documenten, verzint u maar. Deze kunnen natuurlijk allemaal anders vormgegeven worden. Kroc Camen toont wat mooie subtiele oplossingen, zowel visueel als code-technisch. De
css  webdesign  links  from twitter_favs
may 2011 by vasilis
CSS3 Gradients
Krijg je geen genoeg van de ongelooflijke gradients die Lea Verou heeft gemaakt en wil je meer? Hier is nog een collectie. Ik voorzie een minder minimalistische design trend in de nabije toekomst.
webdesigncss3gradient  webdesign  css3  gradient  from google
may 2011 by vasilis
Web font services - An Overview - by sprungmarker.de
Handige vergelijkinstabel van de verschillende font-services.
csswebdesignfontstypographytools  css  webdesign  fonts  typography  tools 
may 2011 by vasilis
A List Apart: Articles: A Dao of Web Design
De laatste tijd zie ik meer en meer gerefereerd worden naar A Dao of Web Design, een klassiek artikel over webdesign, wat er over gaat om de eigenschappen van het web (zoals variabele schermgrootte, onzekere fontrendering, etc.) niet als beperkingen te zien maar ze juist te omarmen. Bij herlezing bli
webdesign  accessibility  responsive  from twitter_favs
may 2011 by vasilis
Adactio: Journal—Ethan Marcotte: The Responsive Designer’s Workflow
Ethan Marcotte, held, presenteerde vorig jaar op An Event Apart het concept Responsive Web Design. Nu we een jaar verder zijn legt hij uit hoe je dit concept in de praktijk brengt bij het bouwen van een grote, complexe site. Een abolute must read voor iedereen die in een grote organisatie werkt en op
csswebdesigndesigncontent  css  webdesign  design  content  from google
may 2011 by vasilis
Adactio: Journal—Luke Wroblewski: Mobile Web Design Moves
Luke Wroblewski sprak op An Event Apart over mobiele movements, patronen die zichtbaar beginnen te worden in mobile usability. Must read voor mensen die niet zelf het wiel willen uitvinden.
webdesigndesignmobileux  webdesign  design  mobile  ux  from google
may 2011 by vasilis
[challenge] Build your infographics in HTML5 and CSS3
Paul Rouget betoogt, terecht, dat al die prachtige infographics eigenlijk met webtechnieken (html, css en svg) gebouwd moeten worden omdat ze dan nóg mooier maar vooral ook toegankelijker, beter en flexibeler kunnen worden. Aan de slag, designers!
webdesigngraphics  webdesign  graphics  from twitter_favs
april 2011 by vasilis
Responsive Data Tables | CSS-Tricks
Een van de lastigste dingen om te bouwen op een mobiel is een flinke data-tabel. Die zijn altijd te breed. Chris Coyier Geeft een redelijk complexe oplossing die goed werkt als je de structuur van de tabel van te voren kent. Gelukkig worden er nog twee oplossingen gegeven onder het artikel die generi
csstableswebdesign  css  tables  webdesign  from google
april 2011 by vasilis
LukeW | Breaking Development: Real World Responsive Design
Luke Wroblewski geeft een erg goede samenvatting van de presentatie die Stephen Hay laatst gaf op het Breaking Development congres. Mensen die naar Mobilism gaan: mazzelpikken, dit is een toppresentatie. Mensen die daar niet heen kunnen, lees deze samenvatting even door.
designcss3responsivewebdesign  design  css3  responsive  webdesign  from twitter_favs
april 2011 by vasilis
« earlier      

related tags

#abookapart ⊕  #Canvas ⊕  #cc ⊕  #CSS3 ⊕  #Google ⊕  #html5 ⊕  #naconf ⊕  #responsive ⊕  #slides ⊕  #webdesign ⊕  #webfonts ⊕  #yam ⊕  @font-face ⊕  abookapart ⊕  accessibility ⊕  adaptive ⊕  android ⊕  animation ⊕  architecture ⊕  audio ⊕  badpractice ⊕  bestpractices ⊕  blog ⊕  boek ⊕  bokeh ⊕  book ⊕  bookmarklet ⊕  browser ⊕  browsers ⊕  business ⊕  cache ⊕  Canvas ⊕  cc ⊕  charts ⊕  clients ⊕  color ⊕  colors ⊕  communication ⊕  community ⊕  conference ⊕  content ⊕  context ⊕  css ⊕  css3 ⊕  css3cssperformancewebdesign ⊕  css3tricks ⊕  csstableswebdesign ⊕  csswebdesigncss3layout ⊕  csswebdesigndesigncontent ⊕  csswebdesignfontstypographytools ⊕  design ⊕  designcss3responsivewebdesign ⊕  designinspirationtypographywebdesign ⊕  designresponsivewebdesign ⊕  designusabilitywebdesign ⊕  designwebdesigntoolscommunication ⊕  desktop ⊕  detection ⊕  development ⊕  devices ⊕  ebook ⊕  education ⊕  feed ⊕  flickr ⊕  fold ⊕  font ⊕  font-face ⊕  fonts ⊕  fontstack ⊕  forms ⊕  frontend ⊕  front_end_engineering ⊕  ghehehe ⊕  google ⊕  gradient ⊕  graphics ⊕  grid ⊕  hack ⊕  history ⊕  hover ⊕  html ⊕  html5 ⊕  humor ⊕  identity ⊕  ie ⊕  ie6 ⊕  image ⊕  images ⊕  inspiration ⊕  interactiondesign ⊕  javascript ⊕  jquery ⊕  language ⊕  layout ⊕  lightbox ⊕  links ⊕  logo ⊕  LOL ⊕  marketing ⊕  media-queries ⊕  mediaqueries ⊕  mobiel ⊕  mobile ⊕  mobilism ⊕  naconf ⊕  news ⊕  offline ⊕  oocss ⊕  oop ⊕  originality ⊕  osx ⊕  paper ⊕  patterns ⊕  performance ⊕  persuasion ⊕  png ⊕  presentation ⊕  privacy ⊕  professionalism ⊕  progressive-enhancement ⊕  psychology ⊕  quotes ⊕  redesign ⊕  reference ⊕  reflection ⊕  resources ⊕  responsive ⊕  responsivewebdesignaudio ⊕  scroll ⊕  security ⊕  select ⊕  semantics ⊕  seo ⊕  shadow ⊕  slides ⊕  software ⊕  standards ⊕  statistics ⊕  strategy ⊕  structure ⊕  svg ⊕  tables ⊕  tellen ⊕  tool ⊕  tools ⊕  transitions ⊕  trends ⊕  tutorial ⊕  twitter ⊕  typography ⊕  typographywebdesigndesignusability ⊕  ui ⊕  url ⊕  usability ⊕  ux ⊕  w3c ⊕  web ⊕  webdesign ⊖  webdesigncss3gradient ⊕  webdesigndesigncontent ⊕  webdesigndesignmobileux ⊕  webdesigngraphics ⊕  webdev ⊕  webfonts ⊕  webstandards ⊕  wireframes ⊕  wordpress ⊕  xhtml ⊕  yam ⊕  yui ⊕ 

Copy this bookmark:



description:


tags: