credits

Iets belangrijks wat ik nog vergeten was.
credits voor gebruiken van ander man zijn code.
Dit komt zeker ook nog op de uiteindelijke versie te staan. ( waarschijnlijk in css commentaar )


http://www.designresourcebox.com/lightbox-2-jquery-plugin/
http://th3silverlining.com/2010/04/15/pajination-a-jquery-pagination-plugin/
http://thecodeplayer.com/walkthrough/pure-css3-animated-clouds-background

Eindpost

Opdrachten 1 t/m 6

opdrachten 1 t/m 6

 Opdrachten 7 t/m 8

Feedback
Feedback deel 2
Feedback Product markt
eisen en planning document

Opdrachten 9 t/m 10 

opdrachten 9 t/m 10 

testplannen

Nog te doen (buiten scope project ) 

 Elke eis die ik nog niet heb afgekregen.
Een aantal dingen van Feedback Product Markt toepassen.
En twitter feed integreren in design ( inplaats van losse widget)

Anders 

Download link

Download link portfolio   
link: portfolio
Naam: docent
wachtwoord: docent
 

feedback product Presentatie

Disclaimer

Ik kan vrij slecht aan elkaar geschreven tekst lezen. Dus ik hoop dat ik alles goed begrepen heb wat er staat.Bovendien schrijven sommige mensen erg onduidelijk of klein.

Noem 3 dingen die je goed vindt aan het portfolio

danny van dalen (mt1d)

1. de stijl van het hooft(denk ik ) is origineel
2. <onleesbaar>
3. cms is wel overzichtelijk
   

ahmet akdas

1. leuke fullscreen background
2. navigeren tussen projecten is erg handig
3. twitter feed ziet er leuk uit.

Rick van 't hof

1. veel kleur, leuk
2. bewegende onderdelen zijn altijd leuk

stefan van den berk

1. bewegende achtergrond leuk bedacht en origineel
2. veel gebruikt javascript
3. originele stijl

stijn van dijn

1. vorm geving is creatief duidelijk
2. mooi cms heel netjes vorm gegeven.
3. Leuke animatie

Glen Blom

1. het doorklikken naar volgend project gaat snel en soepel
2. leuke achtergrond

Koen Bronne

1. bewegende elementen leuk

kisten ( of kistlen )

1. background ziet er leuk en grappig uit.
2. Cms ziet er goed uit.

noem 3 dingen die je zou aanbevelen aan de maker van het portfolio

danny van dalen (mt1d)

1. schrijft in het midden is wel minder
2. informatie is zeer kort
3. geen persoonlijke informatie
   

ahmet akdas

1. contactpagina is minimaar, paar gegevens of een formulier is handig.
2. Eerste paar projecten hadden zelfde afbeelding (lijkt alsof het niet werkt )
3. tekst mag iets duidelijker misschien grotere lettertypen

Rick van 't hof

1. een wat spannender lettertype
2. twitterwall overwegen te verplaatsen

stefan van den berk

1. iets minder kinderlijke uitstraling
2. misschien wat betere projectoverview.

stijn van dijn

1. kijken naar je structuur qua menu
2. meer focusen op functioneel ipv mooie features.
3. Misschien een klein verhaaltje over jezelf

Glen Blom

1. consequent werken ( namen bestanden) overal include gebruiken.
2. Project titel aanklikbaar maken.
3. Op project 1 geen first / prev button en bij laatste geen next/last

Koen Bronne

1. scheiding projecten / eigen werk werlaten. Dat is niet interessant voor de bezoeker.

kisten ( of kistlen )

1. mooiere lettertype want zo ziet het er zo standaard uit
2. menu op pimpen, niet meerdere kleuren.

wat vind je van de opbouw (structuur) van de website?

ahmet akdas

1. opzet is goed en duidelijk. Je weet meteen wat er per pagina je te wachten staat.

stefan van den berk

1. beetje vaag en niet leuk.

stijn van dijn

1. simpel duidelijk genoeg niet meer dan nodige info

Glen Blom

