Artykuły dla tagu CSS

flickr.com/photos/codepo8
maj 16 2013
0

Biblioteki warte poznania w C# - Yahoo! UI Library: YUI Compressor for .Net

YUI Compressor od Yahoo! to z pewnością narzędzie dobrze znane każdemu webmasterowi, który szanuje cierpliwość użytkowników swojej witryny;-) Dotychczas ta przydatna biblioteczka kojarzyła się głównie z JAVĄ, która ostatnimi czasy nie ma zbyt dobrej prasy. Warto jednak wiedzieć, że na szczęście istnieją całkiem przyjemne alternatywy.

Jedną z nich jest właśnie port biblioteki YUI Compressor dla .Net. Zasadniczo jest to nieduże rozszerzenie, ale oferujące wszystkie potrzebne opcje kompresji oraz spore możliwości integracji z naszymi projektami. Zainteresowani tematem? Zapraszam zatem do lektury;-)

sxc.hu
maj 09 2013
0

Projektowanie layoutu z użyciem display:table

Strony zbudowane na bazie tabelek, swoje 5 minut mają już za sobą, a gdzieś od około 10 lat, skutecznie zostały wyparte przez elastyczne układy oparte na divach. Dla wielu były przekleństwem. Trzeba było się trochę namęczyć, żeby ustawić wszystkie dopełnienia, obramowania i wszelkie inne cudowne opcje przeznaczone dla tabel.

Z drugiej jednak strony, tabelaryczny układ nie miał sobie równych pod względem precyzyjnego umieszczania treści. W tym przypadku mogliśmy być pewni, że dany wiersz oraz komórka zawsze wylądują w odpowiednich lokalizacjach.

Czasem właśnie brakuje mi takiego precyzyjnego pozycjonowania elementów (nie mylić z pozycjonowaniem absolutnym i relatywnym), dlatego też coraz częściej spoglądam chętnym okiem w kierunku display:table, który w niektórych przypadkach sprawdzi się dużo lepiej niż wszelkiej maści floaty.

W dzisiejszym tekście chciałbym podstawić nowe - bardziej wirtualne podejście do tabel w układzie strony (mam nadzieję, że nie spalicie mnie za to na stosie;-)

flickr.com/photos/shellewill79
kwi 11 2013
0

Jak szybko, prosto i bezpłatnie dodać do strony monit o ciasteczkach

22 marca bieżącego roku weszły w życie nowe regulacje w prawie telekomunikacyjnym wymuszone przez niezastąpioną w tego typu sprawach Unię Europejską. Od teraz właściciele stron internetowych, w których są wykorzystywane ciasteczka śledzące zachowania użytkownika, powinni o nich wcześniej poinformować. W praktyce dotyczy to większości stron, które możecie znaleźć w polskim Internecie, ponieważ takie ciacha wstawia np. bardzo popularny Google Analytics.

Dużym problemem jest fakt, że wciąż wiele stron tych ostrzeżeń nie posiada. Abstrahując od ich sensowności - prawo jest prawem i głupio byłoby dostać karę za brak ostrzeżenia o czymś tak prozaicznym jak ciasteczka. Problem, a tym samym potencjalne źródło zysku zwietrzyły już niektóre podmioty i tak np. dziś widziałem już reklamę firmy, która za jedyne 49 zł udostępnia skrypt monitu o ciasteczkach. Za kolejne 50 zł jest go nawet w stanie wspaniałomyślnie zainstalować na Waszej witrynie - czysta okazja;-)

Na szczęście monit o ciasteczkach można mieć za darmo, a za oszczędzoną gotówkę z pewnością trochę uciechy;-)

flickr.com/photos/themonnie
kwi 04 2013
0

Tworzenie animacji w CSS3

Internet się zmienia. Przez zmiany nie mam na myśli tylko warstwy którą widzi klient, ale przede wszystkim tej, którą tworzą webmasterzy. Jeszcze kilka lat temu trudno było sobie wyobrazić dobrą stronę bez Flasha i grafiki zrobionej w Photoshopie. Dziś coraz częściej technologie od Adobe idą w kąt, a nowoczesne layouty tworzone są w czystym HTML5 oraz CSS3 i powstają bez użycia jakiejkolwiek dodatkowej grafiki.

Idąc dalej spójrzmy na cienie na stronach. Zawsze spoglądałem na nie z zazdrością, bo wyglądają z reguły efektownie, ale niestety osobiście nie zostałem obdarzony talentem graficznym, ani dostateczną ilością gotówki by wywalać ją na Photoshopa w ramach zachcianki. Dziś nie mam już takiego problemu, wystarczy box-shadow w CSS i sprawa załatwiona.

Podobna rewolucja ma obecnie miejsce w temacie animacji, które wcześniej na stronach pojawiały się za sprawą ociężałego Flasha, albo bardzo archaicznego już dziś GIFa. Kilka lat temu mechanizmy te w dużej mierze zastąpiono animacjami napisanymi w jQuery. Świat pędzi jednak do przodu i przyszłością w tym temacie jest CSS3!

