Saveti – Web design

Da li ste rešili  da odradite veliko prolećno "čišćenje" svog računara? Možda ste se  našli u situaciji da neki od fajlova koje ne koristite ne možete da izbrišete. Na primer, možda  ste pokušali da izbrišete tekstualni fajl koji vam više nije potreban i dobili  ste sledeću poruku:Cannot delete file: It is being used by another person or  program. Može da bude prilično frustrirajuće ako ne možete da  otvorite, editujete, izbrišete ili na drugi način promenite fajl. Postoji  jednostavno rešenje. Besplatan program File & Folder Unlocker radi upravo  ono što mu ime govori. Možete da upotrebite ovaj prenosivi program za  otključavanje bilo kog zaključanog fajla ili direktorijuma. Pomoću njega možete  da pretražite sve učitane sistemske drajvove i procese i svi fajlovi će se  otvoriti. Možete da vidite koji proces sprečava otvaranje fajla. Ovaj program  će izlistati sve otvorene procese tako da možete da proverite sve zaključane  fajlove. File & Folder  Unlocker je besplatan za daunlodovanje i upotrebu. Adresa: File & Folder  Unlocker

Nekoliko saveta: Koristite neki od fontova Arial, Tims New Roman ili Comic Sans. U Properties podesite da bude Unicode (UTF-8). Ubacite ovaj meta tag u head stranice:Trebalo bi da je dovoljno.

Kako da objavite veb sajt koristeći NetObjects Fusion i SmartFTP? Korak 1 Idite na sajt NetObjects Fusion i daunlodujte softver koji želite da koristite. Sajt obično nudi trajal verziju od 30 dana u slučaju da samo želite da je testirate. Korak 2 Napravite veb stranu prateći upustva iz NetObjects Fusion. Koristite help alate i podršku na sajtu ako imate probleme. Korak 3 Nađite i kliknite dugme "publish" kada ste spremni. Korak 4 Izaberite "server setup", a zatim "remote publish server". Korak 5 Pod "Name" unesite naziv domena na kome objavljujete ovu informaciju (na primer, www. MojeImeDomena. com. ). Ponovo uđite u isto pod "Directory" u istom prozoru. Korak 6 Pod "Type" unesite "remote". Korak 7 Pod "FTP Host" unesite naziv svog domena sa ftp umesto www. (na primer, ftp:MojeImeDomena. com) Korak 8 Pod "user name" i "password" unesite svoje podatke ili informacije Vašeg veb hosta. To će biti ista informacija koju koristite da se ulogujete u administraciju sajta. Korak 9 Kliknite opet "Publish" i izaberite "generate files". Pojaviće se ekran sa porukom da ste uspešno završili objavljivanje fajlova. Proverite sajt da biste videli da li se učitava kako treba. Korak 10 Pokušajte da koristite SmartFTP ako imate problema sa direktnim objavljivanjem sa NetFusion Objects. Korak 11 Sačuvajte fajlove iz NetFusiona u odgovarajući folder. Njih ćete aploadovati sa SmartFTP. Korak 12 Povežite se sa svojim veb hostom, koristeći uputstva u SmartFTP-u. Unesite istu informaciju da biste se povezali kao u koracima 5-8 za NetFusion Objects (iznad). Kada to završite, videćete stranu za transfer fajlova, koju ćete koristiti da biste objavili svoj sajt. Korak 13 Na ovoj strani idite na "FTP" ( nalazi se na gornjem levom uglu strane). Izaberite "local browser". Korak 14 Izaberite fajlove koje želite da aploadujte. To će biti oni koje ste sačuvali sa NetFusion Objects. Povucite i ispustite ove fajlove na FTP server na ovoj strani za transfer fajlova. Proverite opet da li su na sajtu objavljeni kako treba.  

