Forum FAQForum FAQSearchSearch MemberlistMemberlist Forum ignore listForum ignore list RegisterRegister ProfileProfile Log in to check your private messagesLog in to check your private messages Log inLog in
CSS resursi - start here
Goto page Previous  1, 2
 
This forum is locked: you cannot post, reply to, or edit topics.   This topic is locked: you cannot edit posts or make replies.    mi3dot.org Forum Index -> Client-side
View previous topic :: View next topic  
Author Message
red



Joined: 03 May 2004
Posts: 919
Location: Zabok

PostPosted: 30.09.2005 11:28    Post subject: Add user to your forum ignore list Reply with quote

Vezano uz Suljin post, evo i tutoriala, odnosno povećeg excerpta iz knjige; Dreamweaver 8 Does Standards! @ http://www.sitepoint.com/article/dreamweaver-8-standards

_________________
Get busy living, or get busy dying.
Back to top
View user's profile Send private message Visit poster's website Twitter profile
red



Joined: 03 May 2004
Posts: 919
Location: Zabok

PostPosted: 26.10.2005 17:41    Post subject: Add user to your forum ignore list Reply with quote

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
View user's profile Send private message Visit poster's website Twitter profile
Sulien



Joined: 04 Jan 2004
Posts: 2905
Location: Zagreb

PostPosted: 05.11.2005 17:44    Post subject: PREDOBRI EXTENSIONI !!! Add user to your forum ignore list Reply with quote

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

Last edited by Sulien on 23.08.2006 13:39; edited 1 time in total
Back to top
View user's profile Send private message Send e-mail Visit poster's website
red



Joined: 03 May 2004
Posts: 919
Location: Zabok

PostPosted: 30.11.2005 11:58    Post subject: Tips & Tricks za početnike i one koji se tako osjećaju Add user to your forum ignore list Reply with quote

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 13:10; edited 1 time in total

_________________
Get busy living, or get busy dying.
Back to top
View user's profile Send private message Visit poster's website Twitter profile
maratz
mi3.crew


Joined: 24 Nov 2003
Posts: 1207
Location: ZAG

PostPosted: 29.01.2006 12:36    Post subject: Standalone verzije Internet Explorera Add user to your forum ignore list Reply with quote

Standalone verzije Internet Explorera

_________________
STOP HITTING YOURSELF! | NETIQUETTE | TYPETESTER | Hypertext rulez™ | CREATIVE NIGHTS | ACCOMMODATIONS
Back to top
View user's profile Send private message Visit poster's website Twitter profile
n0p



Joined: 21 Apr 2006
Posts: 39
Location: wWw

PostPosted: 22.04.2006 20:09    Post subject: Add user to your forum ignore list Reply with quote

CSS Navigation Techniques (37 entries)
________
S-Class Hybrid

Last edited by n0p on 02.02.2011 11:36; edited 1 time in total
Back to top
View user's profile Send private message MSN Messenger
nel`chee



Joined: 08 Jul 2004
Posts: 2087
Location: Rijeka

PostPosted: 26.04.2006 20:10    Post subject: Add user to your forum ignore list Reply with quote

Fun with forms – customized input elements
Back to top
View user's profile Send private message Visit poster's website Twitter profile
red



Joined: 03 May 2004
Posts: 919
Location: Zabok

PostPosted: 06.08.2006 11:38    Post subject: Add user to your forum ignore list Reply with quote

The Motive Web Design Glossary - Onlajn rječnik za web dizajnere.
http://www.motive.co.nz/glossary/index.php

_________________
Get busy living, or get busy dying.
Back to top
View user's profile Send private message Visit poster's website Twitter profile
Sulien



Joined: 04 Jan 2004
Posts: 2905
Location: Zagreb

PostPosted: 23.08.2006 13:36    Post subject: Add user to your forum ignore list Reply with quote

Dolazi Internet Explorer 7 ... Panika!! Surprised

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 Surprised 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 Smile


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

Back to top
View user's profile Send private message Send e-mail Visit poster's website
ON AIR
Guest





PostPosted: 16.09.2006 13:55    Post subject: Reply with quote

PLAFON aka THE BEST OF THE WEB :
http://www.bobbyvandersluis.com/main/linkLibrary.php
Back to top
ON AIR
Guest





PostPosted: 16.09.2006 14:15    Post subject: Reply with quote

another collection of CSS resources... Smile
http://www.neonguild.org/CSS_Collection.pdf (PDF)
Back to top
red



Joined: 03 May 2004
Posts: 919
Location: Zabok

PostPosted: 13.11.2006 10:32    Post subject: Add user to your forum ignore list Reply with quote

Problemi s Internet Explorerom? we all have those

Essentials of CSS Hacking For Internet Explorer by maratz

Explorer Exposed from PIE

_________________
Get busy living, or get busy dying.
Back to top
View user's profile Send private message Visit poster's website Twitter profile
F@NTOM



Joined: 11 Sep 2003
Posts: 592
Location: Dubrovnik

PostPosted: 19.12.2006 13:30    Post subject: Add user to your forum ignore list Reply with quote

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
View user's profile Send private message
Nemesis



Joined: 01 Oct 2005
Posts: 732

PostPosted: 04.09.2007 22:46    Post subject: Add user to your forum ignore list Reply with quote

Jako dobar članak smashing magazinea, 53 css tehnike bez koje ne možemo.

_________________
Webastično.com | Last.fm | Twitter
Back to top
View user's profile Send private message Send e-mail Visit poster's website MSN Messenger Twitter profile
red



Joined: 03 May 2004
Posts: 919
Location: Zabok

PostPosted: 24.02.2009 19:51    Post subject: Add user to your forum ignore list Reply with quote

Vertikalno centiranje

http://blog.themeforest.net/tutorials/vertical-centering-with-css/

_________________
Get busy living, or get busy dying.
Back to top
View user's profile Send private message Visit poster's website Twitter profile
Display posts from previous:   
This forum is locked: you cannot post, reply to, or edit topics.   This topic is locked: you cannot edit posts or make replies.    mi3dot.org Forum Index -> Client-side All times are GMT + 1 Hour
Goto page Previous  1, 2
Page 2 of 2

 
Jump to:  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum


Powered by phpBB © 2001, 2005 phpBB Group