View previous topic :: View next topic |
Author |
Message |
red
![](images/avatars/242328301439ed761a6053.gif)
Joined: 03 May 2004 Posts: 919 Location: Zabok
|
|
Back to top |
|
![](templates/subSilver/images/spacer.gif) |
red
![](images/avatars/242328301439ed761a6053.gif)
Joined: 03 May 2004 Posts: 919 Location: Zabok
|
Posted: 26.10.2005 18:41 Post subject: |
|
|
IE ne kuži position: fixed!!1
Fixing position:fixed for Windows Internet Explorer @ http://tagsoup.com/-dev/null-/css/fixed/ (pure CSS) |
_________________ Get busy living, or get busy dying. |
|
Back to top |
|
![](templates/subSilver/images/spacer.gif) |
Sulien
![](images/avatars/116771498344a191023de11.png)
Joined: 04 Jan 2004 Posts: 2905 Location: Zagreb
|
Posted: 05.11.2005 18:44 Post subject: PREDOBRI EXTENSIONI !!! |
|
|
Firefox devel extensions
View Rendered Source - Predobro za analizu svojih, a pogotovo tuđih sajtova, te nalaženja grešaka u HTML-u i CSS-u.
HTML Validator (based on Tidy) - Svaku učitanu stranicu validira i prikazuje odgovarajuću ikonu u dnu prozora. Hoverom preko ikone otkriva se tooltip sa brojem grešaka i upozorenja. Najbolja stvar - kad se gleda source od stranice, HTML Validator detaljno objašnjava gdje su greške i kako ih ispraviti ... i još može validirati i accessibility level!!
E, sad... Razlog zašto sam oduševljeno postao nisu ove dvije ekstenzije (koje imam mjesecima) već sljedeća:
IE tab - switchanje Netscape-style, OMG!!
Još ga isprobavam ali čini mi se da je zaista pouzdan - i zaista je brz!! Pogledajte svoj CSS layout u Internet Exploreru - unutar Firefoxa! Taiwan rules, wheee!! ![Very Happy](images/smiles/icon_biggrin.gif)
Last edited by Sulien on 23.08.2006 14:39; edited 1 time in total |
|
|
Back to top |
|
![](templates/subSilver/images/spacer.gif) |
red
![](images/avatars/242328301439ed761a6053.gif)
Joined: 03 May 2004 Posts: 919 Location: Zabok
|
Posted: 30.11.2005 12:58 Post subject: Tips & Tricks za početnike i one koji se tako osjećaju |
|
|
Tips & Tricks za početnike
OK, here goes nekoliko tips & tricks za početnike. Ako krećete u izradu tableless sitea, keep these in mind! (nešto od ovog se spominjalo i prije, ali neće škoditi)
Edit: malo više o svemu ovdje.
- KEEP IT SIMPLE! - krenite od najjednostavnijih stvari, prema težima. Uvijek težite jednostavnim rješenjima. Ne žurite sa stvarima koje još ne razumijete dovoljno.
- View Page Source is a good thing. Copy/pasting isn't. Slobodno otvorite haubu drugog sajta i pogledajte kako i zašto se stvari drže skupa. Al krasti je onak, loše, ne?
- Koristite pravilan kôd i redovito koristite validator.
- Pazite na semantiku. Tagovi postoje s razlogom.
Pogrešno:
Code: | <p class="naslov">Naslov stranice</p> |
Pravilno:
Code: | <h1>Naslov stranice</h1> |
Pogrešno:
Code: | <span class="vazno-majkemi">Ovo je vrlo važan dio teksta!</span> |
Pravilno:
Code: | <strong>Ovo je vrlo važan dio teksta!</strong> |
- Svojim ID-ovima i class-ovima dajte smislene nazive.
- Na samom početku, postavite u CSS datoteci vrijednosti paddinga i margina na 0 by doing this:
Code: | * {margin: 0; padding: 0; } |
Kasnije po potrebi definirajte padding i margin za elemente.
- NE koristite line breakove (<br />) za pozicioniranje, odnosno dodavanje razmaka između elemenata! Umjesto toga, poslužite se paddingom i/ili marginom.
- Izbjegavajte hackove.
- Ne koristite pixele za definiranje veličine teksta! Use ems!
- Ne pretjerujte sa div-ovima i span-ovima. Keep it simple, remember?
Last edited by red on 29.01.2006 14:10; edited 1 time in total |
_________________ Get busy living, or get busy dying. |
|
Back to top |
|
![](templates/subSilver/images/spacer.gif) |
maratz mi3.crew
![](images/avatars/403.gif)
Joined: 24 Nov 2003 Posts: 1207 Location: ZAG
|
|
Back to top |
|
![](templates/subSilver/images/spacer.gif) |
n0p
![](images/avatars/1873806024448cf994bb17.gif)
Joined: 21 Apr 2006 Posts: 39 Location: wWw
|
|
Back to top |
|
![](templates/subSilver/images/spacer.gif) |
nel`chee
![](images/avatars/3994668404ef986987ff64.gif)
Joined: 08 Jul 2004 Posts: 2087 Location: Rijeka
|
|
Back to top |
|
![](templates/subSilver/images/spacer.gif) |
red
![](images/avatars/242328301439ed761a6053.gif)
Joined: 03 May 2004 Posts: 919 Location: Zabok
|
|
Back to top |
|
![](templates/subSilver/images/spacer.gif) |
Sulien
![](images/avatars/116771498344a191023de11.png)
Joined: 04 Jan 2004 Posts: 2905 Location: Zagreb
|
Posted: 23.08.2006 14:36 Post subject: |
|
|
Dolazi Internet Explorer 7 ... Panika!!
IE7 neće doći samo u Visti (novim Windowsima), već će biti pušten i kao 'high priority' update za Windows XP. Kad se to desi (vjerojatno još ove godine!), ljudima diljem svijeta koji imaju uključen Automatic Updates service će se automatski instalirati IE7 preko IE6. Ako do tada niste provjerili rade li vaši sajtovi, mnogo klijenata i korisnika bi moglo biti dosta razočarano/ljutito.
Ovo oboje u bookmarkse, odmah:
Ako instalirate IE7 sada, pregazit ćete IE6, što nije dobra ideja. Puno je pametnije instalirati standalone IE7. Druga alternativa je MS Virtual PC (sada besplatan), makar ovo posljednje nisam isprobao jer mi prvo radi besprijekorno.
Tips:
- odvojite vaše sadašnje hackove (ako ih imate) iz globalnog stylesheeta u zaseban CSS kojeg uključite sa HTML conditional comments (primjer niže)
- nakon toga provjerite radi li vaš site u IE7 - ako se nešto raspada popravite to dodatnim rule-ovima CSSa što dodajte zasebnim stylesheetom, također conditional commentsima
- Stop hacking, or Be Stopped
- IE7 CSS compatibilty @ MSDN
- ne paničarite, ne gubite glavu... ja sam radio na jednom velikom kompleksnom layoutu koji je u IE7 uz čist CSS (bez hackova) bio potpuno raspadnut svugdje
nakon što sam se malo pribrao shvatio sam da je sve to ista stvar, nakon čega sam dodao samo jednu liniju CSS-a samo za IE7 i sve se popravilo. Samo jedna linija CSS-a spasila je site. Ostali hackovi (za IE6 i niže), kojih je bilo 11 linija, više nisu bili potrebni
Ovo je strategija koju sam spominjao (malo 'rašireno' radi čitljivosti):
Code: | <link href="/style/default.css" rel="stylesheet" type="text/css" />
<!--[if lte IE 7]>
<link href="/style/default-IE7.css" rel="stylesheet" type="text/css" />
<![endif]-->
<!--[if lte IE 6]>
<link href="/style/default-IE.css" rel="stylesheet" type="text/css" />
<![endif]-->
<!--[if IE 5]>
<link href="/style/default-IE5.css" rel="stylesheet" type="text/css" />
<![endif]--> |
The end is (hopefully) near
![](http://ieblog.members.winisp.net/images/IE7_AU_finalwelcome.png) |
|
|
Back to top |
|
![](templates/subSilver/images/spacer.gif) |
ON AIR Guest
|
|
Back to top |
|
![](templates/subSilver/images/spacer.gif) |
ON AIR Guest
|
|
Back to top |
|
![](templates/subSilver/images/spacer.gif) |
red
![](images/avatars/242328301439ed761a6053.gif)
Joined: 03 May 2004 Posts: 919 Location: Zabok
|
|
Back to top |
|
![](templates/subSilver/images/spacer.gif) |
F@NTOM
![](images/avatars/133774451241fcfa6d5424b.gif)
Joined: 11 Sep 2003 Posts: 592 Location: Dubrovnik
|
Posted: 19.12.2006 14:30 Post subject: |
|
|
The peoples toolbox - tools for web designers
kolekcija linkova vezanih za izradu weba, poredani prema kategorjiama.
http://www.thepeoplestoolbox.com/web_designers/ |
_________________ These pretzels are making me thirsty! |
|
Back to top |
|
![](templates/subSilver/images/spacer.gif) |
Nemesis
![](images/avatars/469765426470a19be8e618.gif)
Joined: 01 Oct 2005 Posts: 732
|
|
Back to top |
|
![](templates/subSilver/images/spacer.gif) |
red
![](images/avatars/242328301439ed761a6053.gif)
Joined: 03 May 2004 Posts: 919 Location: Zabok
|
|
Back to top |
|
![](templates/subSilver/images/spacer.gif) |
|