origami

Origami is op zich al een hele kunst om te beheersen maar wat de makers van optix hebben gedaan gaat net nog een tandje verder. Het is een werkelijk waar adembenemend resultaat wat men heeft neergezet.

afbeelding-11

Bekijk de film op de site van Optix door na het doorkiezen voor de engelse taal te kizen voor Bontrust >Geldvermehrung<

philips’ trots

Vroeger was ik als kleine jongen zeker altijd trots op Philips, het kwam toch wel uit Eindhoven en was stukken beter als Sony. Nu jaren later ben ik er wat onverschilliger over geworden en kan ik niet echt zeggen dat ik met trots kijk naar producten van Philips. Vaak vind ik het design rammelen of lelijk en van de reclames ben ik ook al niet onder de indruk. De Senseo was voor mij gevoelsmatig wat de Ipod voor Apple was en daar hield het dan wel mee op …. tot nu …

Ik ben helemaal weg van de schoonheid waarmee de reclame voor de 21:9 display van Philips is gemaakt. Zo hoort reclame te zijn; naam maken door iets te presteren wat nog niet veel anderen hebben gedaan. Spraakmakende reclames zorgen voor, het woord zegt het al, spraak en daar gaat het nu net om. Creeer buzz en zorg dat mensen je merk niet vergeten, net datgene wat ik wel bijna bij Philips gedaan had. Nu raad ik weer met een trots gevoel deze reclame van onze jongens uit Eindhoven aan iedereen aan …

bekijk de film hier

de scheikundeles

Scheikunde was een vak waar ik niks mee had en zeker ook geen enkel goed punt gehaald heb. Ik heb het dan ook maar meteen heel snel laten vallen toen de mogelijkheid daar was. Stel dat het onderwijs zo was gebracht als in bijgaand filmpje had ik misschien nog eens een keer een mager zesje kunnen halen. Voor iedereen die het nu nog krijgt, doe er je voordeel mee.

visueel bookmarken

Herinner jij je nog precies al die bookmarks die je gemaakt hebt puur aan de beschrijving of de naam? het kost mij in ieder geval nogal behoorlijk wat moeite om dat uit elkaar te houden. Om je hierbij te helpen zijn er visuele boomark sites die je dus ook nog eens overal op kan roepen. Onderstaand een overzicht van 7 sites met de link om zelf te proberen.

Speedtile.net / bezoek de site

speedtilenet

Only2clicks.com / bezoek de site

only2clickscom

Pointpad.com / bezoek de site

pointpadcom

Tizmos.com / bezoek de site

tizmoscom

Speedymarks.com / bezoek de site

speedymarkscom

Fav20.com / bezoek de site

fav20com

Als extra ook nog even een telg van de delicious familie namelijk; Thumblicious.
Thumblicio.us / bezoek de site

thumblicious

xscope

Ik werk op mijn mac met de Adobe CS4 designer suite, met iWork en iLife’09, met Postbox, Nambu en Forlklift en vast nog wel een aantal programma’s die ik nu vergeet. Die programma’s voorzien mij al in bijna al mijn dagelijkse behoeften. Toch is het altijd mogelijk dat er programma’s zijn waarbij je denkt; dat had ik nu net nodig terwijl ik er niet eens op zoek naar was. Xscope is zeker zo’n programma. Het lost een hele hoop kleine zaken op waar je vaak mee te maken hebt, hieronder een kleine opsomming van de features. 

Meten is weten
De liniaal kun je op je desktop tevoorschijn toveren om zo alle maten te meten waar je naar op zoek bent op een website of in een ander programma. 

figure4-rulers-620x511

De loupe
Met de loupe kun je inzoomen om op die manier de exacte kleur te meten die je op al werkend tegenkomt. De loupe heeft een aantal inzoom niveaus die erg handig van pas kunnen komen.

figure6-loupe

Guides
Natuurlijk makkelijk om precies te positioneren, denk hierbij maar eens aan het gebruik in de designmode van Dreamweaver.

figure7-guides

Frames
Je kunt met frames een element opmeten en daar ook meteen een screenshot van maken. Het werkt erg precies en dus erg handig voor de nauwkeurige klussen. 

figure8-frames-620x337

Screens
Met screens leg je een transparant kader van bijvoorbeeld 1024 x 768 pixels over je browser heen om zo snel te meten wat je overhoudt in die resolutie in een keur aan verschillende browsers voor zowel het pc als mac platform. Erg handig als je dus even snel wil zien wat er allemaal verloren gaat. 

figure10-screens-620x422

Crosshair
Als je nu precies wilt weten wat de positie van een element is vanuit de linkerbovenhoek van je scherm helpt crosshair je om dat te vinden. 

figure9-crosshair

Dimensions
Ik kan wel uitleggen wat je hier mee kunt maar dit moet je vooral eens proberen … Het meet in ieder geval op een manier die je niet direct verwacht.

figure3-dimension

Genoeg handige opties bij elkaar die het de moeite van het aanschaffen waard maken. Alle opties die hierboven de revue zijn gepasseerd kun je overigens via een floating menu aanroepen zoals je hieronder ziet, via snelkoppelingen of gewoon vanuit je menu bovenaan je scherm. 