Web20Badges je novi web 2. 0 generator bedževa sa velikim izborom šablona među kojima možete da birate. Vi možete da ukucate tekst koji želite da se pojavi na bedžu, izaberete font iz padajuće liste, kao i da konfigurišete veličinu fonta kao i njegovu boju. Dizajniranje dobrog web 2. 0 bedža u Photoshop-u zahteva veštine i kreativnosti, ali web20badges. com vam omogućuje da ih kreirate besplatno, onlajn i u letu. Njihovim rečima Web20Badges je komplet besplatnih i veoma atraktivnih web 2. 0 bedževa. Oni su najverovatnije jedan od najpopularnijih trendova u Web 2. 0 vremenu  u kojem živimo. Oni mogu da budu različitih oblika: okrugli, kockasti, trouglasti, kao i različitih atraktivnih boja. Oni odmah privlače pažnju korisnika i predstavljaju najverovatnije najeksploatisaniju tehniku dizajan današnjice. Bedževi mogu da se koriste za prikazivanje velike ‘Beta’ poruke na vašem web sajtu ili za isticanje cene ili bilo koju vrstu promocije. Nijedan web 2. 0 web sajt nije kompletan bez njega. Adresa: Web20Badges

Sa koliko se fontova susrećete svakodnevno? Koje fontove koriste vaši omiljeni sajtovi? 1. Instalirajte besplatnu Chrome ekstenziju WhatFont 2. Otvorite veb stranu. 3. Kliknite WhatFont ikonu u Chromovoj liniji zadataka. 4. Pomerajte miš preko teksta na veb strani. 5. Kada kliknete tekst videćete detaljan opis kao što je prikazano na prethodnoj slici. 6  Da biste zaustavili proveru fontova, kliknite WhatFont ikonu.

AdCamo je nova reklamna mreža koja ubija dve muve jednim udarcem: Ona vam omogućuje da na stranice vašeg web sajta postavite reklame dok istovremeno ukrašavate pozadinu vašeg web sajta. A pod ukrašavanjem mislimo na ređanje ogavne reklame na pozadinu vašeg web sajta. Tako da će možda treća muva koju AdCamo ubije biti saobraćaj ka vašem web sajtu. Teoretski gledano, sigurno postoji ukusan način da se kreira reklama koja će privući korisnike bez da im ispadnu oči. Ali AdCamo je postavio 4 stranice sa primerima reklama, a svaka od njih je manje više grozna. Ako ni sama kompanija ne može da napravi atraktivnu prezentaciju koja će vas ubediti da se prijavite na servis, kako da im verujete da njihove reklame neće oterati posetioce? Reklame na pozadini nisu aktivne (ne možete da kliknete na njih), ali su zato uparene sa reklamama koje se ugrađuju u sadržaj web sajta. Ako nemate ništa protiv da vaš web sajt pretvorite u glorifikovanu MySpace stranicu, samo napred. AdCamo se trenutno nalazi u privatnoj beti, ali možete na kompanijskoj web stranici da tražite vam pošalju pozivnicu. Adresa: AdCamo

Kako vi ugrađujete u vaš web sajt velike slike, kao što su slike velike rezolucije, dugački skrinšotovi, ili velike panorame? Većina nas kreira umanjene verzije velikih slika i linkuje ih ka originalnim slikama. Ovo savršeno funkcioniše ali postoji i alternativni pristup koji vam omogućuje da ugradite čitave slike bilo koje veličine na vaše web stranice i to bez promene njihove veličine. Ne verujete? Nastavite da čitate. Posetioci vašeg web sajta će moći da zumiraju i pomeraju vašu sliku na isti način na koji se kreću u Google Maps-u. Slede koraci koje treba da preduzmete: Daunlodujte besplatni Google Maps Image Cutter razvijen od strane University College London. Ekstrahujte i pokrenite program Google Maps Image Cutter. Sada izaberite bilo koju veliku sliku na vašem hard drajvu i kliknite na dugme Create. Uskoro ćete videti HTML fajl i veliki broj manjih slika (pločica ili isečaka) u poddirektorijumu koji ima isto ime kao i originalna slika. Idite na Google Maps web sajt i nabavite vaš lični ključ. Otvorite HTML fajl slike i zamenite reč PUTAPIKEYHERE sa tajnim ključem koji ste generisali u koraku 3. Kopirajte ceo direktorijum na vaš web sajt i ugradite HTML fajl u web stranicu pomoću IFRAME taga.

