pagina 79 · Het grote webdesign topic

Hebje iets gemaakt of gewoon gevonden, met betrekking tot webdesign... Post het hier dan.

Als je kritiek hebt op sites, post ze dan.

Ben je trots op je site, post ze dan.

@Jeffrey:
op Facebook heb je je pagina als 'Plaatselijk bedrijf', hoe heb je deze aangemaakt?
Ik kan namelijk alleen een bedrijfspagina koppelen aan m'n 'prive' account.

Uitspraak van rolstoel-terror op zondag 17 april 2011 om 12:50:
▶
@Jeffrey:
op Facebook heb je je pagina als 'Plaatselijk bedrijf', hoe heb je deze aangemaakt?
Ik kan namelijk alleen een bedrijfspagina koppelen aan m'n 'prive' account.

Moet je een facebook page maken, geen profiel. Zodra je dat doet word er gevraagd wat voor type pagina het is enz

Uitspraak van Qre8ive op zondag 17 april 2011 om 15:31:
▶
Moet je een facebook page maken, geen profiel. Zodra je dat doet word er gevraagd wat voor type pagina het is enz

http://www.facebook.com/pages/create.php?campaign_id=368885149649&placement=pgall&extra_1=0

Iemand die me hiermee kan helpen? Het lukt nog steeds niet lekker met zoomen. Als je rechts op de map inzoomt, en daarna uitzoomt dan verspringt het beeld. Weet eigenlijk niet goed wat ik fout doe of waar ik iets over het hoofd zie. De zoom in gaat namelijk wel helemaal goed:

http://www.heatzone.nl/map

,setZoom: function(scrollLevel, mouseCoords){
this.oldWidth = this.client.getWidth();
var width;
if(scrollLevel > 0){
width = Math.pow(this.scrollOffset, scrollLevel);
}
else{
if(this.scrollLevel > 0){
width = Math.pow(this.scrollOffset, scrollLevel);
}
else{
width = Math.pow(this.scrollOffset, this.scrollLevel);
}
}
// Setup level
this.client.setWidth(this.width + width);
this.scrollLevel = scrollLevel > 0 ? scrollLevel : 0;
var container = this.getEl();

var oldscale = (this.oldWidth / this.width);
var scale = this.client.getWidth() / this.width;

var mapX = (mouseCoords[0] + container.dom.scrollLeft) / oldscale;
var mapY = (mouseCoords[1] + container.dom.scrollTop) / oldscale;
var diffX = Math.round((mapX * scale) - mouseCoords[0]);
var diffY = Math.round((mapY * scale) - mouseCoords[1]);

container.dom.scrollLeft = diffX;
container.dom.scrollTop = diffY;
}

laatste aanpassing 19 april 2011 11:05

Uitspraak van Qre8ive op zondag 17 april 2011 om 15:31:
▶
Moet je een facebook page maken, geen profiel. Zodra je dat doet word er gevraagd wat voor type pagina het is enz

Heb een site ontworpen, waar ik wel tevreden over bent. Ontwikkelingen werd dan wel door collega's verder overgenomen,
maar al met al is die ook wel goed gelukt (ben nl zelf een zeikerd daarin

) Was een behoorlijke haast project en riskant vanwege een demo geven aan alle ondernemingen in Sliedrecht in de kerkbuurt. Maar dan is het wel fijn als die druk niet op je schouders ligt

haha

http://www.kerkbuurt.nl/

Commentaar welkom kan ik alsnog wat punten meenemen erin...

laatste aanpassing 26 april 2011 21:14

Er is onlangs een grote klant live gegaan, waar ik heel veel tijd in heb gestoken. Voornamelijk de huisstijl was een belangrijk factor hierin. Ik ben zeer tevreden gezien het eind resultaat. De schoonheidsfoutjes liggen voornamelijk bij de invulling, maar wellicht kunne we dit aansturen in een later stadium:

http://www.rotonde-olie.nl/

Ben benieuwd wat jullie van de interactie vinden van de site

Uitspraak van verwijderd op dinsdag 26 april 2011 om 21:15:
▶
http://www.rotonde-olie.nl/

