Wpisy z kategorii XHTML/CSS
-
data publikacji: 12.01.2010
20
Budujemy stronę internetową przewijaną w poziomie!
kategoria: Skrypty client-side, Webmaster, XHTML/CSS autor: agressiva
Przeglądając w ostatnim czasie kilka serwisów o tematyce projektowania stron www natknęłam się na ranking najciekawszych projektów stron www przewijanych w poziomie.
Strony takie stały się w ostatnim czasie bardzo popularne. Najczęściej służą jako portfolio graficzne, fotograficzne. Mimo swojej ograniczonej struktury dają nam całkiem spore pole do popisu. Wszystko zależy od naszej wyobraźni graficznej.
Przedstawię Wam jedną z technik projektowania takich stron...
czytaj dalej » -
data publikacji: 06.01.2010
18
Menu przesuwane
kategoria: XHTML/CSS autor: prz-emo
Często zastanawiasz się jak zrobić obrazkowe menu, aby szybko się ładowało i zajmowało jak najmniej miejsca? Zastosuj do niego CSS i tylko jeden plik graficzny. czytaj dalej »
-
data publikacji: 06.07.2009
34
Menu akordeonowe z odrobiną CSS3
kategoria: Skrypty client-side, Webmaster, XHTML/CSS autor: agressiva
W tym artykule dowiecie się w jaki sposób stworzyć menu akordeonowe, które funkcjonuje m.in. na stronie www.apple.com. Na tej samej zasadzie działa również moje portfolio, gdzie każda zakładka działa jak osobny dział na stronie (www.waterdesign.pl).
czytaj dalej » -
data publikacji: 17.06.2009
69
Zapomnij o IE6!
kategoria: Webmaster, XHTML/CSS autor: JaRo
Internet Explorer 6 – czyli popularnie zmora webmasterów.
Wielu z Was ma już zapewne dość ‘użerania się’ z ie6, który mimo upływu czasu, aktualizacji i nowych lepszych wersji nie odszedł wcale w zapomnienie. Według Ranking.pl aż 31.6% polskich internautów wciąż korzysta z Internet Explorer 6.
czytaj dalej » -
data publikacji: 22.04.2009
22
Tworzenie prostej strony za pomocą wtyczki Edit Css
kategoria: Webmaster, XHTML/CSS autor: pafeu
Chciałbym wam zaprezentować bardzo przydatną wtyczkę do przeglądarki Mozilla Firefox, EditCss. Jest to zwykły edytor Css lecz wkomponowany w pasku przeglądarki. Dzięki niemu możemy pisać style w czasie rzeczywistym – czyli gdy zaczynamy wpisywać style od razu widzimy rezultaty w oknie z dokumentem.
-
data publikacji: 10.02.2009
4
Efekt graficznego podświetlenia w jQuery i Prototype z Scriptaculous
kategoria: Skrypty client-side, XHTML/CSS autor: m1chu
Jedni nie korzystają z nich wcale, niektórzy tylko po to aby zwiększyć funkcjonalność tworzonych przez siebie stron, a u jeszcze innych zauważalny jest przepych tego typu rozwiązań. Biblioteki programistyczne języka JavaScript, bo o ich wykorzystaniu tu mowa to źródło bardzo różnorodnych, nie tylko funkcjonalnych, ale także estetycznych efektów. Sieć aż kipi od dobrych i słabych, lepiej oraz słabiej wytłumaczonych przykładów użycia możliwości MooTools, jQuery, Prototype z Scriptaculous, czy innych mniej powszechnych frameworków.
Jednym z takich efektów jest możliwość stworzenia animowanego, graficznego podświetlenia pojawiającego się np. nad grafiką wywołującą animację. Interaktywność taka została opisana na NetTuts z wykorzystaniem MooTools. My osiągniemy taki wynik dzięki zastosowaniu jQuery (w jednym przykładzie) oraz dodatkowo także za pomocą Prototype wraz z Scriptaculous (w drugim przykładzie).
-
data publikacji: 11.01.2009
14
Haki CSS i komentarze warunkowe dla niepokornego Internet Explorera
kategoria: XHTML/CSS autor: m1chu
Dla zwykłego użytkownika Internet Explorer to po prostu pierwsza linia dostępu do Internetu. Nie każdy z nich wie jednak, że jest to linia stosunkowo mało bezpieczna i niestabilna. Wiele mówi się o istniejących już od wielu lat i ciągle rozwijanych alternatywach. I pomimo, że sporo osób skusiło się już na wymianę używanej przeglądarki to rynek nie tylko najnowszej, ale i starszych odsłon IE jest nadal prężny. Zbyt prężny, co najbardziej odbija się na twórcach witryn internetowych. Niepodporządkowanie się standardom powoduje, że często aby praca wychodząca spod ich ręki była prawidłowo interpretowana przez przeglądarkę Microsoftu trzeba użyć pewnego typu zamienników...
-
data publikacji: 08.01.2009
5
Pozycjonujemy za pomocą kaskadowego arkusza stylów (CSS)
kategoria: XHTML/CSS autor: m1chu
Pozycjonowanie najczęściej kojarzy się wszystkim z optymalizacją stron w taki sposób, aby uzyskać jak najwyższe miejsce w wyszukiwarkach, pod zadanymi frazami. W skrócie - z SEO (Search Engine Optimization). W procesie tworzenia stron internetowych, a dokładniej w trakcie opisywania formy wyświetlania strony poprzez arkusz stylów pojęcie te przyjmuje zgoła inne znaczenie. A mianowicie jest to metoda tworzenia układu strony poprzez użycie właściwości
position. Za namową kilku użytkowników Vivee przedstawię dziś na czym właśnie ta metoda polega... -
data publikacji: 05.01.2009
17
960 Grid System
kategoria: XHTML/CSS autor: palmiak
Jako, że większość stron ma dość podobny układ, kilka osób wykombinowało sobie, że może warto zrobić "frameworka" (prześladuje mnie to słowo) by każdorazowe klepanie tego układu mieć z głowy. Jednym z tworów powstałym na tej fali jest 960 Grid System. Jako, że leniwy jestem to postanowiłem spróbować.
-
data publikacji: 24.12.2008
25
Rozwijane menu na szybko
kategoria: XHTML/CSS autor: palmiak
Nie wiem jak Wy, ale ja nigdy nie lubiłem robić rozwijanych menu. Niestety wielu klientom się takie coś podoba i ciężko jest ich przekonać, że rozwijane menu na stronie to nie jest szczyt wygody dla usera (szczególnie gdy wojuje on za pomocą jakiegoś touchpada). Na szczęście komuś się chciało i stworzył tzw. "CSS Drop-Down Menu Framework", dzięki któremu stworzenie każdego kolejnego menu zajmie nam kilka chwil.
Komentarze
Kategorie
Top 10
Stan: Gravatar, czyli jak mieć globalnego avatara
JaRo: Halu!?
Adi: Halu!?
rokicza: Menu akordeonowe z odrobiną CSS3
Marcin Lewandowski: Portfolio graficzne oparte o Wordpress przy użyciu Custom Fields
Agressiva: Portfolio graficzne oparte o Wordpress przy użyciu Custom Fields
Marcin: Portfolio graficzne oparte o Wordpress przy użyciu Custom Fields
rokicza: Menu akordeonowe z odrobiną CSS3
rokicza: Menu akordeonowe z odrobiną CSS3
Gerard: Tutorial na stronę domową
- CMSy Artykuły dotyczące różnego rodzaju systemów zarządzania treścią CMS.
- Flash Podstawowe informacje pomocne przy tworzeniu animacji w Adobe Flash.
- Fotografia Samouczki dotyczące nie tylko robienia zdjęć ale też ich cyfrowej obróbki.
- Grafika Ogólnie pojęta grafika komputerowa, od inspiracji, po tworzenie layoutów oraz mniejszych form graficznych.
- Inne tutoriale wordpressowe Wszystkie inne zagadnienia dotyczące WordPressa.
- Inspiracje Inspirujące materiały graficzne z dziedziny projektowania stron www, projektów DTP, digital painting, itp.
- Obróbka zdjęć Techniki retuszu fotografii cyfrowych.
- Rysunek Tworzenie rysowanych ilustracji w Adobe Photoshop.
- Skóry do Wordpressa Darmowe oraz płatne – najlepsze skóry do WordPressa.
- Skrypty client-side
- Skrypty server-side
- Tutoriale
- Webdesign Tutoriale z zakresu projektowania stron www i grafiki użytkowej na rzecz internetu.
- Wordpress Ulubieniec naszej publiczności CMS WordPress: nowości, tricki, wtyczki, skóry i wszystko to co może przydać się przy korzystaniu z tego systemu.
- Wtyczki do Wordpressa Recenzje oraz instrukcje najbardziej popularnych i najbardziej niezbędnych pluginów do WordPressa.
- XHTML/CSS Ciekawostki z dziedziny kodowania stron www: XHTML, CSS, jQuery.
- Rozwijane menu na szybko
- Jak poprawnie osadzić Flasha w kodzie (X)HTML strony?
- Vivee Wordpress Themes
- Krótko o... Wordpress 2.7
- Inspiracje: Digital Painting
- "Step forward" - czyli podstawy fotomontażu
- Inspirujące plakaty - grudzień 2008
- Własny theme w Gelato
- Inspirujące strony www - listopad 2008
- Poszukujemy speca od wiki
Najnowsze newsy
Zapraszamy na forum graficzne Graffika.pl
Każda osoba interesująca się grafiką komputerową ma czasami ochotę porozmawiać o swoich pracach, posłuchać rad, krytyki i pochwał innych osób. Idealnym miejscem na realizowanie takich potrzeb jest forum graficzne Graffika.pl.
Czytaj dalej
Przypominamy o Konkursie Noworocznym
Wraz z nowym, 2010 rokiem ogłosiliśmy konkurs na tutorial o tematyce CMS-owej.
Mamy nadzieję, że jakieś prace zostaną nadesłane do końca terminu i znajdzie się zwycięzca w pierwszym naszym oficjalnym konkursie z nagrodami.
Zachęcamy wszystkich do spróbowania swoich sił.
Szczegóły dostępne są pod tym adresem: http://vivee.info/2010/01/01/konkurs-noworoczny/
Zareklamuj nas :)
Jako, że pojawiła się na vivee.info nowa skóra przygotowałam nasze firmowe banerki reklamowe. Osoby, które wyrażą chęć wsparcia nas reklamą u siebie na blogach lub innych serwisach mogą pobrać je poniżej. Czytaj dalej
Polecane strony
- WordPress Theme from Scratch – Day 1: PSD
- 20 Tutorials For Creating HDR Images
- Ask the Expert – Using Wordpress to Build Large Scale Websites with Derek Herman
- Making an Interactive Picture with jQuery
- Create a Horizontal Scrolling Website
- 800 Most Wanted Free RSS Icons for Bloggers
- 45 Most Wanted Beautiful Free Hand Drawn Fonts
- Caffe-Break Themed Blog Layout Photoshop Tutorial
- Create a nature inspired layout in photoshop
- Coding a Web Design for Speed and Quality
- Beautiful Hand Drawn Websites | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials
- 40 Fresh Creative and Inspiring Photographs
- Wordpress portfolio layout | Grafpedia
- Simple Facial Photo Retouching | Grafpedia
- Create a beauty layout in 10 steps | Grafpedia