sxc.hu
mar 24 2013
0

Recenzja książki Kuloodporne strony internetowe

Praca w IT nie jest łatwa, ponieważ wymaga ona ciągłej nauki i dostosowywania się do zmieniającego się rynku. Jeśli chcesz więc znaczyć cokolwiek w tej branży i rozwijać się, siłą rzeczy musisz przysiąść po godzinach. Czasem trzeba pomyśleć nad jakimś rozwiązaniem do pracy, innym razem żeby zapoznać się z nową technologią, czy też podszkolić swój język programowania. Na takie rzeczy z reguły nie ma czasu podczas pracy. Samorozwój jest szczególnie istotny w przypadku programistów oraz webmasterów. W moim odczuciu to właśnie te dwie specjalizacje wymagają największej uwagi, ale jednocześnie rekompensują to przyzwoitymi zarobkami.

Jeśli jesteśmy już przy określonych specjalizacjach, to muszę osobiście przyznać, że przez długi czas myślałem, że to właśnie programista ma ciężej niż webmaster. Ostatnio jednak zaczynam zmieniać zdanie, szczególnie po zapoznaniu się z treścią tytułowej książki, która nasuwa u mnie taką refleksję:

Tworzenie stron internetowych jest bajecznie proste, jednak zrobienie idealnego projektu jest praktycznie niemożliwe

O tym dlaczego tak jest, wiedzą chyba najlepiej właściciele stron zrobionych za 50 zł. Wie o tym również autor tytułowej książki, który w interesujący sposób opisuje jak zrobić kuloodporną stronę internetową;-)

sxc.hu
lut 17 2013
0

Wykrywanie właściwości zamiast wersji przeglądarki

Nie tak dawno swoją premierę miała biblioteka jQuery w wersji 1.9. Przyniosła ona wiele zmian i jednocześnie przybliżyła się do trendów panujących obecnie w sieci. Do niedawna twórcy stron internetowych musieli zwracać uwagę na wersję przeglądarki. Webmasterom szczególnie we znaki zawsze dawała się przeglądarka Internet Explorer. Obecnie sytuacja uległa zmianie.

Internet Explorer zaczął gonić konkurencję, a szybko zmieniające się standardy oraz wersję przeglądarek wymusiły zmianę reguł gry. Obecnie sprawdza się więc fakt, czy aplikacja obsługuje określone właściwości czy też nie. W związku z tym z dobrze znanego jQuery usunięto funkcję $.browser, a popularność zaczęły zdobywać biblioteki pokroju Modernizr, które pozwalają na wykrywanie wskazanych właściwości.

O tym jak to wszystko działa w praktyce, postaram się powiedzieć więcej w dzisiejszym wpisie.

sty 31 2013
0

Recenzja książki HTML5. Tworzenie gier

Technologie webowe rozwijają się bardzo prężnie i tym samym zdobywają coraz większą część developerskiego rynku. Główną przyczyną takiego stanu rzeczy, jest przede wszystkim bardzo wysoka dostępność stron WWW. Raz napisaną witrynę otworzymy na komputerze, komórce, telefonie, konsoli, a nawet w lodówce, jeśli tylko będzie miała odpowiednią przeglądarkę;)

Nikogo już w dzisiejszym świecie nie dziwi również nazywanie strony aplikacją (wspominałem o tym przy okazji recenzji książki ASP.NET MVC 3 Framework. Zaawansowane programowanie). Obecna złożoność sieci z pewnością wykracza daleko poza najśmielsze marzenia jej twórcy - Tim Bernesa-Lee.

Dziś czymś naturalnym są gry w przeglądarkach. Do niedawna pisane głównie w technologii Flash, dziś coraz częściej za pomocą tytułowego HTMLa, we współpracy z CSSem i JavaScriptem.

Taki nowy porządek oczywiście wymaga zmian oraz ukiernkowanych w tym temacie programistów, dlatego też powstała tytułowa książka oraz niniejsza jej skromna recenzja, na której dalszą cześć serdecznie Was zapraszam:)

lis 11 2012
0

5 stron w sieci, które przydadzą się każdemu webmasterowi

Jednym z ważniejszych aspektów pracy w IT, jest możliwość swobodnego ponownego użycia wielu dostępnych komponentów, grafik, zasobów, a czasem nawet całych stron internetowych (oczywiście z poszanowaniem licencji). Pomyślcie tylko jak wyglądałby dziś blogosfera w sytuacji gdybyśmy nie mieli WordPressa? Na świecie byłoby kilkadziesiąt milionów blogów mniej (z pewnością byłoby też mniej spamu bo pozycjonerzy nie mieli by co stawiać na swoich zapleczach...;)).

