Testing testing... One Two...

How to - zoeken op internetBlog, website, app, webshop, facebook, cms, enzovoorts. Er is zoveel keus en zoveel mogelijk tegenwoordig. In de wereld van het internet is het continu bijscholen om bij te blijven. En omdat men niet alles kan weten, laat staan onthouden is er internet. Een fantastische online bibliotheek waar code en hulp te vinden is. Van de basis tot aan complete tutorials(online lessen en voorbeelden).

How to....

Zoek hulp met de magische woorden how to ... en vul maar in. Van html, seo, jquery tot ingewikkelde code. Er zijn genoeg developers die code delen. Vragen hebben gesteld in forums. Of op zoek zijn naar de oplossing voor dat ene vervelende bugje. Deze pagina bevat links voor de webdesigner en webdeveloper, die op zoek zijn naar inspiratie, antwoorden en hoe zit het ook alweer links.

Verzameling webdesign & developer links

Hier staan mijn meest handige en hoe zit het ook alweer - links en nog zoveel meer. Ook diverse online tools kun je hier vinden zoals een colorpicker en foto resizer.

Developer links

Pixels, em en %
Font groottes, de basis in pixels, em en %
Kleurenpalet uit foto
CSS Drive: Image to Colors Palette Generator
CSS properties overzicht
A continuously updated list of all CSS properties
htaccess
Van alles over .htaccess
JS Fiddle
Online testtool voor javascript, html en css
Mozilla developer Demos
CSS3 developer demos
CSS Tricks snippets
CSS tricks en voorbeelden
CSS Voorbeelden - fixed layouts
Een aantal handige css voorbeelden, met de populaire fixed header. Deze is ideaal voor een responsive design. Navigatie blijft zo altijd in beeld.
htaccess tools
Password generator en meer
Facebook Like button
Link naar de facebook likebutton
Screenfly - responsive testen
Handige tool in de browser om je website op diverse viewports (resoluties) te testen.
Color picker
Upload je eigen hero afbeelding en kijk welk palette erbij past. Leuke tool.
Test de laadtijd van je website
Test de eerste en de 2de laadtijd in diverse locaties over de wereld.
Veel gebruikte css componenten
Layout, navigatie, input styles, diverse componenten zoals sticky tabelkop en feedback componenten alleen met css.
Diverse magazine styled layouts
Gebaseerd op het css grid.
Codepen
Je kunt hier code maken en testen en inspiratie opdoen.
CSS Animo
Diverse mouse-over effects bij elkaar. Copy & paste.
Flexulator
Speel met de flexbox eigenschappen zie wat er veranderd.
Kleine geanimeerde iconen
Css3 animatie code om te kopiëren
Colorpicker
Dit is een kleuren kiezer net zoals in Photoshop of Paint.Net e.d. programma’s. Als je weet wat je wilt, maar op zoek bent naar de codes van diverse tinten.
Birme Bulk Resizer
Voor een snel ladende website gebruik je foto’s die niet groter zouden mogen zijn dan max. 300kb. Liefst onder de 200 kb, maar dat is afhankelijk van de afmetingen. Om in 1 keer meerdere foto’s te resizen in afmeting, bestandsformaat en kwaliteit is er Birme Bulk Resizer. Een super handige tool om die megabytes grote foto’s te optimaliseren voor het web.