Skip to main content

html

2016

Prosty slider
·436 words·3 mins
blog.dsinf.net css html javascript webdev
Znalezienie prostego (czyli nie wymagającego includowania tony pluginów do jQuery i pisania konfigu na kiladziesiąt linii) slidera w HTML proste nie jest. Dlatego napisałem własny - sflider (od oryginalnego projektu - sflider - SFI slider).

2014

Na bardzo szybko: automatyczna zmiana rozmiaru iframe w HTML
·141 words·1 min
blog.dsinf.net html

Problem irytujący, ale rozwiązanie szybkie (jak się przeczyta ten artykuł ^^).

Skrypt, którego użyjemy to: davidjbradshaw.github.io/iframe-resizer. Są trzy elementy: plik JS dla strony trzymającej iframe, plik JS dla każdej strony, która się pojawi wewnątrz iframe i wywołanie JavaScript na stronie z iframe. Działa wszędzie poza Operą Mobile (ale kogo to dziwi…) i WinPhone_IE10 (na WinPhone_IE11 nie wybucha i blokuje się na maksymalnych rozmiarach).

2013

Zmuszenie IE do obsługi fontów, które nie działają
·165 words·1 min
blog.dsinf.net html www
Czasem czcionki z Google Fonts nie działają z "wspaniałą" przeglądarką Miocrosoftu… Na szczęście jest sposób by się przed tym ustrzec!
Absolutne centrowanie pionowe w HTML (nawet bez CSS)
·131 words·1 min
blog.dsinf.net html
Długo można szukać w sieci odpowiedzi na pytanie “jak wycentrować tekst w pionie?”. A rezultat? Mijaki na statyczny tekst, super skrypty korzystające z jQuery do zmiany marginesów, nieładne cosie oparte na table-cell ( http://stackoverflow.com/questions/4180594/vertical-centering-of-a-horizontal-scrolling-div), top: 50%; ( http://www.werockyourweb.com/css-vertically-horizontally-center)… podczas gdy istnieje rozwiązanie, może mniej eleganckie ale zato skuteczne i działające nawet w IE - tabelka. Brzmi jak wstęp do starożytnej szkoły HTMLa (no dobra - średniowiecznej, bo w starożytności uczono frame’ów), czyż nie?