Artykuły dla tagu CSS

picjumbo.com
mar 07 2014
0

Nie jesteś skazany na jQuery! Poznaj nowy, lepszy JavaScript

Gdy blisko 5 lat temu zacząłem używać jQuery w jednym z moich projektów w pracy, poczułem jakbym dostał mannę z nieba. W moje rączki trafiła bowiem biblioteka, która rozwiązywała większość problemów z kompatybilnością JavaScriptu, a także w wymierny sposób skracała tworzony kod - jednym słowem rewelacja!

Internet się jednak zmienia i dziś JavaScript wygląda już zupełnie inaczej. Jest to język bardziej dojrzały, który zyskał nowe możliwości oraz przede wszystkim lepsze wsparcie w przeglądarkach. Odsetek starych - złych IE jest już naprawdę niski i wielu przypadkach można porzucić wsparcie dla tych aplikacji, co też uczyniło nawet samo jQuery w linii 2.x. Czas w końcu ruszyć do przodu!

Niestety wielu programistów wciąż żyje w złotych czasach jQuery i wykorzystuje tą bibliotekę do najprostszych nawet czynności. Czas skończyć z tym podejściem, przyszła najwyższa pora by zaprezentować światu nowy, lepszy JavaScript!

sxc.hu
lut 26 2014
0

Jak Wam się podoba nawigacja na blogu?

Sporo ostatnio czytałem na temat User eXperience oraz ogólnie o przeprojektowywaniu witryn i im więcej czytam i przeglądam, tym bardziej zastanawiam się czy sam robię to dobrze. Na blogu często się coś zmienia - pojawiają się jakieś nowe sekcje, widżety itp., teraz naszła mnie jednak refleksja, czy wszystko w porządku jest z samą nawigacją. Czy Wy jako czytelnicy, którzy zaglądacie na tego bloga nie gubicie się? Czy szybko znajdujecie inne podobne, interesujące Was teksty? Czy jakiś element może warto umieścić w innym miejscu?

smashing magazine
lut 16 2014
0

Redesign The Web. Smashing Magazine. Recenzja książki

Znów się udało. Tak w skrócie można powiedzieć o najnowszej* produkcji społeczności Smashing Magazine, czyli książce Redesign The Web. Po raz kolejny w nasze ręce trafia lektura, której głównym zadaniem jest przedstawienie trendów aktualnie panujących w sieci, uzupełnionych o doświadczenie i wiedzę ekspercką.

Jak zwykle w przypadku Smashing Book mamy do czynienia z kompilacją różnych artykułów, której pojawiły się wcześniej na blogu. Tym razem autorzy skupiają się na aspekcie przeprojektowania, czyli czymś co czeka każdą szanującą się witrynę po kilku latach jej bytowania w globalnej sieci. Na wstępie wszystko to wygląda bardzo ciekawie, ale o tym jak to wyszło w praktyce, postaram się Wam powiedzieć w dalszej części recenzji.

getbootstrap.com
sty 26 2014
0

Jak szybko stworzyć ładny CSS z frameworkiem Bootstrap

Pracę jako programista .Net zacząłem ponad 5 lat temu i już od samego startu miałem dużą styczność z Asp.Net Web Forms. Od początku irytowała mnie ta technologia, w której głównym założeniem w warstwie frontendu jest budowanie witryny z komponentów, które w ówczesnym czasie mogły się zachowywać odmiennie w różnych przeglądarkach. Jeśli dodać do tego ciężki ViewState oraz ogólną odporność na wszelkiej maści wzorce projektowe, szybko można sobie wykreować wizję niezłego, mało perspektywicznego paszczetu. Z pewnością do takiego wniosku doszedł również Microsoft, który postanowił wypuścić konkurencyjny Asp.Net MVC.

Na temat Asp.Net MVC pisałem na blogu już raz. W moim odczuciu jest to świetne, otwarte rozwiązanie, w którym możemy z powodzeniem zaimplementować wszelkiej maści wzorce projektowe, testy jednostkowe, czy biblioteki zewnętrzne. Szczególnie ten ostatni punkt jest warty podkreślenia. Microsoft w tej materii jest wyjątkowo otwarty i już na starcie w projekcie znajdziecie takie biblioteki jak jQuery, Modernizr, czy też tytułowy Bootstrap. I to właśnie tej ostatniej z nich chciałbym dziś poświęcić kilka akapitów.

