Archive for the Articles

1. More than 50 ways to navigation menu using CSS

   Tab navigation has been one of the most fundamental element in any modern web structure. In order to make sure visitors can properly navigate through the website. One of the biggest challenge web designers and developers faced is to integrate a simple and nice tab navigation that not only don’t confuse, but helps visitors easily understand where they should be clicking.

   (more...)

   (22 votes, average: 1.77 from 5  Loading ...

2. 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

   (more...)

   (No votes)  Loading ...

3. Fiddler

   Fiddler is a Web Debugging Proxy which logs all HTTP(S) traffic between your computer and the Internet. Fiddler allows you to inspect all HTTP(S) traffic, set breakpoints, and “fiddle” with incoming or outgoing data. Fiddler includes a powerful event-based scripting subsystem, and can be extended using any .NET language.

   Fiddler is freeware and can debug traffic from virtually any application, including Internet Explorer, Mozilla Firefox, Opera, and thousands more.

   (more...)

   (No votes)  Loading ...

4. Positioning in CSS

   There are many ways to position your elements in CSS. Relative positioning, absolute, float or a combination of them. Those different techniques are clearly explained with example pages and coding examples.

   (more...)

   (7 votes, average: 3 from 5  Loading ...

5. Reset CSS

   The goal of a reset stylesheet is to reduce browser inconsistencies in things like default line heights, margins and font sizes of headings, and so on. One of the solution give us 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;
   }
   

   (more...)

   (7 votes, average: 3.71 from 5  Loading ...

6. Blueprint 0.7 CSS Framework - final version

   Blueprint 0.7 CSS Framework has finally been released.

   (more...)

   (1 votes, average: 5 from 5  Loading ...

7. 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.

   (more...)

   (No votes)  Loading ...

8. 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.

   (more...)

   (No votes)  Loading ...

9. 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.

   (more...)

   (8 votes, average: 3.88 from 5  Loading ...

10. Warstwa z okrągłymi narożnikami

    Próbowałeś kiedyś zrobić warstwę z okrągłymi narożnikami? Nie jest to trudne i jeden ze sposobów jest opisany w artykule pt. Liquid layer with rounded corners using CSS [en].

    (more...)

    (No votes)  Loading ...

Reklama

Sprzedam lub wynajmę mieszkanie w Kołobrzegu

© 2007 - 2012 CSSMania.pl. Site is provided by CTomczyk.pl. Sitemap. CMS: Wordpress.