Besplatan, prenosivi pomoćni program Auslogics Task Manager  pomoći će vam da rešite probleme na računaru tako što prati procesor, disk, memoriju  i upotrebu interneta za svaki proces na vašem sistemu. Auslogics Task Manager je veoma sličan ostalim Task  Manager-ima, ali ono po čemu se ističe je što je ekstremno jednostavan i lak za  upotrebu. Možete lako da vidite koji procesi koirste hard drajv ili mrežnu  konekciju ili čak da selektujete specifičan proces i vidite koliko dati proces  koristi hard disk. Auslogics Task Manager je besplatan za daunlodovanje i  dostupna je verzija samo za Widnows sisteme. Adresa: Auslogics  Task Manager

Dizajniranje i kodiranje CSS zasnovanih šablona nije najlakši posao za većinu ljudi. Pored toga većina dizajnera nema mnogo vremena koje može da odvoji od svojih složenih dizajnerskih poslova kako bi naučili da koriste CSS. Za većinu dizajnera Photoshop je najbolji alat za kreiranje raznolikih dizajna, ali svaki dizajn koji kreiraju završava u PSD formatu fajla u kojem Photoshop čuva radove. Problem nastaje kada dizajner treba da pretvori finalni PSD fajl u validni XHTML / CSS šablon. Ali kao što kažu svaki problem ima svoje rešenje a PSD 2 CSS Online rešava ovaj problem većine dizajnera jer umesto njih konvertuje PSD fajlove u validne XHTML / CSS kodove. Sve što treba da uradite je da im pošaljete vaš PSD fajl. psd2css onlajn konvertuje vaše fantastične, kreativne, umetničke dizajne web stranica u čvrste XHTML kompatibilne CSS web stranice, potpuno automatski. Upotrebite Photoshop ili The Gimp da biste izrazili sebe i kreirajte profesionalne, estetski lepe i funkcionalne dizajne a ostalo prepustite ovom servisu. CSS je skraćenica od Cascading Style Sheets i tehnički gledano predstavlja najbolji način za izgradnju web stranica. Aploudujte . psd dizajn a daunlodujte . html fajl i slike. Toliko je to jednostavno. Adresa: PSD 2 CSS Online  

Bilo da ste početnik ili napredniji PHP programer, korišćenje adekvatnih alata pri pisanju PHP programa će definitivno unaprediti vaš rad. Za kodiranje u PHP programskom jeziku možete koristiti Notepad ili neki editor koji ima opciju isticanja PHP sintakse. Ali u slučaju razvoja kompleksnih aplikacija, samo običan tekst editor neće biti dovoljan. U ovom slučaju neophodno je odabrati IDE (integrated development environment - integrisano razvojno okruženje) sa minimalnim brojem opcija dovoljnim za sprovođenje određenog projekta. DEV-PHP je besplatan IDE za Windows operativni sistem. Korišćenjem ovog alata moći će ta da upravljate bilo kojim tipom PHP skripta pokretanjem na internet serveru ili u samom operativnom sistemu kao mini aplikaciju baziranu na PHP-GTK ekstenziji. Da bi koristili sve DEV-PHP karakteristike, morate podesite određenje parametre u General Options prozoru, kao na primer sintaksne osobine, put do PHP parsera i PHP. ini datoteke, serverske parametre itd. Takođe postoje predefinisani isečci i skriptovi koji mogu da vam služe kao primer ili kao kalup za vaše programe. DEV-PHP takođe omogućava isticanje sintakse JavaScript i HTML  koda. Izvor: Softpedia. com Pripremio: Marko Kusurović