flickr.com/photos/mauriz/4059476052
sty 17 2014
0

Jak uniknąć podstawowych błędów przy tworzeniu arkusza CSS

CSS jest specyficznym językiem, który wywołuje skrajnie różne emocje. Wielu uważa, że jest on bardzo prosty, inni gubią się we wszelkiej maści selektorach dostępnych w tej technologii. Jedno jest pewno - sporo grono użytkowników używa go źle i choć często ich kod CSS działa, to w praktyce nie jest on do końca optymalny.

Sam nie uważam się za eksperta CSS, ale przeżyłem już kilka solidnych refaktoryzacji swoich projektów i wyciągnąłem z tego parę istotnych, w moim odczuciu wniosków z tych działań. Dziś mam zamiar się nimi z Wami podzielić. Z pewnością wiele z tych zasad i reguł już znacie, ale mimo wszystko wierzę, że każdy znajdzie coś dla siebie;-)

sxc.hu
wrz 18 2013
0

Jak używać zmiennych CSS

Patrząc na dynamiczny rozwój technologii webowych, trudno nie oprzeć się wrażeniu że CSS został trochę z tyłu w stosunku do tego co się dzieje w przypadku HTMLa, czy JavaScriptu. Mamy tutaj co prawda kilka nowych ciekawych elementów w stylu choćby opisywanych przeze mnie wcześniej animacji, ale temat wciąż rozwija się słabo.

Problemem z reguły jest też kiepskie wsparcie wybranych zagadnień, bądź też niska ich popularność/świadomość wśród samych deweloperów. Coraz większy wpływ na CSS ma też wspomniany JavaScript. Jest to jednak nie do końca szczęśliwe rozwiązanie, ponieważ mieszamy tutaj dwie różne technologie, narażamy się także na niekompatybilność samego JavaScriptu, a poza tym JS jest znacznie wolniejszy niż CSS wykonywany bezpośrednio przez przeglądarkę.

Na szczęście wygląda, że sytuacja powoli zaczyna się zmieniać, a twórcy specyfikacji CSS budzą się z zimowego snu. Wkrótce na horyzoncie prawdopodobnie pojawią się bowiem bardzo kuszące nowości, a jedną z nich mogą być zmienne CSS.

flickr.com/photos/fontfont/4397753279
cze 27 2013
0

14 fontów z polskimi znakami które za darmo umieścisz na swojej stronie

Jeszcze kilka lat temu webmasterzy tworzący strony WWW musieli się ograniczać do kilku podstawowych fontów, które były określane jako sprawdzone. W ten sposób można było mieć pewność, że strona jako tako będzie się prezentować u większości odbiorców. Dziś sytuacja wygląda zgoła inaczej. Rozwój technologii przyczynił się do znacznego zwiększenia grona potencjalnych odbiorców witryn, którzy korzystają z różnych urządzeń, systemów oraz rozdzielczości. Jednocześnie zmieniły się również języki wykorzystywane w tworzeniu stron, czyli HTML i CSS (wszystkie inne w sumie też...).

Fonty, a czasem wręcz rodziny fontów coraz częściej wypierane są na rzecz webfontów, które wspierane są obecnie przez wszystkie szanujące się przeglądarki w tym nawet o dziwo starsze IE! Zastosowanie webfontów ma oczywiście pewne wady, ale w dalszej perspektywie przynosi jednak znacznie więcej korzyści - przede wszystkim tworzymy stronę, która będzie wyglądać podobnie u dowolnego odbiorcy, bez względu na to z jakiego systemu on korzysta.

O znaczeniu webfontów oraz ich implementacji na stronie pisałem już jednak wcześniej, dlatego nie ma sensu w tym miejscu ciągnąć dalej tego tematu.

Dziś chciałbym Wam za to zaprezentować kilkanaście godnych uwagi fontów, które możecie już w tej właśnie chwili umieścić na swojej stronie i wyróżnić się na tle konkurencji, która wciąż trzyma się Ariala, Tahomy, czy innej Verdany;-)

