Pod pojmom responsive web dizajn se podrazumeva kreiranje internet sadržaja koji je na prvom mestu jednostavan za korišćenje, ali i izuzetno pogodan za korišćenje na različitim tipovima uređaja koji imaju različitu veličinu ekrana.

Responsive web dizajn je specifična tehnika kreiranja određenog sajta koji je, kako mu i sam naziv kaže prilagodljiv za prikazivanje. Ta prilagodljivost se na prvom mestu odnosi na ekrane različitih veličina, pa na taj način sajt koji je izrađen ovom tehnikom može nesmetano da se pregledava i na desktop računarima i na laptopovima, te tabletima i mobilnim telefonima, koji imaju različite veličine ekrana, a da je pritom sadržaj podjednako pregledan na svakom od navedenih uređaja.

Sadržaj sajta koji je urađen tehnikom responsive web dizajna se u potpunosti prilagođava različitim dimenzijama ekrana i to pomoću takozvanih fluidnih rešetki ( koje su bazirane upravo na adekvatnoj proporciji ), kao i pomoću fleksibilnih slika i specijalne tehnologije koja omogućava da se različita CSS svojstva podjednako kvalitetno koriste na uređajima različitih širina ekrane ( engl. CSS3 media queries ).

Osnovne karakteristike responsive web dizajna na mobilnim telefonima, pored navedenih su i JavaScript kodovi, koji su nenametljivi, kao i progresivno poboljšanje. To zapravo znači da pojedini modeli mobilnih telefona, odnosno njihovi pregledači zapravo ne razumeju JavaScript kodove.

Upravo iz tog razloga se i preporučuje da se najpre kreira vrlo jednostavna web stranica, koja se uz adekvatne korekcije posebno pažljivo i postepeno prilagođava, odnosno poboljšava potrebama svih modela mobilnih telefona, odnosno desktop računara, laptopova i tableta.

Kod sistema fluidne rešetke je vrlo važno da je neophodno da dimenzije svih elemenata određene stranice ne budu izražene u pikselima ( apsolutna jedinica ), kao što je to mahom uobičajeno, već u procentima ( relativna jedinica ). To se odnosi, naravno i na fotografije, za koje je neophodno takođe da budu izražene u procentima, jer se na taj način sprečava mogućnost da se fotografije prikazuju van sadržaja određenog elementa u okviru koga se nalaze, odnosno kako se u žargonu kaže da se sajt ne rasipa. Pod pojmom CSS media queries se podrazumeva korišćenje različitih CSS stilova, a u skladu sa različitim dimenzijama uređaja kojima je namenjeno prikazivanje određenog web sajta. Na taj način se prilagođavaju, recimo margine ili veličina slova u okviru teksta, kako bi se postigla što optimalnija vidljivost web sadržaja na uređajima različitih dimenzija.

Kada je u pitanju slučaj da postoji potreba da određeni web sajt bude vidljiv i na mobilnim uređajima, čak i kada oni ne prepoznaju JavaScript, odnosno ne podržavaju JavaScript kodove, neophodno je da se izvrši detekcija pretraživača na prvom mestu, ali i detekcija samog mobilnog uređaja. Na taj način se dolazi do saznanja da li određeni mobilni uređaj podržava svojstva HTML – a ili SCC -a ili ne. A da bi ove metode bile zaista pouzdane, neophodno je adekvatno ih kombinovati sa mogućnostima koje nudi Baza podataka.

U slučaju da ne postoji podrška za određene uređaje, odnosno da ne podržavaju HTML i CSS svojstva, postoje brojne internet alatke koje su tu da tu podršku omoguće. Svakako treba imati na umu da svaka od pomenutih funkcija provere nije u potpunosti pouzdana za detekciju. Srećom, te su danas dostupni i različiti dodaci u okviru internet pretraživača, koju nude brzu i laku proveru testiranja prilagodljivosti.

Izvor:  Oxford web studio

The post Šta je responsive web dizajn? appeared first on Agencija Grupa.

