Verzameltopic voor links en tips

[ErikBooy007]

Zo af en toe kom je eens een topic tegen waar her en der wat leuke / handige links in staan die voor webdesigners / webapplicatie-ontwikkelaars (wat een woord) nuttig zijn.

Mijn idee was om die in dit topic te verzamelen, zodat we op een regenachtige zondagmiddag eens lekker kunnen gaan lezen en ideeën op doen. Stiekem hoop ik erop dat een mod deze even sticky wil maken

Ik zal de aftrap geven:





www.speckyboy.com

Toevallig eens tegengekomen, veel nuttige CSS tips, showcases en algemene design artikelen​

www.smashingmagazine.com

Gepost door: Dropsleutel. Absoluut fantastische site, goed voor uren leesplezier en "tons of inspiration"​

www.webdesignerwall.com/tutorials/css-gradient-text-effect/

Gepost door: the big dodo. Leuk cross-browser CSS-effect. Simpel, doch geniaal en uit te breiden tot een heel bijzonder iets.​

PHP gebruiken in CSS of JavaScript

Door mij gezelf geschreven en hier gepost door That Guy​

Webrichtlijnen.nl

Gepost door: That Guy. Initiatief van de overheid m.b.t. webstandaarden. Zit ook een validator in die op de W3-validator lijkt, maar net even wat andere output geeft.​

Javascript keys

Gepost door: That Guy. Javascript keyboard checker. Handig als je eventjes niet meer de ASCII-waarde van het vraagteken uit je hoofd weet. Ook goed voorbeeld hoe verschillende browsers met keyboard-input omgaan (open de pagina in IE en FF, en bekijk t verschil...)​

De opzet van een php-site

Gepost door: That Guy. Mini-tutorial geschreven door de CSSHunter (ook van dit forum, lurkt meestal rond in het CSS subforum van Programmeren). Erg goede en duidelijke tutorial over hoe je makkelijk een PHP-gebaseerde website kan opzetten.​

CSS-voorbeelden.nl

Gepost door: That Guy. Site van Goeroeboeroe (ook van dit forum) met zeer uitgebreide en goede uitleg over CSS. Daarnaast ook veel leuke CSS-ideeën.​

MDC: javascript

Gepost door: That Guy. Goede Javascript-tutorial voor mensen die er al eens mee bezig zijn geweest.​

ctho.ath.cx/toys/

Gepost door: That Guy. Javascript-magie​

http://blog.nihilogic.dk

Gepost door: That Guy. Nog meer magie​

DiveintoHTML5.org

Gepost door: That Guy. Goede intro in HTML5; komt ook uit als O'rly (sic) boek​

HTML entities

Gepost door: That Guy. Alle html ent's op een rijtje.​

Audio Data API

Gepost door: That Guy. Wat klooien met HTML5's <audio>, en je hebt een HTML mp3 player.​

Kubus en Krant

Gepost door: That Guy. 3D Javascript. (noot: niet met je pentium-2 naar deze site gaan)​

Glacial Flame

Gepost door: That Guy. Een nog in-development HTML RPG. Heeft al een aantal tutorials over Javascript isometric tile engine-achtige dingen.​

That Guy

Gepost door: That Guy. That Guy's eigen site , staan wat artikelen op over 'normale' tile engines in Javascript, maar ook losse Javascripts. Zie ook de webdev folder waar Javascript, HTML en CSS-magie in staan.​

Canvas Demo's

Gepost door: mezelf. Site met vele voorbeelden om de mogelijkheden van het HTML canvas duidelijk te maken.​

My Site My Way

Gepost door: mezelf. Via een link naar een lijstje met patterns die @dominiqu3 twitterde (zeker het volgen waard), kwam ik op deze site terecht die ik jullie absoluut niet wil onthouden. Deze site staat vol met Photoshop patters, icons, tutorials, etc... Allemaal gratis voor persoonlijk én commercieel gebruik.​

http://www.templatemonster.com

Gepost door: xvilo. Handige website templates.​

http://www.flashmo.com

Gepost door: xvilo. Mooie flash website templates.​

http://www.w3schools.com

Gepost door: xvilo. De online school met voorbeelden en doe-het-zelf dingen.​

http://fancycms.com/

Gepost door: xvilo. Fancy CMS. Dit is een cms systeem gebaseerd op flash.​

http://www.csszengarden.com/

Gepost door: xvilo.​

http://www.scriptcopy.com/

Gepost door: xvilo. Deze website staat vol met website-clones.​

http://www.1stwebdesigner.com/

Gepost door: RikXP.​

http://www.oswd.com/

Gepost door: RikXP.​

http://www.w3.org/community/webed/wiki/Main_Page

Gepost door: Naarling.​

http://www.webappers.com/