Ako ste dizajner možda ste nekada naišli na problem da se vaš web sajt ne prikazuje dobro u svim pretraživačima. Pronašli smo rešenje.   Ako ste dizajner, onda treba da znate da će se vaš web sajt, osim na standardnim računarskim monitorima, pregledati i na tabletima, mobilnim uređajima i velikim monitorima. Treba da vodite računa o tome kako će se vaš web sajt prikazati na svim ovim uređajima, a u tome vam može pomoći web aplikacija Screenfly. Sve što treba da uradite je da unesete URL vašeg sajta u Screenfly i možete da izaberete pregled sajta koristeći prikaze za standardne računare, pet tableta, osam mobilnih uređaja i tri televizora. Ako je vaš sajt publikovan na platformi kao što je Wordpress ili Joomla možda već ima optimizovane verzije prikaza za mobilne uređaje.   Screenfly

Typetester za testiranje izgleda fonta Link. Blog Marka Dugonjića. Dizajn studio Creative Nights. Istraživanje je veoma uzbudljivo. Od promene fonta, veličine. . . Javite nam svoje utiske. Knjiga - Naučite Web dizajn Link ka knjizi i korpi za naručivanje.  

Ako imate web sajt onda najverovatnije koristite deljeno hostovanje. Deljeno hostovanje znači da se na jednom web serveru nalazi veliki broj web sajtova koji međusobno dele web servise i omogućuju provajderu usluga (vašem web hostu) da zaradi a da istovremeno nudi veoma jeftine pakete hostovanja. Mada je ovakav pristup ekonomičan, ponekad deljeno hostovanje dovodi do usporavanja rada vašeg web sajta, u zavisnosti od toga sa kim ga delite. Na primer, ako neko ima blog koji je hostovan na istom severu na kojem se nalazi vaš domen i dati blog je veoma popularan (možda se pojavio na Digg-u), web server će se usporiti zbog prevelikog opeterećenja. Ovo preopterećenje može da uspori web server, pa čak i da blokira ostale web sajtove koji se nalaze na istom web serveru. Upoznajte myIPneighbors. com. Dajući vam podatke o adresi web sajta ili IP adresi, ovaj web servis vam omogućuje da saznate koliko web sajtova se još hostuje na istom serveru na kojem se nalazi i vaš web sajt. Ako imate problema sa performansama i brzinom učitavanja stranica vašeg web sajta i mislite da je za to kriv server, idite na myIPneighbors i utvrdite da li su resursi vašeg provajdera hostovanja razvučeni na preveliki broj web sajtova. Ako na osnovu analize utvrdite da je vaš servis za hostovanje suviše pohlepan, onda je vreme da potražite usluge nekog drugog servisa za hostovanje! Adresa: myIPneighbors. com

Carbonmade za kreativno predstavljanje   O kreatorima. Link. Primeri Link. Posetili smo Cansu Nevarsa Link. Dizajn knjige: Link. Posetite je. Kada sve uđe u istoriju, tako vam je kako vam je Iz knjige: Ponekad ih možete povesti sa sobom. . . Kada je Ćin Ši Huang sahranjen, sa njim je zakopano i 8099 glinenih vojnika u prirodnoj veličini, zajedno sa konjima i bornim kolima (za budu}e borbe u zagrobnom životu). Smatralo se da je ova "terakota-armija" legenda, sve dok je kineski farmeri nisu slučajno otkrili 1974. godine u blizini Šinove prestonice Ksiana. Visina glinenih vojnika je različita i kreće se od pet stopa i osam inča do šest stopa i dva inča. Njihova lica su potpuno različita, tako da se smatra da su izrađena prema licima stvarnih vojnika. Glineni vojnici su verovatno simbolična zamena za ljudske žrtve koje su bile uobičajene u ranijim periodima. Link ka knjizi i korpi za naručivanje.

