Responsive Design Testing
july 2011 by vasilis
Een simpele tool om mediaqueries/layouts mee te testen op nogal willekeurige schermgroottes. Maakt gebruik van de rendering engine van je browser. Je kan ook gewoon je schermgrootte aanpassen, dat is makkelijker.
design
responsive
tool
july 2011 by vasilis
Screenfly by QuirkTools — Test Your Website at Different Screen Resolutions
july 2011 by vasilis
Even snel de layout van een html-pagina testen op verschillende veelvoorkomende resoluties, dat kan. De tool maakt natuurlijk gewoon gebruik van jouw eigen rendering engine, het is dus géén tool waarmee je kunt checken of het ook daadwerkelijk werkt op deze verschillende apparaten!
responsive
design
tool
july 2011 by vasilis
How tall are my toolbars?
july 2011 by vasilis
Als we het hebben over adaptieve layouts dan kijken we meestal naar de breedte van schermen om daar de layout voor aan te passen. Je kan natuurlijk ook naar de hoogte kijken en mediaqueries toevoegen die daar op reageren (bijvoorbeeld bij verticale navigaties die fixed zijn waardoor de onderste items
fold
mediaqueries
responsive
tool
from twitter_favs
july 2011 by vasilis
haz.io ⺠HTML5 & CSS3 Browser Capabilities
july 2011 by vasilis
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
responsivepx - find that tricky breakpoint
july 2011 by vasilis
Een tool waarmee je responsive design kunt testen zonder je browser te resizen. Ik weet niet helemaal zeker of ik dit ooit ga gebruiken maar wellicht vind jij het wel handig.
responsive
tool
july 2011 by vasilis
Zeon.js
july 2011 by vasilis
Problemen met JavaScript? Werkt het niet? Onzeker of je code wel goed is? Wellicht heb je iets aan zeon.js, een javascript analyse tool van Peter van der Zee. Wat ik zelf misschien wel de mooiste feature vind is de bookmarklet waarmee je elke textarea op elke willekeurige pagina omtovert tot deze too
javascript
performance
development
tool
from twitter_favs
july 2011 by vasilis
Google Testing Blog: Introducing DOM Snitch, our passive in-the-browser reconnaissance tool
june 2011 by vasilis
Veiligehid, om de een of andere reden krijgt het in frontend developmentland nog niet de aandacht die het verdient: er zijn wel degelijk onveilige manieren van JavaScript schrijven. DOM Snitch is een nieuwe experimentele Google Chrome extensie die kijkt naar onveilige code en je er voor waarschuwt. D
javascript
security
tool
from twitter_favs
june 2011 by vasilis
Opera Mobile Emulator
may 2011 by vasilis
De nieuwe Opera Mobile emulator is uit. Dit is verreweg de handigste emulator om mobiele sites mee te testen (appeltje + r werkt bijvoorbeeld gewoon, je localhost doet het zonder moeilijk te doen, etc). Let er op dat dit om Opera Mobile gaat en niet om Opera Mini. Er zijn nogal wat verschillen tussen
mobile
browser
tool
development
may 2011 by vasilis
Layer Styles
may 2011 by vasilis
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
Microjs: Fantastic Micro-Frameworks and Micro-Libraries for Fun and Profit!
may 2011 by vasilis
Uiterst handig overzicht van micro-frameworks, een verzameling van kleine onafhankelijke scriptjes die één specifieke taak erg goed uitvoeren. Een combinatie van een paar van dit soort scripts zal in veel gevallen een betere keuze zijn dan het gebruik van een complete javascript library
javascriptperformancetool
javascript
performance
tool
may 2011 by vasilis
driverdan/g2css - GitHub
april 2011 by vasilis
Gisteren schreef ik al over een aantal css-gradient generators, vandaag nog een die je lekker zelf kunt hosten én die bovendien met drag-and drop werkt. /via @kilianvalkhof
cssgradienttool
css
gradient
tool
april 2011 by vasilis
gradient-scanner
april 2011 by vasilis
En nóg een tool om gradients uit plaatjes om te zetten naar CSS3-gradient-code. Met deze tool kan je een deel van het plaatje selecteren waar de gewenste gradient zich bevindt. Erg handig als je bijvoorbeeld een gradient uit een screenshot wilt destilleren.
csscss3gradienttool
css
css3
gradient
tool
april 2011 by vasilis
Image Gradient to CSS Gradient (ImageG2CSS)
april 2011 by vasilis
De tool die hieronder beschreven staat is online beschikbaar. Handig!
csscss3toolgradient
css
css3
tool
gradient
from twitter_favs
april 2011 by vasilis
bluesmoon/pngtocss - GitHub
april 2011 by vasilis
Nicole Sullivan tweette een paar dagen geleden dat ze een tool wil hebben die een png van een gradient omzet naar CSS3-gradient-code. Diezelfde dag was deze tool er die een lineaire gradient omzet naar bruikbare code. Handig!
csscss3toolgradient
css
css3
tool
gradient
from twitter_favs
april 2011 by vasilis
MIN · Examine the foundations of any site design.
april 2011 by vasilis
Een erg handige bookmarklet om te kijken of de basis van een design (typografie en layout) in orde zijn: alle decoratie en kleur worden verwijderd.
design
typography
tool
layout
april 2011 by vasilis
Bookmarkleter
april 2011 by vasilis
Wil je een bookmarklet maken van een bestaand JavaScript? Deze tool kan je er bij helpen.
javascript
bookmarklet
tool
from twitter_favs
april 2011 by vasilis
Fuck Yeah CSS Colors!
april 2011 by vasilis
Er zijn een heleboel kleuren met een naam en die naam kan je gebruiken in je stylesheet. Zo heb je natuurlijk red en yellow maar ook papayawhip en olivedrap. Maar er zijn er veel meer. Deze site toont ze in een random volgorde, een prima tool voor als je een kleur zoekt.
css
inspiration
webdesign
colors
tool
from twitter_favs
april 2011 by vasilis
border-image-generator
march 2011 by vasilis
Border-images is een van de css3 dingen die ik maar niet goed kan bergijpen. Deze border-image-generator maakt het een stuk duidelijker.
css3
generator
tool
from twitter_favs
march 2011 by vasilis
wkhtmltopdf - Convert html to pdf using webkit (qtwebkit) - Google Project Hosting
march 2011 by vasilis
HTML omzetten naar PDF doe je met deze tool die gebruik maakt van Webkit om de boel te renderen.
html
converter
tool
pdf
march 2011 by vasilis
Ceaser - CSS Easing Animation Tool - Matthew Lein
march 2011 by vasilis
Als je je css-transitions iets vetter dan normaal wilt maken dan kan je deze tool gebruiken. Erg handig.
css3
transitions
tool
from twitter_favs
march 2011 by vasilis
Opera Updates ‘Dragonfly,’ a Debugging Tool for Web Developers | Webmonkey | Wired.com
march 2011 by vasilis
Opera heeft Dragon Fly, zijn eigen development tool geüpdate.
tool
opera
from twitter_favs
march 2011 by vasilis
Quick Diff Online Tool
february 2011 by vasilis
Quick Diff Online Tool
tools
tool
code
diff
from twitter_favs
february 2011 by vasilis
(500) http://www.zachleat.com/bigtext/demo/
january 2011 by vasilis
BigText jQuery plugin:
Screenshot:
Demo:
jquery
typography
tool
from twitter_favs
Screenshot:
Demo:
january 2011 by vasilis
The CSS3 matrix() Transform for the Mathematically Challenged
january 2011 by vasilis
The CSS3 matrix() transform explained for the mathematically challenged:
css
css3
matrix
transforms
tool
from twitter_favs
january 2011 by vasilis
* { CSS:resetr } - Online CSS-Reset Tool
december 2010 by vasilis
{ CSS:resetr } — Apply any reset to any type of content:
css
reset
tool
from twitter_favs
december 2010 by vasilis
Ultimate CSS Gradient Generator - ColorZilla.com
november 2010 by vasilis
Photoshop-like CSS gradient editor:
css3
gradient
tool
generator
from twitter_favs
november 2010 by vasilis
DNS Propagation Checker - ViewDNS.info
november 2010 by vasilis
Op zeer specifieke momenten is dit een handige tool waarme je kunt checken of je DNS propagation inmiddels wereldwijd is doorgevoerd.
dns
propagation
tool
from delicious
november 2010 by vasilis
WordOff
november 2010 by vasilis
HTML achtige cruft van MS Word kan je met deze tool verwijderen. Ik kom het bijna nooit meer tegen maar het kan vast handig zijn, zeker met die API die er bij zit.
code
html
microsoft
tool
content
from delicious
november 2010 by vasilis
yepnope.js | A Conditional Loader For Your Polyfills!
november 2010 by vasilis
Een scriptje om alleen die te scripts te laden die je nodig hebt. Damn, wat handig.
javascript
library
tool
modernizer
polyfill
browser
from delicious
november 2010 by vasilis
Which loads faster?
july 2010 by vasilis
Handig om bijvoorbeeld te zien of de nieuwe beta versie van een site wel sneller is
optimization
performance
speed
tool
from twitter
july 2010 by vasilis
ImageOptim â a PNG/JPEG/GIF optimizer for Mac OS X
july 2010 by vasilis
Gisteren linkte ik naar een optimalisatietool voor plaatjes die op veel systemen werkt behalve op OSX en Windows. @julesjanssen attendeerde me vervolgens op deze tool die zo te zien hetzelfde doet maar dan juist op OSX. Kent er nog iemand zo'n tool voor Windows? Dan zijn we compleet.
webdesign
performance
tool
images
from twitter
july 2010 by vasilis
0to255
april 2010 by vasilis
Easily get variations of any color in hex: Example: (Reminded me of somehow.)
color
css
design
tool
from twitter_favs
april 2010 by vasilis
24 ways: Self-Testing Pages with JavaScript
march 2010 by vasilis
@vasilis Self-Testing Pages with JavaScript: /cc @roelvangils
testen
javascript
code
html
tool
from twitter_favs
march 2010 by vasilis
:nth-child tester
february 2010 by vasilis
Handig tooltje om even snel de juiste :nth-child parameters in te vullen
css
tool
february 2010 by vasilis
we love typography. a place to bookmark and savour quality type-related images and quotes
april 2009 by vasilis
vind snel typografieplaatjes
typography
tool
april 2009 by vasilis
Typetester – Compare fonts for the screen
april 2009 by vasilis
Zeer handige tool om fonts te vergelijken
css
webdesign
html
tool
fonts
typography
april 2009 by vasilis
Readability - An Arc90 Lab Experiment
march 2009 by vasilis
Erg handige tool om alle afleidende cruft weg te laten en alleen de belangrijke tekst te tonen
accessibility
usability
tool
march 2009 by vasilis
AlternateIdea: An In-depth Look At The Future of Javascript Debugging With Firebug
february 2009 by vasilis
Firebug tips voor hardcore frontenders
javascript
tool
web
february 2009 by vasilis
typeface.js -- Rendering text with Javascript, <canvas>, and VML
february 2009 by vasilis
Fontvervanging met alleen javascript. Moet ik eens gaan testen, klinkt prachtig.
css
webdesign
javascript
tool
fonts
typography
february 2009 by vasilis
Bespin » Code in the Cloud
february 2009 by vasilis
Online code editor. Experiment van Mozilla. Als je zelf je voorkeuren kan bouwen is het heel interessant natuurlijk.
tool
february 2009 by vasilis
CSS Drive: Image to Colors Palette Generator
february 2009 by vasilis
Mooie kleuren op een foto? Maak er een palet van met deze online tool
webdesign
color
tool
february 2009 by vasilis
[ws] Color Scheme Designer
february 2009 by vasilis
Uitgebreide en redelijk ultieme kleurenkiezer met goeie extra's als kleurenblindheid-tools, website-preview en randomize
color
tool
webdesign
february 2009 by vasilis
WhatTheFont for iPhone: Overview « MyFonts
february 2009 by vasilis
Fontherkenningsprogramma voor op je iPhone. Foto maken van een font, uploaden en je krijgt een lijst met mogelijke fonts terug. Briljant.
fonts
typography
software
tool
february 2009 by vasilis
Printable Checklist
february 2009 by vasilis
Simpele checklist voor als je even geen echte bij je hebt
tool
february 2009 by vasilis
Free Fonts Generator - Make Your Own Handwriting Font With Your Fonts
february 2009 by vasilis
Je eigen font maken. Leuk!
fonts
tool
web
february 2009 by vasilis
JavaScript Reference (beta)
february 2009 by vasilis
JavaScript reference, vast handig voor de scripters onder ons.
javascript
tool
february 2009 by vasilis
Introduction to Opera Dragonfly - Opera Developer Community
may 2008 by vasilis
Dragonfly van Opera. Een uitgebreide gereedschapskist voor de webontwikkelaar. Eindelijk.
javascript
opera
tool
may 2008 by vasilis
Acid 3: It’s not about winning, it’s about taking part | Broken Links
april 2008 by vasilis
Iets meer info over de Acid 3 test
tool
april 2008 by vasilis
Bronnen voor front-end ontwikkelaars · Fronteers
april 2008 by vasilis
Handige links voor frontenders
css
html
tool
april 2008 by vasilis
Surfin’ Safari - Blog Archive » WebKit gets an A+ on Acid3
march 2008 by vasilis
De nightly builds van Webkit (Safari) komen inmiddels tot een score van 95 bij de Acid3 test.
safari
tool
webkit
march 2008 by vasilis
XHTML/CSS Markup Generator
march 2008 by vasilis
HTML/XML generator. Buitengewoon handige tool om even snel een sitestructuur in elkaar te typen.
html
xhtml
tool
march 2008 by vasilis
CSS Type Set
march 2008 by vasilis
Genereer lijnhoogte, letterafstand, fontgrootte voor webtekst. Echt heel handige tool. Ontwerpers en frontenders, boekmarkeren!
css
fonts
reference
tool
march 2008 by vasilis
Iconfactory : Software : Xscope
february 2008 by vasilis
Dat ik ooit zonder heb kunnen werken. Onmisbaar voor werken met pixelneukende klanten maar ook handig om even snel een kleur te copypasten
software
osx
webdesign
tool
february 2008 by vasilis
Advancing Advanced Search - Boxes and Arrows: The design behind the design
january 2008 by vasilis
Over geavanceerd zoeken
accessibility
tool
usability
january 2008 by vasilis
skEdit v4.0 Released
december 2007 by vasilis
Versie 4 van skEdit is uit. Dit is de beste HTML editor voor de Mac.
mac
tool
html
xhtml
december 2007 by vasilis
Splashup
december 2007 by vasilis
Zeer uitgebreide online Photoshop. Handig voor iPhonebezitters.
photoshop
tool
december 2007 by vasilis
related tags
#data ⊕ #Google ⊕ #tool ⊕ accessibility ⊕ bookmarklet ⊕ browser ⊕ code ⊕ color ⊕ colors ⊕ content ⊕ converter ⊕ css ⊕ css3 ⊕ csscss3gradienttool ⊕ csscss3toolgradient ⊕ cssgradienttool ⊕ data ⊕ design ⊕ development ⊕ diff ⊕ dns ⊕ fold ⊕ fonts ⊕ frontend ⊕ generator ⊕ Google ⊕ gradient ⊕ graphics ⊕ html ⊕ html5 ⊕ humor ⊕ images ⊕ inspiration ⊕ javascript ⊕ javascriptperformancetool ⊕ jquery ⊕ layout ⊕ library ⊕ lol ⊕ mac ⊕ matrix ⊕ mediaqueries ⊕ microsoft ⊕ mobile ⊕ modernizer ⊕ modernizr ⊕ office ⊕ opera ⊕ optimization ⊕ osx ⊕ pdf ⊕ performance ⊕ photo ⊕ photoshop ⊕ polyfill ⊕ propagation ⊕ reference ⊕ reset ⊕ responsive ⊕ ruler ⊕ safari ⊕ security ⊕ software ⊕ speed ⊕ testen ⊕ tool ⊖ tools ⊕ transforms ⊕ transitions ⊕ typography ⊕ usability ⊕ web ⊕ webdesign ⊕ webkit ⊕ xhtml ⊕Copy this bookmark: