Archiwum

Posty oznaczone ‘HTML’

Golden Beauty Uniques

Sierpie艅 5th, 2009 Brak komentarzy

Golden Beauty Uniques – makija偶 permanentny, makija偶 d艂ugotrwa艂y, stylizacja paznokci, semi-permanentne przed艂u偶anie rz臋s… w wielkim skr贸cie tym zajmuje si臋 firma, dla kt贸rej Create WWW wykona艂o stron臋 internetow膮.

Makija偶 permanentny - Brzeg

Makija偶 permanentny - Brzeg

Wi臋cej:

jQuery – kolejna dawka dobrych przyk艂ad贸w (galerie oraz podpowiedzi)

Marzec 4th, 2009 1 komentarz

Kolejna dawka praktycznych przyk艂ad贸w pokazuj膮cych mo偶liwo艣ci jQuery. Przeszukuj膮c sie膰 w poszukiwaniu potrzebnych nam w danym momencie nam informacji, nie raz trafiamy na bardzo ciekawe artyku艂y, prezentuj膮ce nam w r贸偶ny spos贸b mo偶liwo艣ci wy艣wietlania galerii, zdj臋膰 lub tak偶e prezentacj臋 zawarto艣ci strony. Poni偶ej zbi贸r kolejnych kilku ciekawych zastosowa艅 jQuery, tym razem w wi臋kszo艣ci po艣wi臋cony wy艣wietlaniu galerii oraz prezentacji tre艣ci.

Podpowiedzi i podgl膮d obrazk贸w – 3 przyk艂ady wykorzystania

podglad-obrazkow0

podglad-obrazkow

podglad-obrazkow2

Podpowiedzikilka przyk艂ad贸w w jaki spos贸b je wykorzysta膰. Np na mapach…
podpowiedz

Kilka sposob贸w wy艣wietlenia galerii na stronie (lightboxy itp.)

- Spacegallery
galeria1

- prettyPhoto – klon lightboxa
prettyphoto

- prettyGallery – kolejny spos贸b wy艣wietlania galerii
prettyphoto2

- NyroModal
nayro

- Pirobox jQuery Lightboxprzyk艂ady
dpirobox

- Galleriffic – szybkie generowanie galerii
dgalleriffic

- jQuery Gallery Plugin
jqgalleryplugin

- jQuery Lightbox Plugin (balupton edition)przyk艂ady
lightbox-bal

I na koniec jeszcze prosty pokaz slajd贸w

Warto tak偶e przeczyta膰 poprzedni wpis tak偶e po艣wi臋cony mo偶liwo艣ciom jQuery. Ju偶 niebawem kilka kolejnych zastosowa艅 w postaci przyk艂ad贸w.

jQuery – 35+ praktycznych przyk艂ad贸w!

Stycze艅 24th, 2009 8 comments

W skr贸cie czym jest jQuery?

jQuery to lekka Biblioteka programistyczna dla j臋zyka JavaScript, u艂atwiaj膮ca wsp贸艂dzia艂anie JavaScript oraz HTML. (Wikipedia)

jQuery mo偶emy wykorzysta膰 w celu uczynienia naszej strony bardziej interaktywn膮, co nada jej bardziej interesuj膮cy wygl膮d dla u偶ytkownika. Wpis ten jest zbiorem 35+ praktycznych przyk艂ad贸w wykorzystania tej jQuery na w艂asnej stronie. Warto mie膰 pod r臋k膮 spisane warto艣ciowe przyk艂ady, kt贸re pokazuj膮 jak wykorzysta膰 i do czego je zastosowa膰. W pokazanych poni偶ej przyk艂adach wi臋kszo艣膰 zwi膮zana z zastosowaniem do obs艂ugi formularza, w miar臋 up艂ywu czasu uzupe艂nione zostan膮 pozosta艂e kategorie…

Wgrywanie plik贸w…

- Multiple File Upload Plugin (jQuery.MultiFile) – pozwala na na wczytanie kilku plik贸w na serwer, bez konieczno艣ci zatwierdzania formularza
jq-wgrywanie-plikow

- AjaxFileUpload – prosty przyk艂ad wgrywania plik贸w na serwer
jq-wgrywanie-plikow3

- Mened偶er plik贸w/obraz贸wdemo

- Mened偶er plik贸w/obraz贸w (wtyczka do edytora FCKeditor)demo
jq-wgrywanie-plikow2

- Mened偶er plik贸w/obraz贸w (wtyczka do edytora Tinymce)demo

- http://www.pixeline.be/experiments/jqUploader/test.php Wgrywanie plik贸w za pomoc膮 jq jq-20.gif

- Zastosowanie wgrywania plik贸w lub obrazk贸w wewn膮trz formularza z wi臋ksz膮 ilo艣ci膮 p贸l – demo
jq-wgrywanie-plikow5

Wtyczki pozwalaj膮ce na zmian臋 wygl膮du p贸l formularzy!