Ako imate web sajt koji redovno održavate, onda je najbrži način da ga optimizujete da daunlodujete i instalirate HTML-Optimizer koji će ubrzati vaš web sajt tako što će optimizovati HTML kod i skript kod u vašim web stranicama. Zahvaljujući upotrebi Smart Handling-a vaše originalne stranice će ostati nedirnute, što znači da možete da se vratite na pređašnje stanje u bilo kom trenutku. Besplatna verzija HTML Optimizer-a radi sa jednim web sajtom, i optimizovaće 50% vaših stranica. Ako vam se svidi rezultat, onda ćete možda poželeti da kupite i kompletnu verziju. Adresa: HTML Optimizer

Pre neki dan opisali smo tehniku ugrađivanja ogromnih fotografija u web stranice pomoću besplatnog programa Google Maps Image Cutter. Danas ćete naučiti još jednu tehniku koja će vam omogućiti da ostvarite isti cilj. Recimo da imate ekstremno dugačku sliku visoke rezolucije (kao što je panoramska slika koja obuhvata svih 360°) koju želite da podelite sa posetiocima vašeg bloga ili web stranice. Upotreba standardnog IMG taga možda nije najbolji pristup kada ugrađujete velike fotografije zato što 1) široke slike uništavaju razneštaj web stranice pošto se šire izvan standardne širine ekrana i 2) velike slike imaju mnogo kilobajta (ili megabajta) što znači da će se vaša web stranica učitavati jako dugo. Ako želite da ubacite tako veliku sliku u vašu web stranicu, odlično rešenje vam nudi program Zoomify, koji će omogućiti vašim posetiocima da gledaju (pa čak i da zumiraju, pomeraju ili skroluju) gigantske slike u punoj rezoluciji bez napuštanja aktuelne web stranice. A pošto Zoomify renderuje slike u Flash-u, on predstavlja dobru alternativu za webmastere koji žele da spreče daunlodovanje njihovih slika. Kao i u Google Maps-u, velike slike se učitavaju u delovima i samo vidljivi delovi slike se daunloduju na računar posetioca, što znači da je vreme učitavanja mnogo kraće. Daunlodujte mali izvršni fajl sa Zoomify web sajta i ubacite u njega sliku koju želite da ugradite u web stranicu. Zoomify će je iseći na manje delove koje možete da aploudujete na bilo koji web sajt. Nakon toga treba da ubacite mali Flash kod u vašu web stranicu koji će ugraditi Zoomify Flash prikazivač slika. I to je to. Sve može da se konfiguriše, uključujući i početno zumiranje, liniju menija i tako dalje. Zoomify je komercijalna aplikacija ali oni daju i besplatnu verziju koja se zove Zoomify Express, koja je dovoljno dobra za većinu korisnika - nema ograničenja u korišćenju, nema vodenog žiga. Ovaj program je dostupan i za Mac i za Windows. Adresa: www. zoomify. com

  JS-Kit obezbeđuje neke od najjednostavnijih alata za dodavanje thread-ovanih komentara, komentara sadržaja postova i anketa vašem web sajtu. Sve što treba da uradite je da instalirate dve ili tri linije koda u vaš blog ili šablon web sajta a JS-Kit će sam da odradi teži deo posla. Jedina mana ovog kompleta alata je to što on poziva JavaScript aplikaciju sa JS-Kit-ovog servera, što znači da će se možda delovi vašeg web sajta sporije učitavati. I naravno, ako ikada padne JS-Kit, pada i vaš sistem komentara. Nedano je JS-Kit dodao novi Score alat koji omogućuje posetiocima vašeg web sajta da ocene vaš sadržaj pozitivno ili negativno. Takođe možete da instalirate Navigator widžet koji možete da stavite na vidljivu poziciju na vašem web sajtu kako bi vaši posetioci brzo mogli da pronađu najpopularnije sadržaje. Adresa: JS-Kit