Vrlo često možete pronaći uputstva online ali su sva nekako za drugi, treći i dalje korake u WordPress-u. Nažalost ima puno onih koji se zaglave već na prvom koraku i brzo odustanu jer je jedini dalji korak WordPress kurs za koji možda nemate novca, a možda i imate novca ali nemate želju da nastavite jer nemate dovoljno samopouzdanja zbog prvog koraka koji niste uspeli da savladate.

WordPress za početnike

Ako ste se zapitali da li ste glupi pa ne shvatate ili jednostavno niste materijal za to daću vam jednostavan odgovor. Niti ste glupi niti je razlog da niste materijal za ovaj posao već niste našli dovoljno jednostavna uputstva i objašnjenja kako početi.

Prva zamka koju morate da izbegnete je WordPress.com jer to nije ono što želim da naučite. Dolaskom na WordPress.com sajt prvo će vas uplašiti cene, drugo nemate puno kontrolu nad svojim sajtom već imate određene opcije ponuđene uz određene pakete dok je korišćenje WordPress CMS potpuno besplatno na Localu, a ukoliko pričamo o aktivnom sajtu za njega morate izdvojiti nešto novca za zakup domena i web hosting ali o ovome ćemo kasnije.

Blog, Sajt vaše firme ili Web Shop možete napraviti sami koristeći WordPress i možete ga razvijati online ukoliko već imate zakupljen hosting i domen ili lokalno na vašem kompjuteru za šta će vam biti potrebna jedna alatka koja se zove XAMPP, WAMP ili MAMP koja najprostije rečeno imitira web server na vašem kompjuteru.

Ja lično preferiram XAMPP koji je besplatan i prvi korak je da ga skinete sa neta i instalirate na vaš kompjuter.

Nakon instalacije ostavite čekirano Start Control Panel jer na ovom koraku su mnogi odustali jer je teško shvatiti šta dalje kada ste početnik i XAMPP neće da se pokrene i pokazuje neke error poruke što je svakom početniku pakao scenario koji ga može samo naterati da odustane. Ja ne želim da odustanete jer većina nas ne posmatra nove ljude u ovom poslu kao konkurenciju već kao mogućnost da se pronađe još jedan talentovani developer koji može doprineti zajednici.

U Control Panelu pokrenite Apache i MySQL, ukoliko imate sreće sve će se pokrenuti kako treba,

ali ako koristite skype na kompjuteru ili neki servis koji koristi port 80 sreća ce se brzo okrenuti i pojaviće se neki errori.

Ovo je lako otkloniti ali vrlo često je za početnika ovo nepremostiva prepreka i kraj daljeg bavljena WordPress-om.

Sve što treba da uradite je da kliknete na Config pa httpd.conf što će vam otvoriti file u text procesoru i dodate na Listen 80 npr. 81 pa vam je rezultat kao na slici ispod  >>>

U istom file promenite i da localhost bude 8081 >>

Sledeći korak je da otvorite i Config pa httpd-ssl.conf i promenite Listen 443 u 444 >>>

i  Virtual Host u 444 >>>

Sačuvajte izmene i moj savet je da kao početnici skinete Notepad ++ koji je besplatan i koristite njega kao text procesor iz hiljadu razloga, a možda u početku i najbitnije možete lako naći liniju koda ili teksta koju treba promeniti bez nekog većeg problema.

Nakon ovih izmena kliknite ponovo u Control Panel-u na Start za Apache i prvi deo i teži deo posla je gotov.

Pokrenuli smo XAMPP sve radi ali kako dalje? Otvorite vaš browser i unestite http://localhost:8081/dashboard/ što će vam otvoriti XAMPP dashboard odakle ćete jednostavno instalirati i WordPress. Kako vam ne bih objašnjavao ručnu instalaciju koja podrazumeva kreiranje baze, download WordPress-a sa WordPress.org i mnogo duži put, idemo kraćim putem kako bi što pre došli do toga da po prvi put vidite svoj budući sajt.

Kao što možete da vidite na slici iznad preko XAMPP možete instalirati i druge CMS ali to nam nije cilj, dakle klikom na šestougaonu ikonicu sa znakom WordPress pokrećete instalaciju i ona će vas odvesti u ovi tab vašeg browsera u kome birate verziju WordPress-a i uvek će vam biti ponuđena poslednja dostupna.

