Mary G

front-end
webdesigner

met ♥ maak ik
handgecodeerde websites
voor zzp-ers en
middelgrote bedrijven, zet ontwerpen om in moderne
responsive html5 en css3
en duik diep in de code
van gedateerd ogende software
voor een
totale redesign

html/css, ux-design, javascript, php, photoshop, illustrator, svg, html-nieuwsbrieven, css-animaties, svg-animaties
responsive design responsive design

From scratch

Mijn doel is om werk te maken dat 'eruit springt' maar ook tijdloos, gebruiksvriendelijk en speels. Websites maak ik direct in de html- en css code en het ontwerp onstaat al doende in de browser. De toefjes op de taart onstaan op het allerlaatst. Zo werk ik het liefst, waarschijnlijk omdat ik als kunstenaar al gewend ben om op een 'leeg doek' te beginnen. En ook hier probeer ik met zo min mogelijk het grootst mogelijke resultaat te behalen. Het eindproduct is een volledig uniek werk zonder overbodige scripts en codes. En dat scheelt weer laadtijd!

Lees hieronder over leuke dingen die je in je website kunt zetten, bekijk hier voorbeelden en lees op deze pagina meer over het laten maken van een website, van begin tot aflevering.

css animaties

Animaties werden lange tijd alleen met Flash of Javascript gemaakt, maar in de moderne browsers wordt er steeds meer mogelijk met alléén css en nu kun je daarmee een scala aan animaties maken. Het mooie van css-animaties is dat ze het gewoon op elk apparaat doen, ook op een telefoon. En er komen steeds meer mogelijkheden bij.
N.B. Alleen in explorer, helaas, blijven objecten in 3-d animaties als deze kubus ... plat.

Mary Grooteman, schilder/webdesigner
Contact
privacy-statement

HTML5/CSS3
Javascript
PHP
Photoshop
Illustrator
SVG- en CSS-animaties

SVG: haarscherpe logo's en icons

Soms zie je logo's of icoontjes tegen die niet goed scherp lijken te zijn. Dat zijn png of jpg's en die zijn opgebouwd uit pixels. Een svg daarentegen is een zgn vector-bestand, bestaat niet uit pixels maar uit een berekening van coördinaten en die zijn op elke grootte altijd haarscherp. Dan zijn ze vergeleken met een png bestand ook nog eens veel minder KB's. Deze dame hier is bijvoorbeeld maar 7KB!
En je kunt er nog leuke hover-acties en animaties op zetten ook. Deze vectoren heb ik overigens allemaal uit illustrator gehaald. ;-)

Terras, svgHeer svg
je eigen 3-d animatie op je eigen site

Virtual Reality

Hoe leuk is het om je eigen ruimte, winkel of tuin op 360 graden (of met een 3-d bril) te kunnen laten bekijken op je eigen site? Je kunt een foto laten maken door een professional, zelf een apparaat kopen en aan de slag gaan...of er eentje maken met de gratis google streetview-app. Met niet al te veel moeite is het zo op je website geplaatst.
Kijk je op een computer kan je de afbeelding bekijken door met je muis te bewegen en op je telefoon (als je een vr-bril hebt) klik je op het brilletje rechtsonder.

Laatste project: totale redesign webagenda simplex (tandarts­software)

Van html2 naar html5 met moderne responsive css.

Afgerond in augustus 2017. Uitstekend werkende software maar het zag er behoorlijk gedateerd uit.
Probleem was dat bij eerdere pogingen om de css aan te passen men stuk liep omdat daarna de software niet meer werkte. Maar wat nooit gedaan was... doctype aanpassen naar html5 en daarna de html en de css grondig vernieuwen. Van alle (ongeveer 40) templatefiles gegenereerd met smarty template engine.
Lees verder...

Redesign tandartssoftware Redesign tandartssoftware
Mary

"Mijn allereerste site www.marygrooteman.com maakte ik toen ik een portfolio nodig had voor mijn schilderijen. Ik wilde die site graag zelf bouwen omdat ik precies wist wat ik wilde. Al snel begon ik met het bijhouden van de site direct in de html-code. Hoe dat zo gekomen is? Het programma dat ik eerst gebruikte, liet steeds fouten zien. Tot het moment waarop iemand me liet zien hoe ik die eruit kon halen - gewoon in de html in een text-editor!

En zo ben ik altijd op die manier mijn site blijven bijwerken. Sterker nog, ik vond het zo leuk om te doen dat ik steeds nieuwsgieriger werd naar de mogelijkheden. Vanaf de dag waarop ik door een vriend werd gevraagd om zijn site te bouwen, volgde de een na de ander. En heb ik er eigenlijk een tweede beroep bij. Ik schilder en ik bouw websites!

Eigenlijk kan ik niet zeggen welk beroep ik leuker vind. Ik geniet van beide, van de vrijheid en het creatieve proces. Wat ik heel leuk vind aan websites, is dat ze ook praktisch nut hebben. En dat je ondanks honderd keer 'undo' of 'delete' niet kunt zien hoe ik soms heb geworsteld om het perfecte resultaat te bereiken. Met een schilderij is dat wel anders..."

contact

06 1406 3356
e-mail

of