Archiwum dla Artykuły

Ponad 50 sposobów na menu nawigacyjne używając CSS

Menu nawigacyjne jest jednym z najbardziej podstawowym elementem każdej nowoczesnej strony internetowych, aby odwiedzający mogli poruszać się prawidłowo po stronie internetowej. Jednym z największych wyzwań internetowych projektantów i programistów jest prosta nawigacja, która pomagałaby odwiedzającym łatwo zrozumieć, gdzie powinni kliknąć.

(więcej...)

(15 gÅ‚osów, Å›rednio: 2.13 z 5  Loading ...

Kalkulator jednostek - inna wersja

Może się komuś przydać bardziej rozbudowany kalkulator jednostek, który potrafi zamieniać praktycznie we wszystkich jednostkach:

• % — procent
• em — em, firet, stopieÅ„ pisma
• ex — wysokość x dla danego kroju pisma (x-height)
• pc — pica
• pt — punkt (point)
• px — piksel (pixel)
• in — cal (inch)
• mm — milimetr
• cm — centymetr

(więcej...)

(Brak gÅ‚osów)  Loading ...

Fiddler

Za pomocą narzędzia o nazwie Fiddler możesz łatwo kontrolować ruch w sieci, m.in. sprawdzać nagłówki HTTP. Bardzo przydatne przy codziennej pracy developera z IE.

(więcej...)

(Brak gÅ‚osów)  Loading ...

Pozycjonowanie w CSS

Jest wiele sposobów pozycjonowania elementów w CSS. Relatywne, absolutne, za pomocą float czy kombinacja łączone. W artykule CSS Positioning Fabian opisuje i pokazuje jak działają poszczególne sposoby.

(więcej...)

(5 gÅ‚osów, Å›rednio: 3 z 5  Loading ...

Reset CSS

Jak zresetować style? Nie jest to takie oczywiste, ale jedno z rozwiązań podaje Eric Meyer.

/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}

/* remember to define focus styles! */
:focus {
outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}

(więcej...)

(5 gÅ‚osów, Å›rednio: 3.2 z 5  Loading ...

Galeria datowników

Nie masz pomysłu na datownik? Poszukaj inspiracji na galerii datowników.

(więcej...)

(Brak gÅ‚osów)  Loading ...

Blueprint 0.7 CSS Framework - finalna wersja

Właśnie została wydana finalna wersja Blueprint 0.7 CSS Framework.

(więcej...)

(1 gÅ‚osów, Å›rednio: 5 z 5  Loading ...

23 narzędzia do oczyszczania i kompresji CSS

Jest wiele narzÄ™dzi, które mogÄ… pomóc “oczyÅ›cić”, skompresować czy wskazać bÅ‚Ä™dy w arkuszu stylów CSS. Wypróbuj 23 narzÄ™dzia, które mogÄ… pomóc w codziennej pracy z CSS.

(więcej...)

(Brak gÅ‚osów)  Loading ...

Jak znaleźć rozmiar okna przeglądarki?

Znalezienie rozmiaru okna przeglądarki można podzielić na 3 wersje, używając:

• window.innerHeight/Width

  Dotyczy większości przeglądarek, ale nie IE.

• document.body.clientHeight/Width

  Dotyczy więszkości przeglądarek, w tym również IE.

• document.documentElement.­clientHeight/Width

  Dotyczy przeglądarek obsługujących DOM, w tym IE.

Więcej informacji znajdziesz w artykule pt. Finding the size of the browser window.

(więcej...)

(Brak gÅ‚osów)  Loading ...

Formularze i Ajax

Formularze wymagają m.in. opracowania wyglądu i funkcjonalności. Nie zawsze o wszystkim pamiętamy podczas ich projektowania. Pewną ciekawą inspiracją może być zbiór różnych formularzy z wykorzystaniem Ajaksa pt. 47+ Excellent Ajax CSS Forms.

(więcej...)

(7 gÅ‚osów, Å›rednio: 3.71 z 5  Loading ...