RSS

vasilis + css   432

Responsive Containers | Andy Hume
dit bedoel ik
responsivewebdesign  javascript  css  css3  css4  from twitter
6 weeks ago by vasilis
Vertical centering with Flexbox + margin fallback ✿ dabblet.com
Vertical centering is very well possible, <b>Lea Verou</b> and <b>David Storey</b> show us how. There's a small misconception though: people always assume that they want <i>vertical centering</i>. But vertical centering looks unbalanced: you want your item to be positioned slightly above the center. You can do this by <a href="http://dabblet.com/gist/2412191">setting the <code>height</code> of the <code>body</code> to 80% or 90%</a>.
css  flexbox  layout 
6 weeks ago by vasilis
Wildbit » Refactoring >14,000 lines of CSS into Sass - Thoughts on building web apps, businesses, and virtual teams
Big CSS files can get bloated. <b>Eugene Fedorenko</b> explains how he cleaned up the CSS files from Beanstalk and how he made the step to SASS.
css  sass  metalanguages 
6 weeks ago by vasilis
Shuffle
Nice. Isotope alternative Shuffle by 15% the size
script  jquery  css  from twitter_favs
8 weeks ago by vasilis
Little CSS Stuff Newcomers Get Confused About | CSS-Tricks
Een lijstje met verwarrende CSS dingen. De eerste, &quot;Tag qualifying&quot;, moet je nooit gebruiken, is een slecht idee. De rest zou wel duidelijk moeten zijn.
css 
july 2011 by vasilis
CSSFrag Safari Extension // ShaunInman.com
Soms wil je linken naar een hoofdstuk in een artikel of iets anders specifieks op een webpagina. Als er een ID op dat element staat in de HTML dan kan dat door de ID achter een hash achter de URL te zetten (ja). Maar meestal hebben elementen geen ID. Shaun Inman had er genoeg van dat je niet naar ID-
id  css  extension  browsers  content 
july 2011 by vasilis
Responsive images using CSS3 – Nicolas Gallagher
In de toekomst zou het wellicht mogelijk moeten zijn om met behulp van mediaqueries, data-attributen en generated content verschillende plaatjes te serveren aan verschillende resoluties, zonder gebruik te maken van JavaScript. De nadelen van deze techniek – buiten het feit dat hij nog niet werk
css  css3  images  responsive 
july 2011 by vasilis
Responsive images right now — CSS Wizardry—CSS, Web Standards, Typography, and Grids by Harry Roberts
Als je de exacte afmetingen van een plaatje weet dan kan je redelijk eenvoudig op een semantisch correcte en toegankelijke manier, zonder gebruik te maken van server- of client-side scripts, verschillende plaatjes aan verschillende resoluties serveren. Nadelen? Grote schermen downloaden beide plaatje
css  images  responsive 
july 2011 by vasilis
Little CSS Stuff Newcomers Get Confused About | CSS-Tricks
Little CSS stuff newcomers get confused about; .:
css  from twitter_favs
july 2011 by vasilis
Bricss - Disabling default appearance of form elements on iOS
Formulierelementen stijlen, bijna alle designers willen het. Meestal is er dan niet meer te zien dan iets een select is, of een checkbox, maar er bestaan ook goede designers die er iets bruikbaars van weten te maken. In die gevallen is het fijn om te weten dat dit in webkit browsers kan. Het is een g
css  forms  design 
july 2011 by vasilis
Responsive images using CSS3 – Nicolas Gallagher
css  css3  images  responsive  from google
july 2011 by vasilis
Responsive images right now — CSS Wizardry—CSS, Web Standards, Typography, and Grids by Harry Roberts
css  images  responsive  from google
july 2011 by vasilis
Stephen Tudor: OOCSS, For Great Justice
OOCSS, een gesturctureerde manier om om te gaan met grote en complexe stylesheets roept veel weerstand op. Dit artikel, wat voor een groot deel gebaseerd is op artikelen van Martin Sutherland (er wordt veelvuldig naar gelinkt, klik vooral op die links) behandelt een van de punten waar veel weerstand
css  bestpractices  from twitter_favs
july 2011 by vasilis
Summary of various exciting CSS drafts and proposals | Nimbupani Designs
De CSS Working Group is bij elkaar – een zeer diverse groep mensen met uiterst verschillende achtergronden – om over nieuwe CSS voorstellen te praten. Divya Manian is er ook bij en ze beschrijft de onderwerpen die besproken gaan worden, zoals grid-layout en exclusions. Leerzaam en tof!
css  future  from twitter_favs
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
Don’t use IDs in CSS selectors? ❧ Oli.jp (@boblet)
Een tijdje geleden schreef Matt Wilcox een artikel over CSSLint en waarom hij het een slechte tool vindt. Oli Studholme is het vooral niet eens met een specifiek punt: het gebruik van ID's om content te stijlen. Matt vindt dat je dat wel moet doen en Oli geeft een heleboel redenen waarom je het niet
css  development  performance  from twitter_favs
july 2011 by vasilis
Motion/Emotion
Prachtige, inspirerende en leerzame presentatie van David Desandro over transities en animaties. Hij neemt als uitgangspunt voor zijn ontwerpen altijd de de klassieke Design Mobility Pyramide – geeft niks, ik kende hem ook niet – en draait hem om. Volgens Desandro moet &quot;delight&quot; – g
animation  transitions  css  javascript  browsers  from twitter_favs
july 2011 by vasilis
haz.io › HTML5 & CSS3 Browser Capabilities
Wil je kijken welke tests van Modernizr jouw browser allemaal passeert? Dat kan lekker makkelijk op het eenvoudig te onthouden domeintje haz.io (veel makkelijker te vinden/onthouden dan de originele modernizr-testpagina maar wellicht niet zo up to date)
css  tool  modernizr  html5  from twitter_favs
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
Responsive Containers - Blog | Andy Hume
Mediaqueries zijn handig om je layout, of componenten, mee aan te passen aan de breedte van het scherm. Waar ze niet geschikt voor zijn is voor het aanpassen van een individueel component wat er verschillend uitziet afhankelijk van de breedte van zijn container. Voorbeeld: een inlogform heeft z'n lab
css  javascript  responsive  oocss  from twitter_favs
july 2011 by vasilis
Opera's Developer Relations Team - Web Education moving forward - Opera WSC goes to the W3C!
Het Web Standards Curriculum van Opera, een uiterst waardevolle collectie artikelen, tutorials en lessen over webstandaarden en webtechnieken is verhuisd naar een wiki op de site van de W3C. Wil je meer weten over een webtechniek? Dit is een erg goede bron.
standards  education  html  css  javascript  from twitter_favs
july 2011 by vasilis
Content Choreography | Trent Walton
Eindelijk weer eens een interessant artikel over responsive design. Mooi vormgegeven ook! Trent Walton heeft het over Content Choreography, de complexe dans die je moet uitvoeren om tot goede layouts voor verschillende schermgroottes te komen. Hij komt met wat aardige design-patronen en adviseert om
css  content  responsive  mediaqueries 
july 2011 by vasilis
CSS3 Isometric Text Demo
Wat kan je nu allemaal met wat CSS en een hedendaagse browser? Je kan bijvoorbeeld een ruimtelijke suggereren waarin blokkige letters een schaduw werpen op een blokjespatroon; een blokjespatroon met een gat er in waardoor we een stuk van een planeet zien. Niet genoeg? Je kan ook de tekst nog aanpasse
css  css3  from twitter_favs
july 2011 by vasilis
Responsible Sass Authoring - Stephen Tudor
Met Sass kan je CSS schrijven op een manier die developers gewend zijn, je kan bijvoorbeeld gebruik maken van variabelen en je kan code nesten. Maar als je niet op let dan kan het al heel snel resulteren in waanzinnig slechte CSS. Lees hier hoe je dat kunt voorkomen. Een absolute must read voor elke
css  sass  bestpractices 
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
CSS Lint is harmful | Matt Wilcox .net
Een paar weken geleden werd CSSLint online gezet, een tool om je CSS code mee te testen. Zoals met elke nieuwe tool kwam hier ook een berg kritiek op, waarvan een flink deel eigenlijk best terecht is. Matt Wilcox vindt veel punten waarop getest wordt niet valide en legt, kort, uit waarom. Zoals bij e
performance  development  css  from twitter_favs
july 2011 by vasilis
The Book of CSS3 (Book review) | 456 Berea Street
Wil je meer over CSS3 weten? Je kan natuurlijk gaan googlen, je kan wachten op de workshop van Lea Verou in oktober – http://frnt.rs/p455 – óf je kan dit boek kopen.
css  css3  book  from google
july 2011 by vasilis
Bricss - text-overflow (almost) supported everywhere
Text-overflow wordt nu in bijna alle browsers ondersteund. Nu kan je een tekst afbreken met een ellips – dat zijn drie puntjes… Ik heb er wel eens mee zitten klooien en ik snapte maar niet waarom het niet werkte. Het blijkt dat het alleen werkt als de tekst op één regel sta
css  text  from twitter_favs
july 2011 by vasilis
Class vs. Style · jsPerf
Als je een element er ander uit wilt laten zien dan kan je met behulp van JavaScript de inhoud van het style-attribuut aanpassen of je kan de className veranderen. Wat is sneller? Test het hier.
js  class  performance  css  from twitter_favs
july 2011 by vasilis
Font-weight in the age of web fonts » Blog » Elliot Jay Stocks
Web fonts, ik stond te juichen toen browsers deze techniek eindelijk gingen implementeren. Lekker makkelijk een mooi fontje toevoegen aan je design, dachten we allemaal. Zo makkelijk is het helaas niet. Neem nu bijvoorbeeld font-weight. Daar kan niks mee mis gaan denk je wellicht. Lees dit artikel va
css  typography  fonts  from twitter_favs
july 2011 by vasilis
The HTML progress element in Firefox - Mounir Lamouri's Blog
In de volgende versie van Firefox (die wellicht niet meer zo lang op zich laat wachten) zit het
html5  forms  css  from twitter_favs
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
Pseudo Spriting | CSS-Tricks
Als je gebruik wilt maken van CSS-sprites – bijvoorbeeld omdat je nog niet weet dat data-uri's veel beter zijn – dan is dit wellicht een goed artikel om eens door te nemen. Er staan wat tips in waarin vervelende sprite-situaties worden getackeld. Je kan je tijd overigens nuttiger besteden
css  from twitter_favs
july 2011 by vasilis
Kleed je site uit en ontdek hoe toegankelijk jouw site is! - Microsoft Kleedjesiteuit.nl
Een simpele bookmarklet waarmee je de stijlen van je site uitzet. Er verschijnt een kadertje met uitleg over het nut van toegankelijkheid. Goed initiatief van Microsoft! (Ik kwam er dankzij deze tool achter dat er nogal wat suffe escape errors in de Daily Nerd zaten. Die zijn er uit. De shortlink-err
accessibility  css 
july 2011 by vasilis
Bricss - Positioned floats (aka CSS3 floats)
Adobe en Microsoft hebben samengewerkt aan positioned floats, een voorstel om het mogelijk te maken om met CSS tekst op veel spannender manieren om objecten heen te laten floaten. Hier staat kort en bondig uitgelegd hoe het in elkaar steekt. Het is nu al te testen in de huidige preview van IE10.
float  css  paper  from twitter_favs
july 2011 by vasilis
Demo: Pure CSS GUI icons (experimental) – Nicolas Gallagher
Een leuke en soms ook nuttige oefening bestaat er uit om iconen te maken met pseudo-elementen (of borders) in plaats van met plaatjes. Met een klein beetje fantasie kan je een ster maken if een pijlpuntje. Hier een hele grote berg met fantastische voorbeelden. Nadeel van deze voorbeelden is dat ze in
css3  css  icons  from twitter_favs
july 2011 by vasilis
Congresnieuws: Workshops en einde early bird · Fronteers
Vandaag is het de laatste kans voor fronteersleden om extragoedkope kaartjes te kopen voor het Fronteerscongres. Vanaf morgen geldt de normale prijs. Het is sowieso wel een goed idee om nu je kaartje te kopen, het raakt best snel uitverkocht.
Gelukkig zijn er ook workshops, hoewel daar nóg mnd
workshops  conference  css  accessibility 
june 2011 by vasilis
CSS1K
CSS1k bestaat nu een tijdje en er staan al flink wat tiffe inzendingen op, zoals deze oefening in generated content – http://css1k.com/#wolfr – deze onleesbare – http://css1k.com/#facetime – en deze bubbly versie – http://css1k.com/#bbubles. Ik heb er ook twee opgestuurd
css3  performance  css  badpractice 
june 2011 by vasilis
Bricss
Te groot voor een tweet, te kort voor een artikel, kleine hapklare stukjes over cutting edge CSS en HTML. Lennart Schoors heeft een meesterwerkje afgeleverd qua design en frontend development en de bytes die hij er tot nu toe op heeft geplaatst zijn voortreffelijk. Bricss, een nieuw fenomeen, een mus
css  from twitter_favs
june 2011 by vasilis
OOCSS and HTML semantics [Legends of the Sun Pig - Martin Sutherland's Blog]
Nicole Sullivan weet hoe je grote complexe CSS bestanden in toom kunt houden. Ze heeft een naam verzonnen – OOCSS, Object-Oriented CSS – voor haar manier van werken. Martin Sutherland heeft zich goed verdiept in de materie en legt het helder als altijd uit. Mocht je OOCSS al kennen lees d
css  html  semantics  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
Namespacing fragment identifiers — CSS Wizardry—CSS, Web Standards, Typography, and Grids by Harry Roberts
Je kunt classes en id's namen geven waarin een dubbelepunt voorkomt. Deze zijn natuurlijk wat lastiger te stijlen omdat de dubbelepunt in CSS betekent dat het om een pseudo-selector gaat. Een class met een dubbelepunt er in is wel te stijlen maar dat wist Harry Roberts niet toen hij dit artikeltje sc
html  css  links  id  from google
june 2011 by vasilis
John Nack on Adobe : Preview: Adobe’s HTML5 animation tool
Adobe komt met een nieuw product, een animatietool om HTML/CSS/JavaScript animaties mee te bouwen. Ik ben, voordat ik begin te juichen, vooral erg benieuwd naar de code die deze tool genereert, ik kan me de timeline in Dreamweaver namelijk nog vaag herinneren.
adobe  css  html5  animation 
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
Firefox 5 for developers - MDC Docs
Het versienummer van Firefox is verhoogd naar nummertje 5. Wat houdt dat in voor ontwikkelaars? Hier staat het.
browsers  javascript  css  html  etc  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
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
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
Pure CSS Tic Tac Toe | Lea Verou
De laatste tijd verschijnen er games die helemaal werken zonder JavaScript. Briljant zijn ze. Lea Verou – ik heb geruchten gehoord dat ze een workshop komt geven in aanloop naar het Fronteers congres! Niet doorvertellen, het zijn toch maar geruchten – heeft Boter Kaas en Eieren gebouwd zo
css  demo  javascript  no  game  from google
june 2011 by vasilis
Unquoted attribute values in HTML and CSS · Mathias Bynens
In HTML hoef je geen quotes rond de meeste attributen te zetten en in CSS hoeft het in sommige gevallen ook niet. Welke gevallen zijn dit precies en hoe zit dat dan? Mathias Bynens – held – legt het uit, geeft ons er een tool op een tof domein bij – http://mothereffingunquoteda
css  html 
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
CSS 8puzzle - jsdo.it - Share JavaScript, HTML5 and CSS
Een spelletje zonder JavaScript, helemaal in CSS. Wat kunnen we daar van leren? Bijvoorbeeld dat er heel veel dingen mogelijk zijn. En ook dat je soms gewoon beter JavaScript kunt gebruiken.
css  css3  demo  from twitter_favs
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&eacute; ultieme oplossing voor verschillende plaatjes voor verschillende schermgroottes maar verwacht gerust &aacute;lles te weten te komen over hoe je plaatjes kunt laten sch
css  webdesign  images  from google
june 2011 by vasilis
Mobile + Websockets + CSS 3D | Julien Nicault's experiment
Oooh wat heersen HTML en CSS toch! Dankzij hedendaagse webtechnieken kan je een logo (of whatever, in dit geval wordt er een logo gebruikt) op een webpagina doen roteren door je iPhone te bewegen. Heb je geen iPhone? Leen er even een.
css  javascript  html5  from twitter_favs
june 2011 by vasilis
Untitled
Ben je zo iemand die op twitter zit om zo veel mogelijk volgers te verzamelen? Dankzij de nieuwe follow-button kan je je verzameling nu heel snel uitbreiden.
security  twitter  css  iframe  from twitter_favs
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
Lightbox experiment
Thijs Reijgersberg komt er achter dat je met de :target pseudo-selector erg leuke dingen kunt doen. Hij komt er ook meteen achter dat er een hele lijst achter het woordje "maar" komt te staan als je leuke dingen doet met :target. Mooi experiment, boordevol kick ass technieken &ndash; check die source
css  lightbox  from twitter_favs
june 2011 by vasilis
Modernizr News
Modernizr versie 2 is uit. Beter dan ooit met als belangrijkste nieuwe feature het selecteren van de tests die je nodig hebt wat kan resulteren in enorme performancewinst. Maar lees vooral de documentatie even door, er is veel en veel meer.
css  javascript  html5  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
Bruce Lawson’s personal site  : CSS Regions, CSS Exclusions
Adobe heeft een voorstel voor CSS gedaan waar menig designer &ndash; zeker designers die ooit drukwerk hebben gemaakt &ndash; blij van wordt. Bruce Lawson wordt er ook blij van maar zet er ook terecht wat vraagtekens bij. En een vooruitzicht voor testers: "I&rsquo;m looking forward to debugging pages
css  future  adobe  from twitter_favs
may 2011 by vasilis
Normalize CSS : necolas/normalize.css @ GitHub
CSS resets, nutteloze lapjes code vind ik het. Zo ook Nicolas Gallagher. In plaats van alle standaard stijling weg te halen van alle elementen kan je natuurlijk veel beter er voor zorgen dat alle bugs worden verholpen. Vandaar normalize.css, een bestand dat precies dat doet, alle mogelijke bugs en on
css  from twitter_favs
may 2011 by vasilis
Untitled
Het data-attibuut, een van de vele fijne nieuwtjes van HTML5. Er is nu een nieuwe manier om die attributen uit te lezen of te manipuleren met JavaScript, Opera legt uit hoe dat moet. Werkt nog bijna nergens maar is al wel handig om te weten (of om te polyfillen wellicht).
javascript  html5  css  from twitter_favs
may 2011 by vasilis
Discussing alternatives for various sizes of the same image & introducing src property in CSS as an option - Robert's talk
Schaalbare plaatjes, voorlopig blijft het verhelpen. Er wordt nagedacht over stucturele oplossingen in HTML (of CSS) zelf zodat je geen complexe javascript/server-oplossingen in elkaar hoeft te hacken. Robert Nyman somt wat mogelijke oplossingen op.
css  adaptive  responsive  images  from twitter_favs
may 2011 by vasilis
DZSlides 2.0 beta
Presentaties maken kan met complexe programma's als Keynote of Powerpoint, je kan er natuurlijk ook gewoon HTML voor gebruiken, dat is wel zo makkelijk. Paul Rouget heeft om die reden DZSlides ontwikkeld. Dit ga ik voortaan gebruiken voor mijn presentaties.
css  javascript  html5  presentation  from twitter_favs
may 2011 by vasilis
Flux Slider Demo » Hardware accelerated image transitions using CSS3
Met CSS en JavaScript kan je blijkbaar ook de parchtigste powerpoint-effecten nabootsen. Dat gaat nog wel eens wat worden, dat internet!
css  javascript  design  animation  from twitter_favs
may 2011 by vasilis
Adactio: Journal—The good new days
Jeremy Keith vergelijkt de situatie waarin we nu verkeren, het enthousiasme over mobiel, over responsive design, de prachtige oplossingen die er verzonnen worden voor complexe problemen, deze hyperinspirerende situatie vergelijkt hij met het tijdperk waarin men met de webstandaarden aan de slag ging.
responsivedesign  css  responsive  git 
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
In defense of CSS hacks — introducing “safe CSS hacks” · Mathias Bynens
Sommige oudere browsers (lees: IE) hebben aparte CSS nodig voor een goed resultaat. Er zijn verschillende technieken om dit voor elkaar te krijgen. Mathias Bynens verdient weer een drietal extra internetpunten door de verschillende technieken tot in detail uit te leggen en alle pro's en cons op een r
css  browsers  browser-hacks  hacks 
may 2011 by vasilis
Playing with matrices
CSS matrixes, ze zijn onmogelijk om te typen, je zou ze het liefst in de juiste vorm willen slepen.. Peter Nederlof heeft een tooltje gemaakt wat precies dat doet.
css  matrix 
may 2011 by vasilis
Front-end development feeds to follow « Paul Irish
Heb je niet genoeg aan de Daily Nerd? Wil je up-to-dater zijn? Dat kan. Paul Irish deelt zijn feeds.
css  javascript  design  html  feed  links  from twitter_favs
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
A Re-introduction to the Chrome Developer Tools « Paul Irish
De developer tools in Chrome worden beter en beter. Paul Irish en Pavel Feldman gaven een presentatie over wat er nu allemaal mogelijk is en die presentatie is nu te zien op video. Must see voor webdevelopers.
javascript  css  html  development  tools  from twitter_favs
may 2011 by vasilis
Lexadecimal
, , : .
css  ghehehe  from twitter_favs
may 2011 by vasilis
Advanced animations in Aurora with CSS3 Animations ✩ Mozilla Hacks – the Web developer blog
CSS animaties zitten al een tijdje in webkit. Mozilla is er nu ook mee aan het experimenteren. Leuk!
animation  css 
may 2011 by vasilis
SonSpring | Adapt JS Explained
Adapt.js uitgelegd. Het komt er op neer dat het aan de ene kant een manier is om geen onnodige bestanden te downloaden als je responsieve websites maakt, aan de andere kant kan je er op een heel andere manier responsive designs mee maken. Niet klaar voor productie zo te zien maar zeker een interessan
css  javascript  responsive  from twitter_favs
may 2011 by vasilis
CSS Crush
CSS pre-processors, er worden veel discussies over gevoerd. Veel gelukkig gebruikers en veel nukkige tegenstanders, allemaal met valide argumenten om er wel/niet gebruik van te maken. Ik zou sommige features wel willen kunnen gebruiken maar zie vooral vanuit een workflow-perspectief waarbij meerdere
css  css3  webdevelopment  from twitter_favs
may 2011 by vasilis
Untitled (http://functionsource.com/post/hyphens)
Hyphenation: Coming soon to a browser near you
css  typography  text  hyphenation  from twitter_favs
may 2011 by vasilis
Experimenting with the element() CSS function
De CSS functie 'elemen()', ik kende hem nog niet. Je kunt er elk willekeurig HTML element mee als background gebruiken. Huh wat? Ja, dat. Duidelijke uitleg en duidelijke kick ass voorbeelden alhier.
css  css3  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
« earlier      

related tags

#aea ⊕  #badjoke ⊕  #css ⊕  #css3 ⊕  #design ⊕  #fronteers ⊕  #frontend ⊕  #html5 ⊕  #internetexplorer ⊕  #nerd ⊕  #openweb ⊕  #opera ⊕  #performance ⊕  #responsive ⊕  #slides ⊕  #starwars ⊕  #trickery ⊕  #w3c ⊕  #webdesign ⊕  #webdesigndevelopment ⊕  3d ⊕  @font-face ⊕  @media ⊕  accessibility ⊕  adaptive ⊕  adobe ⊕  aea ⊕  animation ⊕  aria ⊕  arrow ⊕  audio ⊕  background ⊕  badjoke ⊕  badpractice ⊕  before ⊕  bestpractices ⊕  bigmconf ⊕  blog ⊕  blur ⊕  boek ⊕  book ⊕  bookmarklet ⊕  boxmodel ⊕  browser ⊕  browser-hacks ⊕  browsers ⊕  browsersremcssfont ⊕  bug ⊕  bugs ⊕  class ⊕  clear ⊕  codestandards ⊕  color ⊕  colorblind ⊕  colors ⊕  conference ⊕  congres ⊕  content ⊕  contenteditable ⊕  css ⊖  css3 ⊕  css3backgroundcss ⊕  css3cssperformancewebdesign ⊕  css3cssshadow ⊕  css4 ⊕  cssbestpractices ⊕  csscss3 ⊕  csscss3gradienttool ⊕  csscss3toolgradient ⊕  cssdesigncontent ⊕  cssdesignmobilewebdev ⊕  cssfiltersmodernizr ⊕  cssfonts ⊕  cssgradienttool ⊕  cssom ⊕  cssos ⊕  cssreferencepdf ⊕  cssresponsive ⊕  csstableswebdesign ⊕  cssvalidation ⊕  csswebdesigncss3layout ⊕  csswebdesigndesigncontent ⊕  csswebdesignfontstypographytools ⊕  datauri ⊕  demo ⊕  design ⊕  development ⊕  device ⊕  dom ⊕  education ⊕  eighties ⊕  etc ⊕  evil ⊕  extending ⊕  extension ⊕  favelet ⊕  feed ⊕  filters ⊕  firebug ⊕  firefox ⊕  fixed ⊕  flexbox ⊕  flexible ⊕  float ⊕  fluid ⊕  fold ⊕  font ⊕  font-face ⊕  fonts ⊕  fontsresponsivecss ⊕  fontstack ⊕  forms ⊕  framework ⊕  fronteers ⊕  fronteerscssresponsive ⊕  frontend ⊕  future ⊕  game ⊕  generator ⊕  ghehehe ⊕  git ⊕  gradient ⊕  graphics ⊕  grid ⊕  grids ⊕  hack ⊕  hacks ⊕  html ⊕  html5 ⊕  html5boilerplate ⊕  htmlperformancecss ⊕  http ⊕  hyphenation ⊕  icons ⊕  id ⊕  ie ⊕  ie6 ⊕  ie7 ⊕  ie9 ⊕  ie10 ⊕  iframe ⊕  images ⊕  inconsistencies ⊕  infographic ⊕  inspiration ⊕  internetexplorer ⊕  ios ⊕  ipad ⊕  iphone ⊕  javascript ⊕  javascriptcssdom ⊕  jquery ⊕  js ⊕  l33t ⊕  layout ⊕  less ⊕  lightbox ⊕  links ⊕  localstorage ⊕  lwsbrowser ⊕  mac ⊕  matrix ⊕  mediaqueries ⊕  metalanguages ⊕  microformats ⊕  minify ⊕  mixins ⊕  mobile ⊕  modernizr ⊕  music ⊕  nerd ⊕  no ⊕  online ⊕  oocss ⊕  oop ⊕  openweb ⊕  opera ⊕  optimisation ⊕  optimization ⊕  os ⊕  paper ⊕  patterns ⊕  pdf ⊕  performance ⊕  php ⊕  png ⊕  polyfill ⊕  pop ⊕  position ⊕  positioning ⊕  presentation ⊕  progressive-enhancement ⊕  quiz ⊕  rc10 ⊕  reference ⊕  reflection ⊕  rem ⊕  rendering ⊕  reset ⊕  resources ⊕  responsive ⊕  responsivedesign ⊕  responsivewebdesign ⊕  rgba ⊕  rwd ⊕  safari ⊕  sass ⊕  script ⊕  security ⊕  selector ⊕  selectors ⊕  semantics ⊕  seo ⊕  shadow ⊕  shim ⊕  slides ⊕  sprite ⊕  sprites ⊕  standards ⊕  starwars ⊕  styling ⊕  tables ⊕  target ⊕  testing ⊕  text ⊕  tool ⊕  tools ⊕  transforms ⊕  transitions ⊕  trickery ⊕  tropenmuseum ⊕  tutorial ⊕  twitter ⊕  typography ⊕  usability ⊕  useful ⊕  uselessware ⊕  validation ⊕  validator ⊕  variables ⊕  vasilis ⊕  viewport ⊕  vml ⊕  w3c ⊕  web ⊕  webapps ⊕  webdesign ⊕  webdesigndevelopment ⊕  webdev ⊕  webdevelopment ⊕  webkit ⊕  webstandards ⊕  wikileaks ⊕  wordpress ⊕  workshops ⊕  xhtml ⊕  yui ⊕ 

Copy this bookmark:



description:


tags: