Tag: jQuery

0

10 jQuery Tutorijala

Često korištena stvar pri dizajniranju sajtova je jQuery. jQuery omogućava bolji vizuelni izgled i dodaje razne elemente na sajt. Naravno, kako bi umeli da iskoristite jQuery, moraćete da naučite malo o njemu. Jedan od najefikasnijih načina za ovo su tutorijali. Stoga, ovo su 10 najboljih tutorijala za jQuery.

1. jQuery.com

Ovo je najbolji sajt koji postoji ukoliko vas interesuje da naučite nešto o jQuery biblioteci.

2. CatsWhoCode.com

Ovaj sajt čudnog imena ima širok spektar dobrih tutorijala o jQuery-u i još mnogo toga.

3. Learningjquery.com

Ovaj sajt radi upravo ono što mu ime kaže gde nudi velik broj jQuery tutorijala.

4. WebDeveloperJuice.com

WebDeveloperJuice ima tutorijale koji pokrivaju mnoge aspekte dizajna i developmenta, uključujući i jQuery.

5. TutorialZine.com

Ovaj sajt sadrži drugačije tutorijale koji objašnjavaju šta uraditi sa dizajnom sajta i jQuery je jedan od tih tutorijala.

6. jQueryForDesigners.com

Ukoliko ste dizajner i tražite sajt sa jQuery tutorijalima, onda je ovo sajt za Vas.

7. Marcgrabanski.com

Ovaj sajt sadrži napredne tutorijale za jQuery biblioteku.

8. Net.tutsplus.com

Ovaj sajt je poznat po kvalitetnim tutorijalima. Među njima se upravo i nalaze tutorijali za jQuery.

9. w3Schools.com

Ovaj poznati fantastičan sajt nudi na stotine tutorijala koji pokrivaju skoro sve aspekte web dizajna uključujući i jQuery.

10. jQuery How to

Ovaj sajt nudi mnogo informacija o raznim stvarima pri dizajniranju sa jQuery-em.

0

10 Web Dizajn Tehnologija

Ovo je post za sve one koji imaju ambicije da se bave web dizajnom i ne znaju odakle da počnu i šta da rade. Ovde ćemo opisati sve osnovne tehnologije koje web dizajneri koriste kako bi kreirali sajtove i web aplikacije.

HTML - Poznavanje HTML, XHTML jezika je neophodno u web dizajnu i predstavlja nešto od čega se kreće. Svakom iskusnom web dizajneru ova tehnologija predstavlja neku vrstu navike. Iako se HTML smatra kao jednom od najlakših web tehnologija, ona i dalje predstavlja neizostavni elemenat u web dizajnu.

CSS - Mogućnost da predstavite dizajn koristeći CSS će smanjiti veličinu fajlova i vreme učitavanja i poboljšati rangiranje na pretraživačima. Mogućnost da kreirate CSS do nivoa gde će na svim browserima stranice biti kompatibilne, je veoma cenjeno znanje i svakako će se ceniti u ovom poslu.

Grafički dizajn - Ukoliko radite kao freelance web dizajner, onda će vaše dizajnerske veštine doći do većeg izražaja, nego kad radite u nekoj kompaniji u timu od više ljudi gde imate samo ulogu developera. Grafički dizajn sam po sebi nije potreba već nešto što je neophodno znati i veoma će koristiti, čak i pri najosnovnijim zadacima.

jQuery - Ovo je jedna od najaktuelnijih i najpopularnijih tehnologija u web dizajn svetu, gde se omogućava interakcija sa serverom u realnom vremenu i još mnogo toga. Na mnogim sajtovima se primete mnoga poboljšanja u smislu korišćenja i vizuelnih efekata.

PHP - PHP se smatra za prvi izbor server skriptnih jezika na Internetu. Otvoren kod PHP jezika se pokazao odlično u celoj PHP zajednici od kog svi imaju koristi. PHP je široko korišten na Internetu, od najjednostavnijih funkcija, do potpuno dinamičkih sajtova i postavljanje templejt fajlova kroz objektno orijentisanu aplikaciju i okruženje.

Flash - Animacije i animirani sadržaj su veoma popularni na Internetum gde se u centar pažnje u poslednje vreme stavlja 3D i interakcija sa korisnikom. Posedovanje veštine da se napravi dobra animacija koji će kod korisnika izazvati 'wow' efekat će svakako biti korisna. Animacije i video su jedan od najboljih načina da se privuče pažnja korisnika.

SEO - Search Engine Optimisation je zlatna koka web dizajna. Sa jakom SEO kampanjom, sajtovi se izlažu ciljnoj publici i pretiču svoju konkurenciju koji nemaju dobro optimizovan sajt. Potpuno je beskorisno da se kreira odlično dizajniran sajt sa najnovijim tehnologijama, ako niko ne može da ga pronađe. Ako imate sajt koji ima namenu da prodaje, reklamira i promoviše, brzo ćete shvatiti važnost SEO optimizacije.

Administracija servera- Ovo iako nije neka glamurozna uloga u web dizajnu, svakako je bitna. Administrivanje domena, hostinga, mailova, servera, bekapa, je neophodna kako bi sajt radio normalno i bez ometanja.

Project managment - Pri upravljanju ili u radu u web dizajn kompaniji, svakako dobra praksa uopšte je mogućnost upravljanja projektom u zadanim vremenskim rokovima, raspoloživom budžetu i resursima. Ukoliko uspete da dobro upravljate svojim projektima u zadanim vremenskim rokovima i resursima, klijenti će to svakako primetiti.

MYSQL - Open source tehnologije potpuno dominiraju webom. Web dizajneri svih nivoa mogu da koriste MySQL tehnologiju u kreiranju web sajtova i aplikacija. Kad pogledamo da većina web aplikacija koristi MySQL sa PHP tehnologijom, nije uopšte čudno da posedovanje ovakvih znanja ima veliku vrednost u web dizajn industriji.

Web Dizajn Srbija, Novi Sad

0

WordPress teme

Ukoliko se posmatraju WordPress teme, najpopularniji trendovi u dizajniranju tema su jednostavnost, minimalizam i slobodan prostor. Takođe porasla je upotreba i implementiranje jQuery-a u teme. Veliki postotak tema u ovoj kolekciji tema, ima barem malo ugrađenih jQuery widget-a , dok neke imaju puno.

Besplatne teme

Dobre i kvalitetne besplatne teme su sve ređe i ređe. Ima mnogo dobrih rešenja, ali izgleda da se sve manje besplatnih tema izdaje, a traženje najkvalitetnijih je sve teže. Ispod je lista sa više od 20 besplatnih tema koje su izdate u proteklih nekoliko meseci

Imbalance

Imbalance

Blogum

Blogum

Studio Dessign

Studio Dessign

Big Square

Big Square

Placeholder

Placeholder

Skeptical

Skeptical

Portfolium

Portfolium

Suburbia

Suburbia

Sight

Sigh

Style Dessign

Style Dessign

iTheme2

iTheme2

Spectacular

Spectacular

Jenzoo

Jenzoo

JournalCrunch

JournalCrunch

Video

Video

Cenutis Magazine

Cenutis Magazine

Woody Magazine

Woody Magazine

Latest Tribune

Latest Tribune

Numberto Magazine

Numerto Magazine

Computis Magazine

Computis Magazine

Kalixo Magazine

Kalixo Magazine

Yellow Magazine

Yellow Magazine

Gamelison Magazine

Gameliso Magazine

Natolinis Mag

Natolinis Mag

Premium Teme

Hiljade novih premium tema se izdaje svakog meseca. Dizajneri i developeri eksperimentišu sa sposobnostima WordPress-a ne samo kao blog platforme, već kao i CMS-a. Ovde je predstavljeno više od 30 kvalitetnih premium tema, u ceni od 20$ do više od 100$.

Newsy – $39

Newsy

Rezo – $39

Rezo

Photobox – $39

Photobox

Edmin – $39

Edmin

Polar Media – $49-$69

Polar Media

Restaurant Pro – $49-$69

Restaurant Pro

Me’gusta $49-$69

Me’gusta

Memoir – $39 (for all themes)

Memoir

Magnificent – $39 (for all themes)

Magnificent

Supreme – $25

Supreme

Elefolio – $70-$150

Elefolio

Auld – $70-$150

Auld

BrestLite – $19.50

BrestLite

Jai – $35

Jai

Anolox – $35

Anolox

Through the Lens – $30

Through the Lens

WikiBase – $65-$99

WikiBase

Events – $65-$99

Events

Hand Crafted – $35

Hand Crafted

Clearly Modern – $35

Clearly Modern

Duotive 2WO – $35

Duotive 2WO

Origami – $35

Origami

Blogue – $29-$49

Blogue

Space – $35

Space

Sniper

Sniper

Grounded – $35

Grounded

Seso – $35

Seso

Widezine – $35

Widezine

Sophis – $30

Sophis

FreshStart – $35

FreshStart

Child Care Creative – $40

Child Care Creative

Layover – $35

 

0

Cheat Sheets

Cheat Sheat reference su popularne kod dizajnera i programera. One u mnogome olakšavaju njihov posao i skraćuju vreme i predstavljaju odličan vodič za pamćenje komandi i funkcija.

Ovo je lista raznih sheet-ova, većina njih je u PDF formatu.

CSS

CSS 2 – Quick Reference Guide

CSS Cheat Sheet (V2)

Practical CSS Cheat Sheet

CSS 3 Cheat Sheet

CSS3 Help Sheet

HTML

Basic HTML

XHTML Cheat Sheet

What Beautiful HTML Code Looks Like by Chris Coyier

HTML 5 Peeks, Pokes and Pointers

Periodic Table of the Elements

WordPress

WordPress Cheat Sheet

WordPress Cheat Sheet

WordPress Visual Cheat Sheet

WordPress Cheat Sheet for SEO

WordPress 3.0 Cheat Sheet Templates & Tags

PHP

PHP Cheat Sheet – V2

PHP Function List

PHP 5 Online Cheat Sheet v1.3

jQuery

jQuery Cheat Sheet

jQuery Selectors

jQuery Selectors

jQuery 1.3.2

JavaScript

JavaScript Cheat Sheet

DOM JavaScript Cheat Sheet

Source

0

jQuery galerije i multimedija

jQuery je popularna javaScript biblioteka koja umnogome pojednostavljuje i ubrzava rukovanje događajima, omogućava animacije sa veoma malo kodiranja. Uz pomoć jQuery biblioteke, možete početi sa novim načinom web programiranja, a galerije slika su jedan od načina za to. Ovo je prikaz 15 unikatnih jQuery Javascript skripti za prelepe galerije slika, koje omogućavaju dobar način prikaza slika sa malo koda.

1. PhotoSquare Photography WordPress Theme ($79)

PhotoSquares je veoma fleksibilna galerija u WordPress-u koja je odlična za dizajnere, programere ili fotografe da predstave svoje radove i portfolio.

Ova tema omogućava da se podesi veličina thumbnail slika, tako da će svi moći da naprave custom layout.

2. GalleryView: A jQuery Content Gallery Plugin

GalleryView teži da omogući korisnicima maksimalnu slobodu da naprave jedinstvenu galeriju atraktivnog izgleda koju je lako podesiti i kastomizirati.

3. Sliding Image Gallery jQuery Plug-in

SlidingGallery plug-in pretvara grupu slika u cikličnu galeriju slika koje korisnik može da bira. Jedna slika je centrirana na sredinu ekrana, sa dve manje slike sa strane. Korisnik ima mogućnost da klikne na bilo koju od slika sa strane i pri tom će ta odabrana slika doći u fokus, tj. na sredinu ekrana.

4. PrettyPhoto jQuery Lightbox Clone

PrettyPhoto je jQuery lightbox klon. Osim slika, ovaj plug-in podržava video, flash, YouTube itd. PrettyPhoto je multimedijalni lightbox. Podešavanje skripte je brzo i jednostavno i podržana je od većine popularnih browsera.

5. AD Gallery – a jQuery gallery plugin

jQuery plug-in koji omogućava visok nivo kastomizacije prikaza slika u galeriji.

6. FancyBox

FancyBox je alatka za prikaz slika, html sadržaja i multimedije u prepoznatljivom "Mac" okruženju lightbox-a koji se izdvaja preko sadržaja stranice.

7. Shadowbox

Shadowbox je plug-in koji omogućava prikaz multimedijalnog sadržaja zastupljenog na web-u. Ovaj plug-in je urađen u JavaScript-u i CSS-u i nudi visok stepen kastomizacije.

8. Galleriffic

Galleriffic besplatan jQuery plug-in kreiran za galerije koje će podržavati veliki broj slika.

9. Full screen image gallery using jQuery and Flickr

Ovo je full screen galerija slika koja automatski skalira sliku, dok u isto vreme održava razmeru ekrana da popuni pozadinu browsera. Podržava flickr pretraživač, thumbnail-ove, natpise itd.

10.Moving Boxes

11. SlideViewerPro 1.0

SlideViewerPro galerija omogućava potpunu kastomizaciju i kreiranje odličnih slajd galerija za razne projekte ili interaktivne galerije u blogovima.

12.Pikachoose

Pikachoose je lagan jQuery plug-in koji obezbeđuje jednostavnu prezentaciju slika sa opcijama za slideshow, dugmadima za navigaciju i auto play. Pikachoose je dizajniran za laku instalaciju i podešavanje. Kreiranje galerije je veoma jednostavno.

13. imgAreaSelect

imgAreaSelect jQuery plug-in omogućava selektovanje pravouganog područja slike. Ovaj plug-in omogućava web developerima da lako ugrade mogućnost crop-ovanja slike kao i mnoge druge mogućnosti.

14. Galleria Plugin

Prikaz ovog plugin-a pokazuje neke naprednije efekte koje možete postići sa Galleria plugin-om.

15.JQZoom

JQZoom je javascript plugin koji omogućava uvećavanje željenog dela slike koji se selektuje. Ovaj plugin je veoma jednostavan za korišćenje i omogućava zumiranje bilo kog dela slike.