5minutes. to5MINUTES. TOUnesite email adresu i nakon primljenog povratnog mejla:Response Required: Please confirm your request for information. Javite nam se.

Tehnika kreiranja minijaturnih 3D tačkica i dugmića, gde se sav posao odvija na nivou pojedinačnih piksela. Za ove potrebe radićemo sa najvećim uvećanjem, a to je 1600%. Pokrenite Photoshop i prečicom Ctrl+N kreirajte novi dokument, čije će dimenzije biti recimo 20 puta 20 piksela, a rezolucija - ekranska 72 pixel/inch. Pozadina, tj. boja platna neka bude bela (Contents - White). Da bi bolje videli ovo prazno platno (poligon sa 20 puta 20 kvadrata), naizmenično više puta pritisnite kombinaciju tastera “Ctrl + Alt + znak(+)”. Uvećavajte do maksimuma - 1600%. Sada imamo sve uslove za rad, a da bi dobili odgovarajući rezultat ispratite sledeće korake: U paleti alatki izaberite Pencil tool (prečica sa tastature B), a veličina vrha (brush) olovke neka bude samo 1 piksel. Pritisnite taster “D” radi uspostavljanja podrazumevanih boja, crna kao foreground i bela kao background. Kreirajte novi sloj (layer) klikom na dugme “Create new layer” na paleti Layers, ili samo pritisnite kombinaciju tastera “Ctrl + Shift + N”. Dovedite pokazivač miša iznad platna i iscrtajte oblik kao na slici 1, gde je veličina samog oblika 4 puta 4 piksela (jedan prazan - dva puna - jedan prazan). Sada ćemo našoj tački-dugmiću dodati boju. Kliknite na polje Foreground i izaberite boju koja se vama sviđa. Ponovo izaberite Pencil tool i unutar nacrtanog oblika obojite bilo koja tri piksela, a onaj četvrti obojite belom bojom. četvrti piksel će predstavljati odsjaj tačke. Na kraju, ostalo nam je da dodamo senku, radi 3D efekta. Kliknite na polje Foreground, pa izaberite neku blagu sivu nijansu, te iscrtajte oblik oko našeg pređašnjeg elementa kao na slici 2. Obratite pažnju da vam se siva nijansa nalazi u suprotnom uglu u odnosu na belu unutrašnju tačku. Ostalo nam je samo da smanjimo uvećanje i vidimo rezultat. Pritisnite više puta kombinaciju tastera “Ctrl + znak(-)” sve do vidljivosti platna od 100%. Na vama je samo da pronađete odgovarajuću primenu ovih malih 3D tačkica. Pripremio: Milenko Kusurović

Predstavljamo vam 40 odličnih veb alata koji će vam pomoći da obavite posao bez obzira gde se nalazite. Od obrade slika pa sve do Word dokumenata – sve to možete da radite „online”. Obrada slika Project DrawResizrSplashupNavigation Tab Menu GeneratorWeb 2. 0 Free Logo GeneratorWeb 2. 0 Logo CreatrSpiffy TextGliffyPicnikFotoFlexer Kod generatori XinhaCSS Generator @ Advanced HTML For BeginnersLayout Generator @ CSS CreatorCSS Generator @ CSS CreatorCSS Source Generator @ Position is Everything[listulike] CSS GeneratorFont TesterWYSIWYG HTML Image Map CreatorColorSchemerQrONE CSS DesignerMrežna saradnja Google DocsajaxWriteThinkFreeZOHOBackpackBasecamp Mreržni FTP alati net2ftp File Manager in cPanelFTPLiveMrežni prostor FlickrBubbleShare23 Photo SharingDrive HeadquartersGMail Drive shell extensionMediaMaxKorisni alati XML-Sitemaps. comROR Sitemap GeneratorS5: Simple Standards-Based Slide Show SystemRemember The MilkCSSFly Izvor: Designvitality. com Pripremio: Milenko Kusurović