Dzisiejszy artykuł powstał na bazie inspiracji związanej z Windowsem 7, który mam zainstalowany u siebie. Pomyślałem sobie, żeby spróbować stworzyć efekt rozsuwanego menu rodem z tego systemu.
Efekt się udał, ale w 100% działa w 3-ch przeglądarkach: Mozilla Firefox 3.6.3, Safari 4.0, Google Chrome. W innych przeglądarkach może brakować niektórych szczegółów dekoracyjnych, ale sama idea wysuwanego menu działa.
Dzisiejszy tutorial będzie dotyczył efektownej ściany obrazków. Taka ściana może być wykorzystana w wielu celach np: jako galeria zdjęć, galeria prac do portfolio czy też jako ściana z reklamami na blogu.
Aby zbudować taką ścianę, będziemy korzystać z kilku języków webmasterskich: PHP, JavaScript, odrobinę HTML oraz CSS.
W dzisiejszym artykule zbudujemy nowoczesną stronę z użyciem HTML5. To jest nowa technologia budowania stron WWW. Dzięki niej, jesteśmy w stanie budować strony które staną się jeszcze bardziej zrozumiałe dla wyszukiwarek. Jest to krok w budowaniu semantycznej sieci internetowej w której wyszukiwarki internetowe (semantyczne, czyli niekoniecznie Google) będą w stanie rozumieć strony oraz znajdować dane strony po wpisaniu słów zapytania w okno wyszukiwarki w języku naturalnym, czyli np: "Porównaj dystrybucje Linuxa".
Póki co, jest to melodia przyszłości którą już zaczynamy słyszeć dzisiaj.
Dalej
W tym artykule poruszam kwestię walidacji wpisywanego tekstu w pola, które ustanowiliśmy w procesie rejestracji, logowania czy po prostu w formularzu kontaktowym. Jest to niewątpliwie jeden ze sposobów na uniknięcie błędnie wpisywanych informacji na stronie przez użytkownika.
Jak to zrobić z wykorzystaniem biblioteki jQuery i pluginu do niej?
Dalej
Jak wiadomo, już jest po świętach. Tak więc, pora się zabrać za napisanie kolejnego artykułu na bloga.
Dzisiejszy artykuł będzie traktował o płynnej zmianie układu treści na stronie, który jest zależny od szerokości okna przeglądarki i wielkości bloków z treścią.
Taki układ można sobie wyobrazić jako taką chmurę tagów, tyle że, zamiast tagów mamy treść (np. artykuły, moduły, zdjęcia, itp, itd.). Jest on bardzo przydatny gdy zależy nam na jak najciaśniejszym upchaniu contentu na stronie, by pozostało jak najmniej wolnej przestrzeni, która w niektórych przypadkach może źle wyglądać.
Zatem, jak to można zrobić?
Dalej
Dzisiejszy artykuł będzie dotyczył możliwości uzyskania efektu przeźroczystego paska nawigacyjnego znajdującego się zawsze w górnej części okna przeglądanej strony. Dzięki temu, mozemy zapewnić nieustanny dostęp do menu, a jednocześnie pozwalając czytać informacje ukryte pod paskiem nawigacyjnym.
W tym przykładzie na pasku nawigacyjnym znajduje się lista rozwijana i przyciski do przewijania strony
Po dłuższej przerwie pora na kolejny artykuł dotyczący tworzenia ciekawych efektów za pomocą biblioteki jQuery.
Dzisiaj przedstawię Tobie sposób na osiągnięcie ciekawego efektu rozwijanego menu, które po rozwinięciu będzie skakało przez chwilę jak piłka.
Dzisiejszy artykuł będzie dotyczył kwestii dodania efektu Lightbox do zdjęć na stronach napisanych w języku C#.NET.
Język ten jest konkurentem dla bardziej popularnego języka programowania stron WWW jakim jest PHP. Jest prostszym językiem niż PHP, ponieważ wygląd i funkcjonalność strony można sobie właściwie wyklikać.
Jak więc osiągnąć pożądany przez nas efekt?
![[CSS][jQuery] Menu w stylu Windows 7 – niesamowity efekt](https://blog.piotrnalepa.pl//wp-content/webpc-passthru.php?src=https://blog.piotrnalepa.pl/wp-content/uploads/2010/04/win7-menu.jpg&nocache=1)
![[PHP][jQuery] Ściana obrazków – obrazki z niespodzianką](https://blog.piotrnalepa.pl//wp-content/webpc-passthru.php?src=https://blog.piotrnalepa.pl/wp-content/uploads/2010/04/sciana-obrazkow.jpg&nocache=1)
![[HTML5] Budowa nowoczesnej, semantycznej strony z użyciem HTML5](https://blog.piotrnalepa.pl//wp-content/webpc-passthru.php?src=https://blog.piotrnalepa.pl/wp-content/uploads/2010/02/html5.jpg&nocache=1)
![[jQuery] Walidacja wpisywanych informacji w panelu logowania/rejestracji](https://blog.piotrnalepa.pl//wp-content/webpc-passthru.php?src=https://blog.piotrnalepa.pl/wp-content/uploads/2010/01/walidacja.jpg&nocache=1)
![[CSS][jQuery] Płynnie zmieniany układ treści na stronie](https://blog.piotrnalepa.pl//wp-content/webpc-passthru.php?src=https://blog.piotrnalepa.pl/wp-content/uploads/2010/01/zmienny_uklad.jpg&nocache=1)
![[CSS][jQuery] Przezroczysty pasek nawigacyjny będący zawsze u góry okna przeglądarki](/img/placeholder-article.png)
![[C#.NET] Efekt Lightbox dla zdjęć na stronach w C#.NET](https://blog.piotrnalepa.pl//wp-content/webpc-passthru.php?src=https://blog.piotrnalepa.pl/wp-content/uploads/2009/11/efekt-lightbox-csharp.jpg&nocache=1)