figure2-menuandtool

Download de demo bij XScope en testen maar …

minority report komt dichterbij

Nog maar een paar jaar en de film  Minority report met in de hoofdrol Tom Cruise wordt achterhaald. Ik hoop alleen dat je dit dan ook wel zittend kunt doen want de hele dag staan is niet het fijnste vooruitzicht.

roodkapje

Het werd eens tijd dat het sprookje van Roodkapje een happy end kreeg …

zeeslag pro

Zeeslag is een spel wat we vroeger wel eens thuis speelden maar vergeleken bij de clip hieronder was dat maar echt kinderspel. In ieder geval is het een erg goed gemaakte trailer.

grid system generator

Een lay-out wordt in css altijd opgebouwd uit blokken die langs elkaar, onder elkaar of soms boven op elkaar worden gestapeld. Het is eigenlijk net een blokkendoos die je in elkaar schuift met divjes, gepositioneerd door jouw css. Elke keer maak je vanuit een psd de gewenste indeling waarbij je vaak voorborduurt op eerdere indelingen.

afbeelding-23

Nu is er iets nieuws wat je kan helpen bij het eerste stapelen van je blokken, het heet Grid system generator. Het is een heel erg mooie online app die voor jou de gewenste eerste opzet voor je css structuur geeft. 

afbeelding-13

Je kunt de breedte opgeven van je totale structuur (960), het aantal kolommen (4) en de marges links en rechts (10) . Zodra je op generate hebt geklikt komt het resultaat meteen zichtbaar op dezelfde pagina.

afbeelding-32

Je kunt op de website meteen de source bestanden downloaden en mee aan de slag gaan. Tevens kun je het zo gek maken als je wil tussen 100 en 4000 pixels en de 1 en 100 kolommen.

Grid System Generator is een erg handig hulpmiddel dus!


wat krom is recht maken

Zo na een week geen enkel bericht achtergelaten te hebben op mijn blog pak ik nu de draad toch weer een beetje op. Ik wil graag Prizmo onder de aandacht brengen aangezien het in mijn ogen een heel erg bruikbare app kan zijn voor velen.

Stel je hebt een digitale foto ergens van gemaakt en wil een onderdeel daarvan bewaren of stel je hebt geen scanner en wil het bonnetje van het restaurant waar je zojuist gegeten hebt digitaal maken. Je kunt dan een hele precieze foto maken en deze uitsnijden in photoshop maar stel dat het van een foto is die je al met niet zoveel scherpzinnigheid hebt gemaakt, dan komt Prizmo om de hoek kijken.

prizmodrop-620x413

laad de afbeelding in prizmo en bepaald de uitsnede die je wil maken

example-620x442

Zodra je keuze gereed is kun je het resultaat opslaan als een jpg, png en tiff. Het is ook mogelijk om je image nog aan te passen qua kleurbalans of bolling.

cameradata

Waar ik dan wel op aan het wachten ben is wanneer er ocr aan toegevoegd gaat worden want dan pas is de app natuurlijk helemaal compleet maar het is in ieder geval een goed begin voor al diegene die geen photoshop hebben geinstalleerd.

mysql en mac

Waarbij we op de pc werken met phpmyadmin en heidisql is er voor de mac ook een programma waar goed mee te werken valt.
Het programma heet Sequel Pro en is open source, onderstaand een aantal screenshots.

afbeelding-11

afbeelding-21

afbeelding-11

een paar css tips