Pre download-a i instalacije bićete zamoljeni da se ulogujete sa nekim od vaših profila na socijalnim mrežama.

Možete kliknuti i na No thanks ali je neko nepisano pravilo u ovom poslu da kada je nešto besplatno a pored toga može da vam donese novac to i podržite makar jednim share-om ili twittom.

Nakon downloada pokrenite se instalaciju duplim klikom na ikonicu

Po pokretanju instalacije kliknite Next i popunite podatke koji se traže

Zatim unesite ime vašeg bloga koje možete promeniti u bilo kom trenutku.

Sada ste spremni da budete kreativni ? u sledećem članku ću objasniti šta su teme i pluginovi, widgeti i kako napraviti meni za navigaciju kao i koji su pluginovi MUST HAVE.

Ulogujte se na http://localhost:8081/WordPress/wp-admin i probajte malo sami a ukoliko je Engleski prepreka pratite uputstva sa fotke ispod i postavite Srpski jezik.

Pogledajte šta je SEO optimizacija i zbog čega je bitna

Izvor: WPSerbia

The post WordPress za početnike appeared first on Agencija Grupa.

Neke od organskih tehnika su pisanje kvalitetnog i relevantnog sadržaja, analiza ključnih reči i upotreba odgovarajućih ključnih reči u tekstu (i kontekstu), građenje linkova itd.

Poslovni potencijal web pretraživača je ogroman, jer one mogu da vas dignuti u zvezde i dati vašem poslovnom poduhvatu vjetar u leđa. Sa 3.5 milijarde upita na dnevoj bazi Google prednjači na tržištu, i svakodnevno radi na tome da te impresivne brojke dodatno poveća u svoju korist.

On Page SEO

On-Page SEO predstavlja sve radnje i postupke koji se mogu napraviti na samoj web stranici klijenta kako bismo privukli što veću pažnju web pretraživaču i time “zaslužili” bolje rangiranje za ključne pojmove u klijentovoj branši.

Neke od klasičnih radnji kojim se On-Page SEO bavi jesu tehničke karakteristike same stranice (brzina web stranice), konstrukcija URLova, optimizacija svih naslova i podnaslova u tekstovima, instaliranje SEO pluginova kod CMS web stranica (npr. WordPress, Joomla, Drupal), korištenje raznih alata za On-Page SEO analitiku, provera strukture web stranice i strategija internog linkovanja (najvrednije stranice bi trebale imati najviše internih linkova).

Off Page SEO

Off-page SEO obuhvata promociju Vašeg web sajta na drugim web sajtovima, koji trebaju biti relevantnog (sličnog) sadržaja poput onog na Vašim stranicama, odnosno proces u kojem je potrebno da dobijete povratni link (backlink) ka Vašem web sajtu u kojem bi bila linkovana ključna reč (keyword).

Linkovi su jako važni za svaku web stranicu, jer oni predstavljaju “dobar glas” za stranicu prema kojoj su upućeni. Postoje 2 osnovne vrste linkova prema odredištu na koje se postavljaju a to su:

1. Interni linkovi

To su linkovi koji su smešteni na web stranici (stranici od klijenta), i upućuju prema drugim stranicama unutar istog web odredišta. Ti linkovi  ukazuju na kvalitetan sadržaj ili uslugu koju pruža ista web stranica (kompanija,preduzeće). Već smo rekli da su interni linkovi važni za On-Page SEO jer web pretraživači vrjednuju i ovu vrstu linkova prilikom određivanja kavlitete svake pojedinačne podstranice unutar istog web središta.

2. Eksterni linkovi

To su svi linkovi koji nisu smešteni na klijentovoj web stranici, a daju “dobar glas” prema njoj (linkaju prema njoj). Ovi linkovi mogu biti smešteni na raznim online portalima, lokalnim i poslovnim direktorijima, blogovima i stranicama u istoj i povezanim industrijama. Važno je napomenuti kod linkova da moraju biti usmereni prema kvalitetnim sadržajem povezanim web stranicama (ako smo lokalni dostavljači pizza u Srbiji link sa nekog bloga od dilera auto dielova iz Azije baš nam neće biti od koristi).

WordPress za početnike

Izvor: Izrada web sajtova