W wielu obszarach informatyki (szczególnie tych dotyczących oprogramowania) dominuje przekonanie, że jeśli już ktoś coś zrobił i można z tego skorzystać, to po co wykładać ogromne środki finansowe na stworzenie czegoś nowego, co będzie musiało jeszcze zostać przetestowane, sprawdzone i z pewnością wiele razy poprawione. Sam niejednokrotnie korzystam z tej niepisanej reguły i np. podczas tworzenia stron, czy oprogramowania, wyszykuje w sieci gotowe grafiki, ikony, biblioteczki kodu, czy czasem po prostu inspiracje.

Jest w sieci kilka takich miejsc, do których szczególnie często zaglądam i dziś postanowiłem się nimi z Wami podzielić. Mam nadzieję, że każdy z Was znajdzie choć przynajmniej jedną nową witrynę dla siebie, w tym stosunkowo krótkim zestawieniu;)

lis 04 2012
0

Responsive Design - nowy trend w sieci

Dla wielu osób z poza branży, praca w IT wydaje się być czystą sielanką. Mnóstwo ciekawych projektów, znikome bezrobocie oraz wysokie zarobki. W praktyce nie jest tak kolorowo, a praca nie kończy się tuż po wyjściu z biura o 16. IT to wciąż jeden z najbardziej dynamicznie zmieniających się obszarów gospodarki, co wiąże się z nieustannymi zmianami w stosowanych w tej branży technologiach. Nowe urządzenia oraz kanały komunikacyjne wymuszają zmiany. W chwili obecnej stawia się przede wszystkim na szeroko rozumiany Cloud Computing oraz technologie mobilne. Nieodłącznym elementem obu tych zagadnień jest Internet. Jeśli mowa o Internecie, to nie można pominąć oczywiście stron WWW, które wciąż dla wielu internautów są najważniejszym elementem sieciowej układanki. I to właśnie tego segmentu najbardziej dotyka rozwój we wspomnianych obszarach.

Warto tu zwrócić uwagę szczególnie na aspekt mobilny. Nowe urządzenia, nowe rozdzielczości i przede wszystkim dotykowe ekrany wymuszają na programistach zmianę podejścia. Dziś już nie wystarczy zrobić strony z układem spasowanym na 960 pikseli. Nie można też znaleźć złotego środka, ponieważ zakres szerokości ekranów waha się od kilkuset pikseli do tysięcy pikseli, jakie można znaleźć w rozdzielczości Full HD i wyższych.

Pewnym rozwiązaniem tego problemu było projektowanie dedykowanych witryn dla urządzeń przenośnych. Jednak również i to podejście nie do końca się sprawdziło. Bardzo często algorytmy stron błędnie rozpoznawały urządzenia mobilne i uniemożliwiały poprawne wyświetlenie strony. Na szczęście od jakiegoś czasu coraz większą popularność zdobywa nowe rozwiązanie, które nie jest co prawda idealne, ale rzuca nowe światło na ten temat i pozwala w lepszy sposób dopasować się do popularnych wielkości ekranów. Brzmi interesująco? Jesteście ciekawi? Jeśli tak, to zapraszam do dalszej części wpisu:)

paź 21 2012
0

Recenzja Splątanej Sieci Michała Zalewskiego

Z pewnością większość programistów oraz webmasterów kojarzy cykl życia oprogramowania. W jednej z ogólniejszych form, składa się on z 6 postępujących za sobą faz:

  1. Analiza
  2. Projektowanie
  3. Programowanie
  4. Testowanie
  5. Wdrażanie
  6. Utrzymanie

Realizacja tego programu w praktyce wypada różnie, ponieważ wdrażanie projektów IT często wiąże się z ogólnym brakiem funduszy, zasobów oraz czasu. Z reguły osoby odpowiedzialne za projekty próbują znaleźć złoty środek, który w ich odczuciu polega na usunięciu zbędnej fazy (jest to błąd - żadne faza nie jest tutaj zbędna) jaką najczęściej dla nich jest testowanie. Skutki takiej decyzji z reguły są opłakane, ponieważ błędy w takim przypadku często znajdują sami klienci, a koszty ich poprawy szybko przerastają oszczędności, które wynikły z pominięcia fazy testowania.

Z testowaniem (a w dużej mierze także z samym programowaniem) wiąże się również bezpieczeństwo. Jeśli coś można powiedzieć o bezpieczeństwie, to tylko tyle, że jest ono jeszcze bardziej traktowane po macoszemu niż sama faza testowania, a jest ono niezwykle ważne, ponieważ warunkuje ono w dużej mierze to czy uda nam się uchronić dane powierzone przez użytkowników naszych aplikacji i tym samym nie narazić ich na straty.

O tym jak sobie z tym problemem radzić, pisze Marcin Zalewski w swojej drugiej książce Splątana Sieć, której recenzję mam Wam dziś przyjemność przedstawić.

1 2 3 4