W 8 kroków do zmniejszenia ilości obrazków na stronie Łukasz Sobek rozprawia się z prezentacją odnośników do portali społecznościowych. Wywiązała się dość burzliwa dyskusja wraz z przykładami jak to zrobić: Semantyka HTML: lista nieuporządkowana i ten wpis prawie rozwiązuje zagadnienie. Dlaczego prawie? Są w nim dwa niedociągnięcia: nadmiarowy span oraz „display:none” którego należy unikać, ze względu na „nieczytanie” przez czytniki głosowe. Skoro nie widać, to nie trzeba czytać, prawda? Jak to poprawić? Usunąć tag… Czytaj dalej Lista ikonek pod artykułem
Tag: css
restauracyjne menu w css
Jak zrobić menu za pomocą css’a? Poradnik „krok po kroku” CSS – A Recipe for Success
Przeładuj CSS’y – CSS Cachebuster
Przeładowywanie arkuszy, bez przeładowania strony. Potrzebne? CSS Cachebuster Jak zwykle z bookmarkletem, kliknij prawym klawiszem na powyższym odnośniku i wybierz j „zapisz jako” lub po prostu przeciągnij do do bookmarków.
Zakurzony CSS, czas to wyczyścić
Czy nie zdarzyło ci się, że wieloletnie budowanie strony nie doprowadza do zaśmieconych cssów, z którymi do końca nie wiadomo co zrobić. Bo albo żmudne czesanie zbędnych selektorów, albo pisanie od nowa. Albo: http://www.sitepoint.com/dustmeselectors/
XRAY – przejrzyj stronę
XRAY to malutkie narzędzie zwane bookmarklet’tem. Działa w przeglądarkach: Safari, Firefox, Camino oraz Mozilla. Bardzo proste użycie: umieszczamy w bookmarkach wybieramy stronę klikamy w zakładkę XRAY klikamy w element który chcemy prześwietlić Przejdź na stronę produktu: http://westciv.com/xray/
Code Beautifier
Chciałbyś zaoszczędzić na zbędnych znakach w swoich arkuszach CSS? Rozwiązaniem jest Code Beautifier. Ostrożnie, kompresując maksymalnie może się troszkę strona rozjechać.
CSSTidy – program do optymalizacji arkuszy CSS
CSSTidy to opensource’owe oprogramowanie do optymalizacji arkuszy CSS. Można pobrać program (dostępność dla Windows, Linuxa i OSX) którym potem testujemy i optymalizujemy arkusze. CSSTidy Instalacja na debianowatych jest trywialna : sudo apt-get install csstidy
70 Expert Ideas For Better CSS Coding
Dokument pełen trików, podpowiedzi, metod, technik i rozwiązań.
Tworzenie layoutu – krok po kroku
Creating a CSS Layout from scratch – bardzo przyjaźnie opisane, krok po kroku jak wytworzyć layout oparty o box-model.
ciekawe zachowanie IE
W czasie pracy nad jednym z serwisów pojawił się dość ciekawy błąd IE. Mianowicie dla kodu: <!DOCTYPE html PUBLIC „-//W3C//DTD XHTML 1.0 Strict//EN” „http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”> <html xmlns=”http://www.w3.org/1999/xhtml” xml:lang=”pl”> <head> <title></title> <meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-2″ /> <style type=”text/css”> html,body,ul,ol,li{margin:0;padding:0} ul{list-style-type:none} a{text-decoration:none} #menumain{width:185px} #menumain ul{background-color:#455} #menumain a,#menumain .first li a{color:#fff} #menumain a,#menumain .first li a{display:block} #menumain a,#menumain .first li a{border-top:1px solid #fff}… Czytaj dalej ciekawe zachowanie IE