MyBuddies.nl
Pagina: « vorige 1 2 3 4 5 ... 7 8 9 volgende »
- Invoer-validatie
- Eventueel een captcha.. (maar niet voor elke scheet, vinden bezoekers niet leuk)
- XXS tegengaan
- Upload exploits dichten.
Design moet ook veranderd worden.
Toevoeging op 03/01/2012 18:09:49:
De header is af.
Wat vinden jullie er van?
http://www.mybuddies.nl/
Qua coding.. haal al die <br> elementen weg en gebruik daar fatsoenlijk css voor.
Saai?
Achtergrond kan ik wel veranderen.
Maar de header is mooi.
Wouter vind deze ook beter.
BTW: Ik heb ook op andere forums gevraagd wat ze
er van vonden, en ze vonden dit design wat ik nu heb mooier
en strakker.
PS: Wat vind jij WEL een mooi achtergrond?
Trouwens ik hou het hier bij met me design.
Ik kan niet iedereen tevreden stellen.
De ene wil het kleurrijk en de andere wil het modern of strak...
@Aar
Waarom geen tabellen?
Gewijzigd op 03/01/2012 21:19:04 door Remco van Akker
Remco van Akker op 03/01/2012 08:26:47:
...Mijn design ervaring is zeer goed.
Ik maak zelfs designs voor websites.
...
Ik maak zelfs designs voor websites.
...
Remco van Akker op 03/01/2012 21:13:17:
Waarom geen tabellen?
Twitter gebruikt het ook ;)
Twitter gebruikt het ook ;)
Ik vrees dat jouw design ervaring nog niet zo goed is als je denkt anders zou je deze vraag niet stellen. Tabellen gebruik je niet voor lay-out, uitsluitend voor tabulaire data.
Een tabel gaat niet over design -.-
Dan haal ik die tabel toch weg?
Maar zeg mij wel waarom ik hem moet weg halen!
Ozzie PHP op 03/01/2012 21:17:21:
Tabellen gebruik je niet voor lay-out, uitsluitend voor tabulaire data.
Prijslijsten horen wel in table's, een overzicht van artikelen in kolommen en rijen wordt ook nog wel gedoogd.
Gewijzigd op 03/01/2012 21:21:53 door - Ariën -
facebook.nl gebruikt het ook -.-
Waarom ik dan niet?
Remco van Akker op 03/01/2012 21:27:53:
Whear.nl gebruikt het ook -.-
facebook.nl gebruikt het ook -.-
Waarom ik dan niet?
facebook.nl gebruikt het ook -.-
Waarom ik dan niet?
Ligt eraan waarvoor hun het gebruiken?
Het klinkt als luiheid, hoewel het haast altijd zonder table's kan.
Gewijzigd op 03/01/2012 21:31:10 door - Ariën -
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<div class="front-signin js-front-signin">
<form action="https://twitter.com/sessions?phx=1" class="signin" method="post">
<div class="placeholding-input username hasome">
<input type="text" class="text-input" name="session[username_or_email]" title="Gebruikersnaam of e-mailadres" autocomplete="on">
<span class="placeholder">Gebruikersnaam of e-mailadres</span>
</div>
<table class="flex-table password-signin">
<tbody>
<tr>
<td class="flex-table-primary">
<div class="placeholding-input password flex-table-form hasome">
<input type="password" class="text-input flex-table-input" name="session[password]" title="Wachtwoord">
<span class="placeholder">Wachtwoord</span>
</div>
</td>
<td class="flex-table-secondary">
<input type="submit" class="submit btn primary-btn flex-table-btn js-submit" value="Inloggen" tabindex="0">
</td>
</tr>
</tbody>
</table>
<form action="https://twitter.com/sessions?phx=1" class="signin" method="post">
<div class="placeholding-input username hasome">
<input type="text" class="text-input" name="session[username_or_email]" title="Gebruikersnaam of e-mailadres" autocomplete="on">
<span class="placeholder">Gebruikersnaam of e-mailadres</span>
</div>
<table class="flex-table password-signin">
<tbody>
<tr>
<td class="flex-table-primary">
<div class="placeholding-input password flex-table-form hasome">
<input type="password" class="text-input flex-table-input" name="session[password]" title="Wachtwoord">
<span class="placeholder">Wachtwoord</span>
</div>
</td>
<td class="flex-table-secondary">
<input type="submit" class="submit btn primary-btn flex-table-btn js-submit" value="Inloggen" tabindex="0">
</td>
</tr>
</tbody>
</table>
Dit is van Twitter.
Dit lijkt me sterk dat het voor het inloggen word bedoeld ;)
- Aar - op 03/01/2012 21:29:20:
Het klinkt als luiheid, hoewel het haast altijd zonder table's kan.
Of het is oude code die ze ooit nog eens aanpakken. Echt geen idee, maar mijn advies: Kijk nooit direct naar tables, en probeer altijd een oplossing te vinden met css zonder tabellen.
Een goede site met tips is: A-list-apart
Gewijzigd op 03/01/2012 21:42:31 door - Ariën -
Wat vinden jullie van de meldingen?
Goede plaats en duidelijk genoeg?
Ik zou zeggen houd een maximaal van 1000px breed aan en zorg dat de lay-out op grotere schermen doorloopt.
Voor de rest mag het wel wat vrolijker voor een sociaal iets. Naar mijn idee is het geen zakelijk iets, maar meer vermaak. Bij vermaak denk je toch gauw aan iets leuks, vrolijks etc.
Wat tabellen betreft, gewoon not-done :D. Zie dat je hem al weg gehaald hebt ;)
Succes!
Heel erg bedankt!
Ik vroeg me net af of de website er ook goed uit zag
op kleinere of grotere monitors!
Kleuren komen zeker!
BTW: Moet de header veranderd worden of de achtergrond?
Gewijzigd op 03/01/2012 22:33:22 door Remco van Akker
Toevoeging op 03/01/2012 22:53:13:
Maar goed, is het niet beter of een layout eerst te ONTWERPEN, voordat je hem in CSS/HTML gaat bouwen?
- Maak eerst een schets over hoe jouw site eruit moet zien qua indeling. Hoe groot het logo, waar gepositioneerd, waar komt je menu..
Ga dus lekker tekenen met een Wacom-tablet, quick 'n dirty paint, of weet ik veel wat.
- Als je de indeling klaar hebt, ga je in Photoshop deze nabouwen, geef je de site een beetje kleur. Je laat het evt regelmatig eens door anderen checken.
- Als het een beetje toonbaar en mooi eruit ziet, ga je hem nabouwen in CSS, en haal je diverse onderdelen uit je Photoshop werkomgeving en converteer je deze naar een plaatje voor op het internet (slicing). Denk dan aan hoekjes, logo's, etc...
- Je site nagebouwd in CSS en HTML. Mooi...
Profit...
- Ga dan scripten...
- Even de alpha/betatest uitvoeren, vergeet zeker niet de security-audit.
- Test geslaagd?... Gooi de boel online en trek eventueel de Gall 'n Gall champagne open en profit.
Gewijzigd op 03/01/2012 23:02:35 door - Ariën -
Ik ben met het uitwerken in css/html bezig.
Want straks loop je ergens op vast, qua indeling, en dan kan je weer de boel gaan omgooien.
Gewijzigd op 03/01/2012 23:19:41 door - Ariën -
Remco van Akker:
Whear.nl gebruikt het ook -.-
facebook.nl gebruikt het ook -.-
(...)
Dit is van Twitter.
Dit lijkt me sterk dat het voor het inloggen word bedoeld ;)
facebook.nl gebruikt het ook -.-
(...)
Dit is van Twitter.
Dit lijkt me sterk dat het voor het inloggen word bedoeld ;)
1 tip die ik je mag geven:
Kijk nooit in de broncode van zulke site's. Je komt dan tot erge verrassingen te staan. Facebook en Twitter, maar vooral Hyves, zijn echt niet goed gescript. Geloof dat maar.
Waarom geen tabellen gebruiken?
Verdiep je je eens HTML semantiek. Elke tag heeft een bepaalde betekenis, daarom gebruiken we speciaal die tags. In principe kun je een hele site maken met alleen het gebruik van de anchor tag (<a>) dan heb je geen andere tag nodig. Maar waarom doen we dit niet?
Omdat een tag een betekenis heeft. De <a> tag stelt een link voor, de <img> tag een afbeelding, de <h1> een heel belangrijke titel, de <p> tag een alinea, enz.
Met HTML voorzie je je tekst dus van deze tags. En je moet de tags niet zien als makkelijk iets om een tekst te stijlen, maar als een uitleg van de tekst. Het kan dus goed zijn dat er in je tekst heel veel tags staan, waarbij je maar 40% gebruikt om te stijlen.
Een design heeft geen nut op de tekst, het zorgt alleen dat het wat beter leesbaar wordt. Daarom moet je voor het design geen tags nemen met een betekenis, dit zijn de <div> en <span> tags. Deze hebben geen betekenis en kun je dus gebruiken. De <table> tag heeft wel een betekenis en kun je dus niet gebruiken.
Let op: Het bovenstaande geldt niet voor HTML5. Hierin hebben de lay-out tags ook een semantiek gekregen met de komst van <header>, <nav>, enz.
Een tip van mij is dus om niet meteen HTML en CSS te maken, maar eerst alleen de HTML. Je hebt je design gemaakt in Photoshop en je bent nu klaar om te gaan slicen. Wat je dan doet is alleen de HTML schrijven. Dus geeft alle tekst en elk item maar een tag en zorg dat de semantiek klopt zoals jij wilt. En ga daarna pas deze tags stijlen.
Een goede video tutorial hierover (wel met HTML5, maar dat kun je ook al gebruiken): CSStricks - Let's Write Semantic Markup
Pagina: « vorige 1 2 3 4 5 ... 7 8 9 volgende »
Dit topic is gesloten.