bloomwebdesign.net/2013/03/responsive-web-design-main-problems-with-solutions
cze 05 2013
0

Alt Control Delete - zupełnie nowe oblicze

Prace nad nowym Alt Control Delete ciągnęły się praktycznie od początku tego roku i obejmowały nie tylko stronę wizualną, ale także duży obszar logiki biznesowej. Po wielu miesiącach prac, w końcu jest!

Jak zwykle większość prac wykonałem samodzielnie (skorzystałem z kilku gotowych bibliotek, ale nie wymyślajmy koła od nowa, prawda?), dlatego mam nadzieję, że będziecie wyrozumiali szczególnie w kontekście samego wyglądu. Zmian jest zresztą więcej, o czym pewnie już się przekonaliście przeglądając blog, lub dopiero zobaczycie, choćby czytając dalszą cześć tego tekstu, do czego szczerze zachęcam;-)

sxc.hu
maj 26 2013
0

Podręcznik freelancera - recenzja książki

Zawód programisty jest dość nietypowy. Z jednej strony wymaga on wieloletnich studiów i specjalistycznej wiedzy technicznej, z drugiej zaś istnieje wielu samouków, którzy albo w ogóle nie studiowali, albo uczyli się zupełnie czegoś innego. W przypadku tej specjalizacji wykształcenie nie jest jedynym aspektem podziału.

Istotnym czynnikiem jest również sposób pracy. Mamy bowiem w tym przypadku do czynienia z pracownikami korporacyjnymi oraz freelancerami. Szczególnie ta druga grupa osób jest interesująca, ponieważ daje programistom to, co tak bardzo oni uwielbiają - NIEZALEŻNOŚĆ.

Praca freelancera może być naprawdę satysfakcjonująca i fascynująca, jednak wolność przynosi znacznie więcej konsekwencji, nie zawsze do końca pozytywnych. W praktyce nie każdy umie sobie radzić z taką sytuacją, innymi słowy nie ma do niej predyspozycji.

Jesteś ciekawy czy się nadajesz? Chcesz rzucić się na głęboką wodę? Zanim to zrobisz, pomyśl dwa razy i zacznij przede wszystkim od lektury Podręcznika Freelancera* przygotowanego w oparciu o wpisy na blogach Smashing Magazine oraz Noupe.

Naprawdę warto to zrobić i postaram się Was do tego przekonać w dalszej części niniejszej recenzji.

*Pełny tytuł książki to: Podręcznik freelancera. Tajniki sukcesu niezależnego projektanta stron WWW. Smashing Magazine. Dla uproszczenia posługiwać będę się tylko pierwszym członem tytułu.

themanyfacesof.com/404
maj 24 2013
0

19 niezwykłych stron błędu 404 + bonus

Stworzenie dobrej strony na poziomie nie jest prostą sprawą i w praktyce wymaga dziesiątek, jeśli nie setek godzin pracy (nie mówię tu oczywiście o instalacji kolejnej instancji Wordpressa). Do każdej witryny trzeba przygotować szablon oraz zawartość. Musimy również sprawdzić jak zachowa się ona w najpopularniejszych obecnie przeglądarkach i tych trochę starszych...

Wszystko co wymieniłem powyżej to rzeczy dobrze znane w ogóle, sekretem dobrych webmasterów są jednak detale. Do grona tych szczególnych elementów, należy zaliczyć z pewnością tytułowe strony 404, które wbrew pozorom mogą mieć całkiem spory potencjał.

Standardowa strona błędu wyświetlana przez przeglądarki prezentuje się z reguły koszmarnie. Wielu potencjalnych użytkowników od razu kończy swoją stronę z daną witryną po tym właśnie ekranie. Jeśli prowadzisz sklep internetowy, piszesz bloga, czy jakikolwiek inny portal, możesz w ten sposób szybko stracić potencjalnego odbiorcę. Czy nie lepiej zamiast obskurnego błędu wyświetlić coś bardziej zachęcającego?

Może inspiracją dla Was będzie to, jak robią to inni;-)

1 2 3 4