In Chrome (Windows) zien de kopjes er erg lelijk uit (geen anti-aliasing). In IE9 zijn de koppen niet(!) zichtbaar, alleen in Firefox 4 ziet het er goed uit. Ik zou geen Cufon gebruiken. Met font-face heb je meer zekerheid. Of anders, gezien de keuze van de font, zou ik er gewoon Arial Black, Arial van maken..

Uitspraak van DeCo op dinsdag 26 april 2011 om 22:58:
▶
Of anders, gezien de keuze van de font, zou ik er gewoon Arial Black, Arial van maken..

font-family:"Arial Black", Arial, Helvetica, sans-serif;

Zit er altijd wel IETS tussen wat er goed uitziet

Uitspraak van verwijderd op dinsdag 26 april 2011 om 21:10:
▶
http://www.kerkbuurt.nl/

Je programmeur moet zich iets meer verdiepen in SEO. Dat logo bovenaan zou zo moeten zijn:

<h1>Ondernemersvereniging Kerkbuurt Sliedrecht</h1> (liefst zelfs nog clickable maken en naar home linken)

En dan in de css de h1 stylen (display:block, width/height, background image, text-indext op -9999px

. Vervolgens de andere <h1> veranderen naar <h2> en <h2> naar <h3>.

Verder dingen als die schaduw onder de logo's onderaan ook in CSS verwerken. Divje om de images, in css de schaduw image onderin zetten en de div hoogte instellen op logohoogte+schaduwhoogte.

Maar goed volgens mij heeft ie verder niet gehoord van een code netjes opmaken ... wat een zootje

Edit: Om toch op het ontwerp wat commentaar te geven, die grijze balk bovenin doet vrijwel niets en zorgt ervoor dat de hele site naar beneden geschoven word. Zou denk ik compleet weg kunnen (of 5px hoog maken ofzo, iig minder hoog dan nu

laatste aanpassing 26 april 2011 23:30

Uitspraak van Qre8ive op dinsdag 26 april 2011 om 23:28:
▶
Je programmeur moet zich iets meer verdiepen in SEO. Dat logo bovenaan zou zo moeten zijn:

<h1>Ondernemersvereniging Kerkbuurt Sliedrecht</h1> (liefst zelfs nog clickable maken en naar home linken)

En dan in de css de h1 stylen (display:block, width/height, background image, text-indext op -9999px. Vervolgens de andere <h1> veranderen naar <h2> en <h2> naar <h3>.

Zo zou ik het ook doen, maar text-indent blijkt niet nodig te zijn: http://www.youtube.com/watch?v=fBLvn_WkDJ4

Maar als we doorgaan op jouw idee: Die H1 zou je dan alleen op de homepage nodig hebben. Bij subpagina's zoals Over Ons zou "Over ons" tussen H1 tags moeten staan, en de "Ondernemersvereniging Kerkbuurt Sliedrecht" tussen H2 of lagere semantische waarde, omdat die website naam minder belangrijk is op zo'n pagina.
Wel zou ik de website naam terug laten komen in de <title> tag: Over Ons | Ondernemersvereniging Kerkbuurt Sliedrecht. Dat is gewoon duidelijker in de Google zoekresultaten. Dat geeft de "Over Ons" pagina ook gelijk een context in de zoekresultaten

Kan je ook wel strippen. Google gebruikt het in ieder geval niet meer. Volgens mij geldt dat ook voor de Description.

Kan ook weg, dat doen de bekendere botjes standaard als je niks tegenhoudt in robots.txt

laatste aanpassing 26 april 2011 23:50

Uitspraak van Qre8ive op dinsdag 26 april 2011 om 23:20:
▶
font-family:"Arial Black", Arial, Helvetica, sans-serif;

Zit er altijd wel IETS tussen wat er goed uitziet

precies

weer een nieuwe site: http://kevinho.simpsite.nl/
ik ben pas vandaag begonnen dus ga aub niet wat liggen te zeiken

Uitspraak van verwijderd op woensdag 27 april 2011 om 20:22:
▶
http://kevinho.simpsite.nl/

Is ook meer een website 'bouwen' dus is geen gezeik waard

. Overigens noem je dat gezeik gewoon kritiek, aan diegene zelf te bepalen hoe diegene dat tot zichzelf neemt.

Uitspraak van verwijderd op woensdag 27 april 2011 om 20:22:
▶
weer een nieuwe site: http://kevinho.simpsite.nl/
ik ben pas vandaag begonnen dus ga aub niet wat liggen te zeiken

Maak het eerst eens af, wie weet word het dan wat

Uitspraak van DeCo op dinsdag 26 april 2011 om 22:58:
▶
In Chrome (Windows) zien de kopjes er erg lelijk uit (geen anti-aliasing). In IE9 zijn de koppen niet(!) zichtbaar, alleen in Firefox 4 ziet het er goed uit. Ik zou geen Cufon gebruiken. Met font-face heb je meer zekerheid. Of anders, gezien de keuze van de font, zou ik er gewoon Arial Black, Arial van maken..

Klopt, we zijn sinds kort overgegaan naar font-face, was zelf niet kapot van cufon, vanwege het schokken bij het laden en idd de ene browser laat het weer beter zien als de ander. Arial black is de lettertype van hun huisstijl 24 uur tankpas tekst, dus dat wilde ik zo goed mogelijk doortrekken. Irritant is het schokken, dat vind ik erg jammer. Iig Bedankt voor je opmerking...

ps ook iets vaags, cufon tekst zal in een div niet verdwijnen met overflow hidden...
Bij een beheerbare site wil je wel eens belachelijke lange titels in een header afkappen.

Uitspraak van Qre8ive op dinsdag 26 april 2011 om 23:28:
▶
Je programmeur moet zich iets meer verdiepen in SEO. Dat logo bovenaan zou zo moeten zijn:

<h1>Ondernemersvereniging Kerkbuurt Sliedrecht</h1> (liefst zelfs nog clickable maken en naar home linken)

Dat doet onze programmeur niet maar iemand anders, meestal word dit meer gedaan als er daadwerkelijk opdracht voor is gegeven door de klant. Ik zelf let wel bij het ontwikkelen ervan naar belangrijke woorden, punten voor SEO kunnen we voor sites die niet begroot zijn voor vindbaarheid wel wat met een basis belangrijk maken. Maar wellicht handiger dat een klant later nog een keertje terugkomt, want dan verdien je er nog eens wat aan.

ps logo is klikbaar, maar niet op de homepage zelf natuurlijk.

Uitspraak van Qre8ive op dinsdag 26 april 2011 om 23:28:
▶
Verder dingen als die schaduw onder de logo's onderaan ook in CSS verwerken. Divje om de images, in css de schaduw image onderin zetten en de div hoogte instellen op logohoogte+schaduwhoogte.

Ik heb zelf begrepen dat plaatjes geladen vanuit de html sneller geladen worden, dan dat je dit constant vanuit de css gebeurt, heeft iets te maken met request, het is natuurlijk wel sneller als je sprites vanuit css oproept.

Uitspraak van Qre8ive op dinsdag 26 april 2011 om 23:28:
▶
Maar goed volgens mij heeft ie verder niet gehoord van een code netjes opmaken ... wat een zootje

Haha ja dat krijg ik niet echt afgeleerd, daar ben ik mee gestopt

Af en toe is het wel een bende daar ben ik het mee eens...

Bedankt voor je opmerking, SEO betreft ben ik zelf ook wel in geïnteresseerd.

Uitspraak van verwijderd op donderdag 28 april 2011 om 15:04:
▶
Ik heb zelf begrepen dat plaatjes geladen vanuit de html sneller geladen worden, dan dat je dit constant vanuit de css gebeurt, heeft iets te maken met request, het is natuurlijk wel sneller als je sprites vanuit css oproept.

Het is sowieso beter om dingen als schaduw in te laden in CSS gezien het geen toegevoegde waarde heeft aan je HTML code.

Uitspraak van verwijderd op donderdag 28 april 2011 om 15:04:
▶
Haha ja dat krijg ik niet echt afgeleerd, daar ben ik mee gestopt
Af en toe is het wel een bende daar ben ik het mee eens...

Ik had dat eerst ook, tot ik iets moest gaan aanpassen en het bijna niet meer kon vinden

Goede reden om het toen eens goed te gaan doen, nu gaat het vrijwel automatisch.

Uitspraak van verwijderd op donderdag 28 april 2011 om 15:04:
▶
Dat doet onze programmeur niet maar iemand anders, meestal word dit meer gedaan als er daadwerkelijk opdracht voor is gegeven door de klant. Ik zelf let wel bij het ontwikkelen ervan naar belangrijke woorden, punten voor SEO kunnen we voor sites die niet begroot zijn voor vindbaarheid wel wat met een basis belangrijk maken. Maar wellicht handiger dat een klant later nog een keertje terugkomt, want dan verdien je er nog eens wat aan.

Dat hoor je als webdesign bedrijf eigenlijk standaard te doen naar mijn mening

. Doe je je werk goed komen die klanten toch wel terug

Even een vraagje... Volgens mij is et een hele simpele code, maar kom er even niet achter! Ik wil hetzelfde als wat er op pf zo uit ziet: Mijn geheim, maar dan dus in normaal werkend html (en een andere tekst natuurlijk

) ... Iemand de code?

laatste aanpassing 28 april 2011 16:02

UBB icm javascript

Door de UBB code ga je een stukje html schrijven als hieronder. Met bijv Jquery klap je het open met de functie hieronder.

<span onclick="openSpoiler('id');">Mijn Geheim</span><span id="id" style="display:hidden;">Hier de verborgen text</span>
<script type="text/javascript">
function openSpoiler(id){
$('#'+id).show();
}
</script>

Zoiets haha. Hoe je dat met UBB uitvecht hangt van de website af.

donateur

Uitspraak van Qre8ive op dinsdag 26 april 2011 om 23:28:
▶
Je programmeur moet zich iets meer verdiepen in SEO. Dat logo bovenaan zou zo moeten zijn:

http://csswizardry.com/2010/10/your-logo-is-an-image-not-a-h1

Uitspraak van Qre8ive op donderdag 28 april 2011 om 15:57:
▶
Dat hoor je als webdesign bedrijf eigenlijk standaard te doen naar mijn mening

laatste aanpassing 28 april 2011 22:14

Uitspraak van KICKIN HARD op donderdag 28 april 2011 om 22:13:
▶
http://csswizardry.com/2010/10/your-logo-is-an-image-not-a-h1

"Imagine you were to visit Nike’s site in a browser that doesn’t support styles."

Zo kun je alles wel goedpraten ja

Uitspraak van KICKIN HARD op donderdag 28 april 2011 om 22:13:
▶
Je programmeur moet zich iets meer verdiepen in SEO. Dat logo bovenaan zou zo moeten zijn:

http://csswizardry.com/2010/10/your-logo-is-an-image-not-a-h1

Hoe optimaliseer je dan de h1 met verschillende zoektermen? Een logo is een plaatje en dmv een alt-tekst kan je er nog een
extra zoekwoord in verwerken. Daarnaast als je text wegstopt met een text-indent van -99999 kan je dit lastig uitleggen aan een klant die dit beheerd. Ik begrijp het nog niet helemaal...

donateur

Uitspraak van verwijderd op vrijdag 29 april 2011 om 11:02:
▶
Hoe optimaliseer je dan de h1 met verschillende zoektermen?

waarom ga je er vanuit dat alleen een goede h1 ertoe doet?
Er zijn wel iets meer dingen waar google naar kijkt...

- h1 gewoon gebruiken waarvoor ie is, een goede unieke titel van 1 pagina
- meta description voor iedere pagina uniek
- meta titel voor iedere pagina uniek (hier kun je wel meer dingen in plaatsen zoals pagina, bedrijfsnaam, plaats/provincie (mits dat ertoe doet)
- img alt teksten waar de naam van het bedrijf mede in terugkomt
- tekst goed opbouwen met goede zoekwoorden, h1/h2/h3, lijstjes ul/ol vindt google ook altijd wel leuk
- op het logo de wwww.websitenaam.nl zetten
- zorgen voor genoeg externe websites die naar de website linken zoals maps.google.nl, telefoongids, bedrijven verzamelshizzle sites, relevante andere sites, social media sites (ook hier alleen weer de relevante dingen pakken. Dus niet een twitter link erbij plaatsen als er niemand is in het bedrijf die die twitter gaat bijhouden, maja spreekt voor zich).
- webmaster tools van google eens doornemen: www.google.com/webmasters/tools

Nou als je bovenstaande al eens hebt, dan ben je al een heel end. Er zijn uiteraard nog tig kleine/grotere dingen op te noemen... but it's a good start

Uitspraak van KICKIN HARD op woensdag 4 mei 2011 om 16:05:
▶
- meta description voor iedere pagina uniek
- meta titel voor iedere pagina uniek (hier kun je wel meer dingen in plaatsen zoals pagina, bedrijfsnaam, plaats/provincie (mits dat ertoe doet)

Noem je al 2 punten welke Google niet meeneemt in zn ranking. Komt overigens wel terug in je resultaten maar niks te doen met ranking.

Lees het grote google boek maar eens

ranking verbeterd niet , maar vindbaar heid wel

Misschien dat jullie me kunnen helpen:

Ik ben bezig om m'n social media sites te linken,
dit houd in dat als ik een tweet post in de twitter app voor mac osx deze dan ook zichtbaar is als WWW op m'n hyves pagina en op m'n prikbord van facebook.
Het linken van twitter (website) naar WWW in hyves is me al gelukt maar zodra ik m'n twitter aan m'n facebook page wil linken blijft ie uren op 'please standby, rederecting' staan.
Dit doet ie al 2 dagen en ik kom er maar niet uit waarom die niet verder wil.

Iemand een idee?

Uitspraak van rolstoel-terror op woensdag 4 mei 2011 om 20:56:
▶
Iemand een idee?

Heeft dat iets met webdesign te maken dan?

Maar nee, geen idee

Gebruik zelf altijd ping.fm

laatste aanpassing 5 mei 2011 08:40

Uitspraak van Pjom op donderdag 5 mei 2011 om 08:40:
▶
Heeft dat iets met webdesign te maken dan?

Maar nee, geen idee Gebruik zelf altijd ping.fm

Neuh dat is waar maar er zitten wel slimme mensen hier (sommige)

Ping.fm is idd een goeie alleen kan je deze niet koppelen aan je hyves www toch?

Dunno, volgens mij zit mn hyves weer rechtstreeks gekoppeld aan mn twitter

Weet ook niet precies.

Dat er maar eens een fatsoendelijke dienst komt daarvoor

Je kunt idd ping.fm instellen op twitter en facebook, vervolgens hyves je twitter berichten laten posten. Heb je ze toch allemaal automatisch.

Dat Twitter > Facebook linken werkt inderdaad kut... ooit kon het soepel en direct, maar het is me sinds een tijd ook niet meer gelukt ... lol

donateur

Uitspraak van actief op woensdag 4 mei 2011 om 17:10:
▶
ranking verbeterd niet , maar vindbaar heid wel

ik had het idd anders moeten zeggen.. "voor google én je mogelijke bezoekers"
het is namelijk wel erg handig dat, wanneer je linkje bovenaan staat er ook daadwerkelijk wat nuttigs staat

neemt google trouwens de title tag ook niet mee in de ranking?? da wist ik dan weer niet, ik meende alleen de description en keywords nie meer.

De titel neemt die wel mee mits ik me niet vergis

donateur

Uitspraak van Pjom op donderdag 5 mei 2011 om 15:24:
▶
De titel neemt die wel mee

en dan eerst bitchen op mij he

da hoort nie

Uitspraak van KICKIN HARD op vrijdag 6 mei 2011 om 01:35:
▶
en dan eerst bitchen op mij he
da hoort nie

Ah toen ik het typte dacht ik over de gehele META. staan de keywords idd niet bij dus excusses

WAAROM? kan IE in hemelsnaam maar 31 stylesheets inladen

Waarom zou je in hemelsnaam 31 stylesheets willen inladen?!

Uitspraak van DeCo op woensdag 11 mei 2011 om 14:39:
▶
Waarom zou je in hemelsnaam 31 stylesheets willen inladen?!

Grote app welke je goed modulair wilt opzetten

Algemene functie welke, mits de app uit dev mode is, de css + js automatisch minified en combined tot 1 file.

Door de CSS split krijg je zo namelijk een mooie opzet etc echter werkt nu mn DEV niet meer onder IE haha.

kan iemand zeggen waarom de uilijning hier niet goed is, lukt me niet

www.yasharnebbeling.nl

In IE zie ik ook een blauw lijntje om de images, hoe kan dit?

je moet je border om je img's even op 0 zetten (voor de blauwe lijntjes) en ik zou ook je menu uit list items maken ipv allemaal div's EN alle styles in je css file zetten das veel overzichtelijker

Uitspraak van Yaske op woensdag 11 mei 2011 om 16:11:
▶
In IE zie ik ook een blauw lijntje om de images, hoe kan dit?

Gewoon "altijd" in je CSS beginnen met img{border:0;}

Kan iemand als die tijd heb eens ff naar m'n code kijken want ik heb het idee dat het een grote kl*tezooi is.
www.rollermandesign.nl

laatste aanpassing 12 mei 2011 21:10

Uitspraak van rolstoel-terror op donderdag 12 mei 2011 om 21:09:
▶
dat het een grote kl*tezooi is.

Ziet er niet al te best uit nee

Zou beginnen om al je styles in een aparte CSS file te zetten!

Uitspraak van rolstoel-terror op donderdag 12 mei 2011 om 21:09:
▶
Kan iemand als die tijd heb eens ff naar m'n code kijken want ik heb het idee dat het een grote kl*tezooi is.
www.rollermandesign.nl

Tijd om eens cursus html en css te nemen

Uitspraak van rolstoel-terror op donderdag 12 mei 2011 om 21:09:
▶
Kan iemand als die tijd heb eens ff naar m'n code kijken want ik heb het idee dat het een grote kl*tezooi is.
www.rollermandesign.nl

Uitspraak van actief op vrijdag 13 mei 2011 om 12:15:
▶
Tijd om eens cursus html en css te nemen

Punten om naar te kijken:
- CSS in stylesheets (*.css) bestanden plaatsen
- JS scripts in aparte bestanden plaatsen
- Gebruik maken van thumbnails,
worden je afbeeldingen niet lelijker als je ze zelfs resized ipv je browser en bespaart bandbreedte van je site
- Misschien een idee om je portfolio pagina iets meer dynamiek te geven?
- De style van je site wat meer updaten, valt nogal ouderwets.

Hou er rekening mee dat als je promoot als zijnde designer, moet je je zelf verkopen in je eigen site, het is immers je visite kaartje.

Nieuwe site online (in HTML 5 voor groot gedeelte).

www.djzany.nl

Alleen de CSS selectors werken niet icm ajax en IE < 9 vandaar dat die nog oldskool CSS2 zijn

Feedback altijd welkom ofc

Niks op aan te merken. Is een keer wat anders dan die zware Flash meuk

gj!

Uitspraak van Jor-D. op dinsdag 17 mei 2011 om 23:42:
▶
zware Flash meuk

misschien een keer je Flashplayer updaten.. dat scheelt

Uitspraak van Pjom op dinsdag 17 mei 2011 om 20:49:
▶
Nieuwe site online (in HTML 5 voor groot gedeelte).

www.djzany.nl

Alleen de CSS selectors werken niet icm ajax en IE < 9 vandaar dat die nog oldskool CSS2 zijn

Feedback altijd welkom ofc

nette site as usual

Als je naast de HTML5 doctype en een paar specifieke HTML5 tags zoals FOOTER en NAV je daar toch op concentreert, waarom maak je niet een HTML5 audio en video player met de audio en video tags? En een fallback voor non-HTML5 browsers naar Flash. Dat maakt Jor-D ook weer blij