bdev studio

Status
Niet open voor verdere reacties.

gast0231

Nieuwe gebruiker
Lid geworden
7 feb 2008
Berichten
0
Graag zou ik mijn website beoordeeld zien. De website is alleen ondersteund in moderne browsers (Webkit en FF) vanwege het vele gebruik van CSS3.

Alvast bedankt!

LINKJE
 
Laatst bewerkt:
Ziet er uitstekend uit, mooi voorbeeld van wat je met CSS3 allemaal kunt bereiken, zonder afbeeldingen te gebruiken. Let wel op dat als je je site alleen met CSS3 maakt en de bedoeling is klanten te krijgen, dat niet iedereen in bezit is van de nieuwste webbrowsers.
 
Het gaat hier ook niet echt om de bezoekers/klanten. Ik ben nog wel van plan met bijv PHP browser detection een Fallback-design te maken met afbeeldingen...
 
OK dan heb ik er verder niets op aan te merken. Mooie duidelijke site.
 
Oeps iets te snel. Misschien een iets groter lettertype voor de content en dan "mainbackground" wat meer padding meegeven.
 
Zo beter? Vond het zelf groot genoeg en erg mooi staan zo klein maar ziet er zo i.d.d. ook goed uit..
 
Ziet er idd beter uit, alhoewel ik zelf geen grote fan ben van Calibri, ben Verdana wat meer gewend.
 
Ik heb eerst Verdana geprobeerd maar vind Calibri sierlijker staan, maar dat lijkt me een kwestie van smaak...
 
Natuurlijk heb ik enige plannen voor later, maar hier komt vaak niets van terecht.
Ik zou deze zin even deels wijzigen of weglaten.
De bijzin is nou niet zo positief voor mogelijke klanten die denken, er komt toch niets van terecht.

En het laatste wat je wilt is passieve communicatie, dat de klant overal achteraan moet.
Ik heb dat met mijn blog zo vaak, dat ik vraag om samenwerking en ik geen post (of geen harde afspraken) terug krijg.
Die bijzin kan dat gevoel bij klanten wél wekken.
 
Zoals al eerder verteld gaat het hier niet om klanten, het is een website om mijn eigen projecten te testen en eventueel enkele bezoekers bepaalde projecten te kunnen laten zien. Hoewel ik het wel met je eens ben. Ik ga de zin even aanpassen...

Bedankt!
 
Complimenten. Nette scheiding CSS en HTML.

Wel een beetje hinderlijk is het font-face gedoe. Mn cache staat standaard uit, dus elke pagina laad opnieuw het font, maar begint met het default; de text verspringt daarom steeds. Het font is 344.5 KB, dus dat duurt ook nog eens eventjes. En dan moet het ook nog gerendered worden....

Ohja, en je kan nog een meta keywords toevoegen.

Overgens kan
Code:
©
ook als
HTML:
©
maargoed ;)


Hm, als laatste punt: waar is je mooie favicon?! Wat is een site nou zonder favicon... ;)
 
Laatst bewerkt:
Het font heeft te maken met het feit dat ik Linux gebruik en dat daarin geen Calibri zit. Verder is &#196 ook in oudere browsers ondersteund, ik ben het zo gewend. En die favicon zou een afbeelding zijn, een beetje tegen mijn principe van deze website in. Misschien is er nog een andere mogelijkheid, ik ga wel even kijken
 
Laatst bewerkt:
Kijk. daar heb ik wat aan. Wat ik bedoelde is dat de gehele website nu zonder afbeeldingen opgebouwd is met puur CSS3 en XHTML. Om dan voor de favicon wel een afbeelding te gebruiken is natuurlijk niet helemaal de bedoeling... :D

Ik ga zeker eens kijken naar dat voorbeeld...
 
Ik heb inmiddels het font veranderd, nu is de laadtijd dus echt heel laag. Verder ben ik bezig met de favicon, ik krijg het alleen niet voor elkaar... Ik heb het script overgenomen en in een extern bestand geplaatst, maar het werkt niet. Als ik bij page info kijk dan is de enige media die favicon en die is 0px*0px en broken ??? Enig idee???
 
Zet je <script> tag eens onderaan je pagina, net boven de </body>. Ik denk dat, omdat de gehele <body> nog niet is geladen, het DOM nog niet klaar is om je <link>-id te verkrijgen met d.GEBY.

Also, gebruik
HTML:
<script type='text/javascript>
in plaats van language. Language is al jaren buiten gebruik, en is zelfs niet valide xhtml! Kijk zelf maar. :thumb:
 
Werkt nog altijd niet, ik heb nu alles veranderd, maar aan de favicon veranderd hier niets, of bij iemand anders wel???
 
Huh. Dat is apart.

Als ik t lokaal bekijk met de gegenereerde source, krijg ik dit:
<link href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAA2ElEQVQ4jc3RsUqCURjG8Z8QHyhYa9E1uNgWdgcG5RVYROAiSENTIERDIBU0BdWuq+4RkVM0Vq5dScN3IPnwWEpIDxw4h4f3/77vc/gjVfCKIc7RwwDLE7zbcFazkA5Owj3BCDsTPKjhDcUYoIhPbEUACT5QzQIe0UYfXeQjgBye0YxNkMMl7n+YYDsGgCM8BFjW28W7sQw28YInnOIiFG9kvDPc4A5r/o0a2JMGU8exdLdr3984VYdoSXdKcIAl7EsDnFk1lFD+bUEjTLAS3uu4QmGe7ovXF1I5LJ6ni8yhAAAAAElFTkSuQmCC" rel="shortcut icon" id="favicon">
en dat klopt gewoon; het plaatje werkt wel.

Overgens komt dit omdat je het stukje code in een los .js bestand hebt gezet. Op een of andere manier breekt dit de code; ik heb geen flauw idee waarom.

Als je dus gewoon de code uit het .js bestand in je html document gooit ipv. die script-src tag, werkt t wel. Hier is de code op 1 regel:
HTML:
<script>

   var h,c,x;h=document.getElementById('favicon');c=document.createElement('canvas');x=c.getContext('2d');c.width=16;c.height=16;x.font='10px Courier bold';x.fillText('TG',1,8);x.font='8px Courier';x.fillText('.net',-2,14);h.setAttribute('href',c.toDataURL('image/png'));

</script>
 
Laatst bewerkt:
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan