Lista ikonek pod artykułem

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

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.

Opublikowano
Umieszczono w kategoriach: Brak kategorii Tagi ,

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/

Opublikowano
Umieszczono w kategoriach: Brak kategorii Tagi ,

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

Opublikowano
Umieszczono w kategoriach: Brak kategorii Tagi ,

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