- jQuery Calculation Plug-in (v0.2) – proste w u偶yciu funkcje jQuery zastosowane do zwyk艂ych funkcji matematycznych.
jq-12.gif

- jQuery Field Plug-in (v0.9.1) – wtyczka znacznie rozszerzaj膮ca mo偶liwo艣ci element贸w formularza.

- Inne spojrzenie na elementy formularzaprzyk艂ad
jq-9.gif

- jQuery UI: zmiana wygl膮du pola opcji i pola wyboru
jq-formularz-styl1

- Selectbox – pozwala na zamian臋 zwyk艂ego elementu selectbox na 艂adniejszy wygl膮dem – demo
jq-select1

- Filtrowanie wprowadzanej zawarto艣ci w pola formularza
form2

- Pole wyboru jako obrazek – przyk艂ad pokazuje jak zrobi膰 alternatywne i o wiele 艂adniejsze pola wyboru, ni偶 te jakie nam oferuje standardowo j臋zyk HTML.
checkbox-jquery.jpg

- Automatycznie powi臋kszaj膮ce/zmniejszaj膮ce si臋 pole tekstowe – dzia艂aj膮cy przyk艂ad.

- Autouzupe艂nianie p贸l tekstowych w formularzuopis przyk艂adu
autocomplite-jq.gif

- FCBKcomplete – auto uzupe艂nianie podobne do tego zamieszczonego na Facebooku demo
facebook

- Kolejne pola wyboru – pozwalaj膮ce u偶y膰 arkusza CSS oraz etykiety do nadania stylu dla pola wyboru.

- Wtyczka – pozwalaj膮ca na nadanie stylu dla przycisku opcji dodawanego za pomoc膮 elementu input.

Okienka dialogowe

- jQuery Impromptu
okno

Wtyczki do obs艂ugi obrazk贸w!

- imgAreaSelect – jest wtyczk膮 pozwalaj膮ca zaznacza膰 prostok膮tne obszary na obrazku
jq-11.gif

- Automatyczne skalowanie rozmiaru obrazka
jq-3.gif

R贸偶ne zastosowania…

- Chmura tag贸w – zredukowano ilo艣膰 tag贸w poprzez wy艣wietlenie szczeg贸艂贸w tagu jako efekt hover
jq-8.gif

- jQuery.Preloaddemo
jq-6.gif

- Wtyczka pomagaj膮ca na podzia艂 stronprzyk艂ad
jq-5.gif

- liScroll – wtyczka jQuery przetwarzaj膮ca list臋 zdefiniowan膮 za pomoc膮 element贸w li na przewijany pasek najnowszych np. wpis贸w
jq-4.gif

- Przewijany pokaz pozycji
jq-1.gif

- Zwija / rozwija dodatkowy tekst oraz dodaje odno艣nik ‘czytaj wi臋cej’
jq-2.gif

G艂osujemy… :P

- Skrypt paska g艂osowania – oparty na PHP oraz MySQL-u, dzia艂a jak ka偶dy tego typu web 2.0-owy skrypt (g艂osowania odbywa si臋 bez prze艂adowania si臋 strony)
rating-star.png

- Sonda w Ajaksie
js-3.gif

Edytory, pozwalaj膮ce na prac臋 w bardzo szybki i wydajny spos贸b…

- Edytor p贸l tekstowych w Ajaksie

- przyk艂ad – edytor stosuj膮cy Ajax, umo偶liwiaj膮cy zmiany na stronie bez u偶ywania do tego przycisku potwierdzaj膮cego zmiany
ja-2.gif

Podpowiedzi…

- Skrypt podpowiedzi w JavaScripcie
302.gif

- Autolink, mailto, highlight – kilka fragment贸w kodu do automatycznego generowania w tek艣cie odno艣nik贸w typu (http/https/ftp), oraz do tworzenia odno艣nik贸w adres贸w e-mail i pozwalaj膮cy na ich pod艣wietlanie.
hightlight.jpg

- Podgl膮d wygl膮du strony w linku za pomoc膮 wy艣wietlonej miniatury generowanej przy zastosowaniu strony http://www.websitethumbnails.net. Tworzy miniatur臋 strony do jakiej odnosi si臋 link, podgl膮d stworzony zostaje po najechaniu na odno艣nik kursorem myszki.

Elementy interfejsu: drzewa, menu, okienka dialogowe…

- Wtyczka jQuery Accordion pozwala tworzy膰 menu rozwijane / zwijane dzia艂aj膮ce w spos贸b przypominaj膮cy akordeon.
jq-13.gif

- Menu, okienka dialogowe, Drzewa, Siatki w Ajaksie
js-1.gif

To oczywi艣cie nie koniec listy, z czasem uzbiera si臋 nowa lista wtyczek wartych polecenia, to zaktualizuje ten wpis, dlatego polecam 艣ledzi膰 bloga. Na koniec polecam 3 poni偶sze artyku艂y wprowadzaj膮ce do jQuery.

Zobacz tak偶e: