Testing testing... One Two...

How to - zoeken op internetBlog, website, app, webshop, facebook, you tube, instagram, cms, enzovoorts. Er is zoveel keus en er is 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).
Grote projecten werken met GIT, frameworks in Visual.NET of PHP of een andere taal. Er wordt gewerkt met specialistische software en doen aan Agile en Scrum. Veelal zijn dat maatwerk projecten met een groot budget. Er staat immers een heel team achter, die vernieuwingen doorvoeren en het onderhoud plegen.

HOW TO ...


Zoek hulp in een zoekmachine, 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. Check Codepen om te zien wat andere webdesigners en developers uitproberen, creëren, testen en verfijnen. Of iets maken, gewoon voor de lol en om bekend te raken met nieuwe code.

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 bijvoorbeeld een foto resizer (minifier). Deze pagina bevat links voor de webdesigner en webdeveloper, die op zoek zijn naar inspiratie, antwoorden en handige tools.

Developer links

Snipplr
CSS snippets om te gebruiken
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
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.
Zijn je rich snippets goed?
Test tool voor verrijkte content
CSS Matic
Snippets for borders, box-shadow, gradients & noise texture
Animate CSS
Cross-browser animeren met een CSS library
Site laadtijden optimaliseren
7 Tips om website laadtijden te verbeteren.
CSS Tricks article
Goede tips om efficiënter CSS in de browser te renderen.
Tooltip Generator
Stel je tooltip samen en kopieer
Menu Cool
Diverse tools voor menu, floats, imagesliders, tabs en meer
Codrops
Web design and development news
Webdesigner News
Online magazine voor developers en designers
Bootstrap snippets
Snippets voor het aanpassen van het bootstrap framework
Webmaster Links
Developer Links
Inspirerende websites
Bijzondere websites
SEO informatie links
Mijn foto’s