Als je een middagje niks te doen hebt en je verveelt jezelf enorm dan is het raadzaam om de onderstaande tips over css eens door te nemen. Er zijn er vast al veel die je kent maar het is een mooi en compleet linkoverzicht wat je zeker kunt bewaren
  1. 53 CSS-Techniques You Couldn’t Live Without
  2. 20 Useful CSS Tips For Beginners
  3. 5 Ways to Instantly Write Better CSS
  4. Using CSS to Do Anything: 50+ Creative Examples & Tutorials
  5. 101 CSS Tips, Tutorials and Examples
  6. CSS Code Snippets : 15 Wicked Tricks
  7. 15 CSS Tricks That Must be Learned
  8. 8 CSS tips for better linking
  9. 8 Premium One Line CSS Tips
  10. 70 Expert Ideas For Better CSS Coding
  11. 30+ CSS Cheat Sheets & Quick Reference Guides
  12. 10 Principles of the CSS Masters
  13. 10 Excellent CSS Tips and Tutorials
  14. 50+ Nice Clean CSS Tab-Based Navigation Scripts
  15. CSS Layouts: 40+ Tutorials, Tips, Demos & Best Practices
  16. 120 Excellent Examples of CSS Horizontal Menus
  17. 60+ Wacky CSS Tutorials, Layouts, Optimizers & More
  18. 12 Principles For Keeping Your Code Clean
  19. Quick & Easy CSS Development with Firebug
  20. 25+ CSS Tools to reduce your work load
  21. 20 Useful Resources for Learning about CSS3
  22. 16 Usable CSS Graph and Bar Chart Tutorials & Techniques
  23. Top 10 Swish And Stylish CSS Tricks
  24. 12 Most used CSS tricks
  25. Five web 2.0 CSS menu tutorials
  26. 12 CSS Tools and Tutorials for Beautiful Web Typography
  27. 5 Popular CSS Frameworks + Tools for Getting Started
  28. 30 Excellent CSS Based Navigation and Buttons Tutorial
  29. Creating CSS Layouts: Best Tutorials on Converting PSD to XHTML
  30. 20 Ultimate CSS Tutorials That Will Help You Master CSS
  31. 19 CSS Menu Tutorials to Spice Up Your Web Designs
  32. Top 10 CSS Buttons Tutorial List
  33. 40 CSS Web Form Style Tutorials For Web Developers
  34. 35+ very Useful And Powerful CSS techniques
  35. 43 PSD to XHTML, CSS Tutorials Creating Web Layouts & Menus
  36. Creating Sexy Stylesheets
  37. CSS Tip #1: Resetting Your Styles with CSS Reset
  38. Ten CSS tricks you may not know
  39. 5 Tips For Organizing Your CSS
  40. Web Design+ Tips & Advice on Web Standards Development
  41. 10 CSS shorthand techniques you’ll use everyday
  42. The Ultimate CSS Cheat Sheet
  43. 13 Training Principles of CSS Everyone Should Know
  44. 101 CSS Techniques Of All Time- Part 1
  45. 16+ Easy CSS Techniques that Simplify the Webdesigner’s Life
  46. 15 CSS Properties You Probably Never Use (but perhaps should)
  47. The CSS, HTML, and JavaScript Lab
  48. 5 Steps to CSS Heaven
  49. Cool CSS Image Maps
  50. 20 Sites That Brought CSS into the Mainstream
  51. CSS Font sizing with different techniques
  52. Make your Site Mobile Friendly with CSS
  53. Examples & Tips for Great HTML/CSS Formatting
  54. Top 10 CSS Table Designs
  55. Fluid Grids with CSS
  56. The Art of CSS Positioning
  57. CSS: Magic of ‘border’ property
  58. How to Debug CSS
  59. 26+ CSS Galleries to Follow on Twitter
  60. Image-free CSS Tooltip Pointers
  61. Simple scalable CSS based breadcrumbs
  62. 9 CSS Essential Skills For Every Web Designer
  63. My Top Ten CSS Tricks
  64. 22 Resources to Easily Create CSS Layouts
  65. 10 Invaluable CSS Resources
  66. 40 Beautiful Dark CSS Website Designs
  67. 40+ CSS Generators, Creators, and Makers
  68. How to: CSS Large Background
  69. The complete CSS guide
  70. Learn CSS Positioning in Ten Steps
  71. 50+ Nice Clean CSS Tab-Based Navigation Scripts
  72. 37 CSS Navigation Techniques
  73. 10 Challenging But Awesome CSS Techniques
  74. CSS Typography: Contrast Techniques, Tutorials & More
  75. 4 Uber Cool Css Techniques For Links
  76. 38 Free Elegant XHTML/CSS Website Templates
  77. CSS Float Theory: Things You Should Know
  78. CSS Tip #2: Structural Naming Convention in CSS
  79. 5 Techniques to Acquaint You With CSS 3
  80. The Highly Extensible CSS Interface
  81. Improving Code Readability With CSS Styleguides
  82. Best of CSS Design 2008
  83. SitePoint CSS Reference
  84. CSS Editors Reviewed

spam slecht voor het milieu

Het is een cijfer om van te duizelen: van de miljoenen e-mailberichten die elke minuut via het net vloeien, blijkt ondertussen 97 procent spam te zijn. De berichten zijn niet alleen slechts voor uw inbox, ze brengen ook schade toe aan het milieu. De energie die nodig is voor het versturen van al die elektronische rommel komt immers overeen met het gemiddelde elektriciteitsverbruik van niet minder dan 2,4 miljoen Amerikaanse gezinnen.

Tot die inschatting komt de Amerikaanse beveiligingsexpert McAfee. Het rapport voegt er voor de gelegenheid nog aan toe dat spam jaarlijks evenveel broeikasgassen produceert dan 3,1 miljoen auto’s, dat zet je toch aan het denken!

surfing surfing …

de website orange label wekt de suggestie te bladeren, leuk begin in ieder geval / een keer een leuk patroontje op de achtergrond van je website kan met pattern cooler maar daar moet je wel tegen kunnen / wat je allemaal met html 5 kunt staat op de html 5 gallery /

i believe i can fly

Stop motion  kent vele coole toepassingen, op onderstaand filmpje kun je zien hoe ontzettend simpel het is om een heel mooi effect te creeren. Met een beetje inbeeldingsvermogen zijn er met deze hint natuurlijk veel en veel meer andere toepassingen mogelijk.


stop motion in the garden van Batmkana via Vimeo.

Tevens nog een link met een heel simpel bewegingseffectje en een link naar een goede stop motion artiest.