1. structuur is duidelijk. Alleen is het bij de projecten niet duidelijk dat het plaatje doorlinkt.

kisten ( of kistlen )

1. ziet er duidelijk overzichtelijk uit.

Wat vind je van de layout/ interface ?

danny van dalen (mt1d)

1. redelijk overzichtelijk wel meer origineel zijn

ahmet akdas

1. layout ziet er erg leuk uit. Maar daarnaast ook kinderlijk portfolio is persoonlijk dus is het niet erg.

stefan van den berk

1. ook een beetje kinderlijk met wolkjes en zeppelinnetje enzo

stijn van dijn

1. duidelijk blijft overal het zelfde

Glen Blom

1. het ziet er leuk uit leuk met de wolkjes en zeppelin

Koen Bronne

1. te kinderlijk

kisten ( of kistlen )

1. ziet er goed uit.

Wat vind je bijzonder aan het portfolio?

stefan van den berk

1. veel javascript

Koen Bronne

1. gebruik css 3 animaties / js

Mijn mening over commentaar?

 schrijft in het midden is wel minder

Dit is iets wat ik nog moest aanpassen. Maar dit staat nog op mijn todo list
spannende lettertypeIk moet nog kijken wat het beste is. Mijn huidige zijn ook al anderen als de default lettertypen. Maar deze vallen dus misschien niet genoeg op.

Contact pagina aanvullen.Ik moet nog kijken of ik dit doe. Ik zit hier een beetje in dubio over.

scheiding projecten / eigen werk werlaten. Dat is niet interessant voor de bezoeker.Hier ben ik het niet mee eens,  ik denk juist dat het meerwaarde heeft. zodat je beter kan laten zien. wat je allemaal nog doet naast je school projecten.

Misschien een klein verhaaltje over jezelfOver mij, moet inderdaad nog beter ingedeeld en aangevuld worden.

misschien wat betere projectoverview.

Ik zat hier al over te twijfelen. of dit duidelijk genoeg is.
Ik ga dus van die titel een url ook maken denk ik.

Over uiterlijk
Mijn thema is een gamy / cartoony look.  Ook al kan het nog beter ( ik ben niet goed in design)
Vind ik dat ik hier al een heel eind op weg ben.

Feedback 16 januari

Projectpagina
knoppen project (jquery ) aanpassen misschien qua grote en iniedergeval qua kleur.

Aangeven dat de plaatjes links zijn. ( duidelijker maken dat je dan naar detail pagina gaat)

Indien je wilt centreren de tekst in een div zetten en die dan centreren dan staat de tekst toch links gecentreerd waardoor het netter lijkt.

Detail pagina

gegevens anders ordenen.

Zoals dit bijvoorbeeld.

Contact

Misschien inplaats van mail to. Misschien een formulier.

Algemeen

scrollen oplossen ( dingen goed plaatsen. Bottom / twitter feed)

Menu actief maken ( dat je ziet waar je bent )

Conclusie

Projectpagina.
Hele waardevolle tips. ik ga zeker allemaal uitvoeren dit omdat het er waarschijnlijk netter uit gaat zien.
Was al bang dat link naar detail pagina niet duidelijk zou zijn. dus zat al hier aan te denken.

Detail pagina 

Interessant idee, ik ga het iniedergeval anders ordenen en kijk of dit handiger is.

Contact
Dit laat ik voorlopig achterwege. maar ik kijk ik nog eventjes naar buiten het scope van het project.
Dit omdat mijn portfolio op mijn eigen server staat en hier geen mail server op geinstalleerd is.
hierdoor is naast het script werk dit veel werk om goed te krijgen.

Algemeen.

Dit gaat sowieso gebeuren dit omdat dit foutjes zijn. en dit opgelost moet worden.

 

Nieuw ontwerp feedback van facebook vrienden

Op een gegeven moment is het tijd om van andere mensen feedback te krijgen.
En met een grote lijst met aanpassingen werd het tijd om dit te laten testen.
tussen de haakjes vind u een lijst met aanpassingen die mij is aangeraden.

