Nawet nie wiesz ile potrafi Twoja przeglądarka

Moja prezentacja z tegorocznego Joomla! Day Polska dostępna jest na Speaker Deck. Traktuje o funkcjonalnościach dla deweloperów na przykładzie Google Chrome.
Continue reading

Web development – czy kiedyś było lepiej?

Dzięki wspaniałemu narzędziu webarchive sprawdziłem kiedy powstała moja pierwsza strona internetowa. Okazało się, że był to rok 2004 czyli blisko 13 lat temu. Przez te 13 lat Internet zmienił się nie do poznania a wraz z nim również i sposób tworzenia stron. Ale czy na pewno na lepsze?

Dzisiaj mamy szybszy dostęp do informacji z wielu źródeł a każdy może stać się twórcą dzięki takim platformom jak Medium czy WordPress. Ale czy to naprawdę sprawia, że developerzy także mają łatwiejszą pracę? O tym czym naprawdę kiedyś było lepiej i jak można odtworzyć namiastkę frajdy z Tworzenia stron WWW z poprzedniej dekady w moim angielskojęzycznym wpisie na Medium, który dostępny jest pod tym adresem.
Continue reading

Jak wyśrodkować dowolny DIV, obrazek lub text za pomocą CSS

Każdy z Nas przynajmniej raz spotkał się z problemem wyśrodkowania pewnych elementów w CSS. Oczywiście wyśrodkowanie może dotyczy pozycji horyzontalnej (w poziomie) jak i wertykalnej (w pionie) i wtedy sprawy nieco się komplikują bo rozwiązanie wygląda zupełnie inaczej w przypadku tekstu a inaczej przy elementach typu blokowego takich jak DIV czy IMG.

Znaczący wpływ na finalny kod CSS ma także fakt czy znamy rozmiar kontenera. Tutaj ponownie uzyskujemy dwa niezależne przypadki gdy rozmiar jest z góry określony (w pikselach lub procentach) i gdy rozmiar jest dynamiczny i zależny od treści. Z pozoru proste rozwiązania jak ustalenie wartości margin nie są wystarczające i posiłkować się musimy atrybutem display. Aby oszczędzić czasu polecam gotowe narzędzie w postaci generatora online: How to Center in CSS.

Parę kliknięć da nam zawsze sprawdzony mix właściwości CSS aby uzyskać pożądany efekt i ułożyć element dowolnie w obrębie rodzica do lewej, środka lub prawej strony w poziomie oraz do góry, środka i dołu w pionie.

Back to top