Gepost door: Naarling. Handige site met verschillende scripts, knoppen, icoontjes, fonts etc.​

Ik hoop dat jullie willen helpen om dit topic levendig te houden door jullie bladwijzers langs te lopen en jullie favoriete relevante sites te posten!

 

[ErikBooy007]

Links die hieronder gepost worden worden door mij in de startpost geplaatst. Dit met het doel alles netjes en overzichtelijk te houden. Je post zal dan worden verwijderd, maar je gebruikersnaam wordt uiteraard wel vermeld bij de link.

Ik hoop hier nog veel van jullie nuttige/interessante links te zien verschijnen! :thumb:

 

[csshunter]

CSS-Discuss Wiki (http://css-discuss.incutio.com/wiki/Main_Page),
zeer uitgebreide Engelstalige behandeling van uiteenlopende CSS-onderwerpen (met links, demo's, enz. enz.), zeker genoeg voor 5 jaar vol met regenachtige zondagmiddagen.

 

[glompie]

http://css3generator.com/ Css3 generator
http://www.colorzilla.com/gradient-editor/ CSS Gradient Generator
http://www.digbacklink.com/ Iets minder bekende backlinkchecker
http://netrenderer.com/ IE 6-7-8-9 checker zonder wachttijden
http://tools.pingdom.com/fpt/ Laadtijden van je pagina's checken

 

[carlotruck]

http://guess.scritch.org/ > Mooie tool om frameworks te detecteren.

 

[mcfreak]

handige verzameling van scripts, van alles wat

 

[csshunter]

Mmm-hmm, die laatste link naar design-web.nl/scripts.php lijkt me toch niet zo'n handige script-verzameling.

Ik heb even een stuk of 12 van de javascripts daar doorgenomen: allemaal met foute aanroep <script language="javascript">, en vaak ook inwendige fouten. Verder dateren de scripts allemaal van 2003 en 2004, dat is dus zo'n 10 jaar oud.
Of de javascripts ook werken in alle huidige browsers (er is in 10 jaar nogal wat veranderd!) is niet te zien, want er zitten geen demo's bij.
Voor een aantal javascripts zijn er betere alternatieven te vinden (bv. javascript-rollovers > css-hovers).
Alles zou per javascript nauwkeurig uitgevogeld moeten worden, wil je er wat aan hebben.
Voor de veiligheid/betrouwbaarheid van de php-scripts durf ik m'n hand niet in het vuur te steken; ik kan met vergissen, maar ook dat zou flink tegen het licht gehouden moeten worden lijkt me.

Conclusie: ik zou dit niet aanraden, want de kans op Verborgen Teleurstellingen is levensgroot aanwezig.

Met vriendelijke groet,
CSShunter
________
PS: De "lessen HTML" op dezelfde site zijn al helemaal niet aan te bevelen.
Uit "Les1 - De basisbeginselen":

• Je begint als eerste met de <html> tag. - Nee, je begint met een Doctype. Anders worden de standaarden voor html niet nageleefd, wat met name voor Internet Explorer desastreuze gevolgen heeft.
• De title en metatags moeten in de header staan. - Ja, maar ten onrechte wordt niet de verplichte <meta> met de "charset" genoemd.
• In de body tag kan je aangeven welke achtergrond kleur je site moet hebben: <body bgcolor="red">. - Nee, dat is deprecated (= achterhaald / afgekeurd).
• Je kan ook een plaatje als achtergrond gebruiken: <body background="url plaatje">. - Nee, ook afgekeurd. Daar is css voor.

Uit "Les 2: Tekst opmaken":

• <font size="2" face="verdana" color="black">. - Nee, afgekeurd.
• Een nieuwe alinea maken doe je met <p>, geen afsluitende tag nodig. - Nee: bij xhtml wel nodig; en voor html niet 100% verplicht, maar wel zwaar aan te bevelen.

Van dat soort dingen...

 

[aartje1]

website laten bouwen

Deze links zijn echt nuttig voor website laten bouwen en ontwerpers die willen carrière te maken op het ontwerpen. dank :thumb: :thumb:

Mod-edit: Deze thread gaat over links die bruikbaar zijn voor webontwikkelaars, niet mensen die een website willen laten bouwen. Daarnaast is de link die jij geeft gewoon promotie voor een bedrijf, vermoedelijk degene waar je werkt. Om die reden de link verwijderd.

 

[nizaris]

en als je er zelf niet uitkomt kan je het altijd laten maken door site's als *KNIP* . die doen het meestal wel goedkoop voor je!

 

[crash]

@Nizaris,
welkom op Helpmij.nl.
Ik heb de link verwijderd, er mag niet zomaar reclame gemaakt worden. Gezien je deze elk van jou berichten plaatst, is het puur om reclame voor die site te maken.