1. met percentages werken zodat het beter schaald.
2. Kleurgebruik main content
3. gras misschien samenvoegen ( 1 div )
4. response design
5. menu div ( zeppelin en menu samenvoegen en list een achtergrond kleur te geven)
6. duidelijker aangeven zijn waar de website voor is.
7. beginnen aan content voor op de website

Schalen is inderdaad een probleem waar ik nog aan moet werken.
Dit is al gedeeltelijk opgelost sinds het ontvangen van de feedback.
Grass is samengevoegd tot 1 plaatje waardoor het altijd bij elkaar hoort.
Menu div is ook aangepast waardoor nu inelkaar zit inplaats van op elkaar geplakt is.
Content moet inderdaad flink aan gewerkt worden.  zeer belanrijk om toe te voegen.

1. My two cents! Het lettertype is vrij standaard en de lettertype op de ballon valt nogal weg, misschien beter om hier buttons van te maken. Ook is het bruine vlak met de blauwe achtergrond een beetje saai en te vlak, het komt niet bepaald professioneel over. Zweeft het gras trouwens in de lucht? Dit lijkt namelijk zo en komt raar over, beter zou het zijn om dit helemaal onder aan de border te plaatsen. De paaltjes waar het gras op steunt lijken nogal blurry, dit zou ik ook aanpassen. Overal is het een ok basis, maar heeft het nog een hoop adjustment nodig. Ik weet niet waarom je deze portfolio hebt opgezet, maar mocht het zijn als graphic artist dan zou ik echt de website wat creatiever en grafisch sterker maken

Andere lettertype werd niet geladen. dit is nu opgelost.

menu heeft nu buttons en heeft apparte stuk waardoor de knoppen goed opvallen.

gras probleem is opgelost.

Footer is weggehaald omdat het geen meerwaarde heeft.

1. Meng niet absolute en relatieve waarden in je css. Check hem op je mobiel en je ziet wat ik bedoel.

Dit is aangepast waardoor dit probleem bijna opgelost is.
Hou als tip erbij dat ik moet testen op mobiel en tablet.

Een donderslag bij heldere hemel

Inspiratie, dat is iets wat bij mij nogal vluchtig is.
De beste ingevingen komen bij niet door een techniek uit een boek maar komen plotseling naar binnen vallen.   ( medmec technieken zijn voor mij helaas niet echt behulpzaam. )
Dit is ook het geval bij mijn portfolio website.
Ik wil een rustige website omdat ik een hekel heb aan drukke websites. en zeker bij zoiets als je portfolio website moet je zelf tonen. dus iets tonen wat je niet bent gaat je zelf uiteindelijk toch de kop kosten. dus is beter om niet te doen.


Mijn nieuwe idee

Mijn nieuwe idee is om mijn portfolio meer te richten op mijn passie, gamedesign
De website krijgt een wat cartoony look.

Boven het menu bewegen wolkjes voorbij en  het menu is een balk die op een zeppelin zit.

De main content lijkt alsof het blijft zweven door de zeppelin ( mogelijk touw tussen zeppelin en de content)

 Onderaan de pagina is gras waar een character  op beweegt.
De footer is een houten balk die op het gras staat.

   

sharing the knowledge

Bij mijn groep en verder in de klas merkte ik dat de vooruitgang op het techniek gedeelte nogal mager was. Na wat na vraag bleek dit te zijn omdat ze bij hun php les nog niet zover waren gekomen.
De mensen die ik hier over sprak vonden dit vervelend.  omdat ze hierdoor niet in de kerstvakantie aan hun portfolio konden werken.

Ik heb toen besloten om wat scripts te delen. zodat ze er naar kunnen kijken en er van kunnen leren.
Ik heb ze meerdere malen op het hart gedrukt dat dit bedoeld was om van te leren en hoop dat ze dit ook doen. ( zeker omdat ik ook betwijfel of mijn manier de netste is )

Maar voor de zekerheid hier de code die gedeeld is.
source code gedeelde php script