The post Šta je SEO optimizacija i zbog čega je bitna? appeared first on Agencija Grupa.

1. Geo Guessr

Ova igra je fascinanta. Igrica vas dovodi negde u svetu na Google Street View prikazu i morate pogoditi gdje se nalazite. Što bliže odredite svoju lokaciju na mapi, dobijate više bodova.

Igricu možete da prilagodite da vas postavi samo u odredjenim kontinetima ili zemljama. Ali za pravu zabavu, morate igrati globalnu verziju. Srećno kada pokušate razlikovati prljavu stazu u Meksiku sa jednom u Australiji.

2. A Soft Murmur

Na ovom sajtu možete da se igrate sa klizačima i napravite savršeno smirujuću pozadinsku buku. Nemoguće je ne isprobati  svaki efekat koji su dati za korišćenje, svaki  od njih ima svoj jedinstveni šarm (mogli bismo slušati vatru celi dan svaki dan).

3. Camel Camel Camel

Ova web stranica, iznenađujuće nema nikakve veze sa kamilama. Ovo je jednostavan za korišćenje Amazon tracker. Ubacite url adresu od Amazon proizvoda i videćete koliko se tokom godine cena promenila za taj proizvod. Možda shvatite da kupujete u pogrešno vreme.

4. A Good Movie To Watch

Jedan od životnih problema: kako pronaći dobar film za gledanje. Ovaj sajt se baš upravo brine o tome sa kvalitetnim sugestijama za filmove koji baš i nisu poznati. Ako ništa drugo, nekoliko klikova nasumičnih predloga će vas odvesti do nekog filma koji će vam se svideti.

5. Child’s Own

OK, ovo je jako kul. Ovaj sajt će uzeti crtež od vašeg deteta i pretvoriti ga u punjenu igračku. To će vas koštati (oko 250 €) za umetnika koji bi to napravio za vas, sama činjenica da crtež vašeg deteta postane kao stvar je veoma kul sama po sebit.

6. Hacker Typer

Otkucajte bilo kakve besmislice i sve to će se pojaviti u obliku koda u crnoj / zelenoj boji kao iz nekog hakerskog filma. Ovo će vas uzbuditi i zabaviti 30 sekundi dok se pretvarate da hakujete u neki važan server kao da ste neka vrsta špijuna.

7. Youtube Time Machine

Izaberite godinu i gledajte sve dostupne snimke iz te godine na Youtube. To je nostalgija i pogled unazad kako su ljudi nekad živeli, koju su muziku slušali, koje su filmove i serije gledali, jednostavno sta je bilo popularno u tom vremenu.

8. The Wiki Game

9. Level Up Life

Na ovom sajtu postavljate stvarne ciljeve koje radite, zadatak je da postignete cilj kako bi dobili bodove na svom nalogu i uspešno završili igru. Neki ljudi kažu da je to pravi način da motivišu sebe kako bi rešavali i najmanje zadatke. Jedna od zanimljivih stvari da je grafika igrice uradjena u staroj 8-bit temi.

10. Music Map

Ukucajte ime bilo kog muzičara na početnoj stranici i on će vam dati mapu drugih izvođača koje biste možda voleli. Što su imena bliža, umetnik je sličniji. Pokušajte da vidite da li možete da otkrijete novu muziku – to je kao da imate prijatelja koji sve zna o bendovima i ima svoju bazu podatka koja je na internetu. Uopšte nije loše.

11. Drinking Game Zone

Ako mislite da je ovo jedna od starih stranica o pićima prevarili ste se. Ova stranica obuhavata liste svih poznatih ličnosti, koliko često i koja pića vole da piju.

12. The Sembeo Matrix

Ovo je jednostavno, bizarna i neobično zarazna igrica. Samo napravite par uzoraka tako što ćete kliknuti na kvadrate u matrici i oživeti ritam.

13. Two Foods

Ne možete odlučiti šta želite za ručak? Stavite svoje dve opcije ovde i direktno će uporediti njihove zdravstvene atribute na različitim nivoima. Savršeno kada ne možete odlučiti  šta bi voleli da jedete.

14. Scribble Maps

The post 14 smešnih cool sajtova za koje nikad niste znali ni da postoje appeared first on Agencija Grupa.