Tag: wordpress

1

30 neobičnih i kreativnih Wordpress dizajna

WordPress je može se slobodno reći najzastupljeniji CMS današnjice. Iz tog razloga danas ćemo vam predstaviti 30 web sajtova baziranih na WordPress-u kako biste mogli da vidite trendove u dizajniranju i koncipiranju. Iz navedenih primera se može primetiti da ima dosta slobode u radu sa WordPress-om i iz tog razloga se toliko upotrebljava.

Lake Nona

Big Bite Creative

iSee

Alessandro Risso

Stephen Gacheru

St. Joseph’s Historic Foundation

Zync

Busy View

Dave Gamache

Themedy

Art Pilot

Themes Kingdom

Blizz Blog

Create Digital Media

Yona Lee

Black Moon Design

Pixil

CreativeNine

Developer Drive

QB Tavalo Riservato

Besser Leben mit Lehn

Source4Style

Bryan Graf

Mozilla Popcorn

Jason Stone

Radoor & co

Dream Interactive

Maurizio D’Apollo

Game of Skate

0

10 dodataka za WordPress za poboljšanje tipografije

Da li ste nekad posetili neki blog i odmah primetili kako je tipografija dodala sofisticiranost i unikatnost. Možda je u pitanju samo dobro uklopljen font sa temom ili pametno iskorišćen prazan prostor. Šta god da je u pitanju privuklo je vašu pažnju i verovatno ćete se pitati kako su to uspeli da urade. Ovakva poboljšanja čitljivosti se dobijaju putem manuelnog menjanja CSS-a ili sa dodacima. Ako niste upoznati sa kodiranjem CSS-a onda su dodaci pravi put. U ovom članku predstavljamo 10 dodataka za poboljšanje tipografije u WordPress-u. Ovi dodaci su bitni jel pomažu u manipulaciji sa crticama, razmacima, formatiranjem karaktera, poboljšanjem teksta itd. Sa par dodataka možete potpuno promeniti i oživeti vaš blog u par klikova mišem.

1. Drop Caps

Drop Caps poboljšava čitljivost vaših članaka pomoću drop cap-a na početku svakog paragrafa. Možete dodati drop cap i na komentare i izvode. Dodatak dolazi sa definisanim CSS-om ali ga vi možete menjati po potrebi.

Dok sam dodatak dodaje automatski drop cap postoji mogućnost manuelnog ubacivanja preko short code dodatka. Ako vam je potrebna podrška za razne karaktere drugih jezika i tu ste pokriveni.

• Download plug-in (ZIP)

2. WP Typography

Poznat je kao prva stanica za poboljšanje web tipografije, WP Typography dodaje neke korisne opcije na vaš blog. Pomaže sa crticama, razmacima zamenom karaktera i stilom preko CSS-a. Podržava preko 40 jezika. Kontrola razmaka je odlična jel primorava dugačke URL-ove i email adrese da se skupe u odgovarajući prostor. Opcija zamene karaktera dopušta formatiranje stvari kao što su navodnici, crte, trademark i copyright simbole.

• Download plug-in (ZIP)

3. Simple Pull Quote

Ako vam je ikada bilo potrebno da namestite naglašene citate u vašim člancima onda je Simple Pull Quote za vas. Dodaje “Pullquote” dugme u vaš HTML i TinyMCE editor, dopuštajući vam da naglasite tekst po izboru stvaljajući ga u svoj blok pored sadržaja kao što možete da vidite.

Dodatak dolazi sa predefinisanim stilom koji možete da menjate preko CSS-a

• Download plug-in (ZIP)

4. TextImage

TextImage vrši zamenu sadržaja vašeg članka sa PNG slikama. Ako se pitate zašto bi to neko uopšte hteo da radi odgovor je vrlo jednostavan: da sakrije sadržaj od robota i paukova. Konverzija teksta u sliku čini sadržaj nečitljivim i samim tim pretraživači ne mogu da ga indeksiraju. Možete da stilizujete pozadinu slike, font i veličinu po potrebi. Pošto su u pitanju slike ne možete da formatirate tekst da bude podebljan, zakrivljen ili da ima donju crtu. Još jedna opcija je što se skidaju svi HTML tagovi iz vašeg članka.

• Download plug-in (ZIP)

5. CodeColorer

Ako koristite dosta koda u vašim člancima (PHP, HTML, Ruby, JavaScript, itd.), CodeColorer će vam definitivno biti od pomoći. On dopušta da dodajete snipete koda u vaš članak i u komentare. Uz pomoć CSS-a možete da menjate izgled snipeta koda tako da bude čitljiviji i upadljiviji.

Dodatak podržava preko 20 jezika i pruža razne opcije poput syntax highlighting-a u RSS feed-ovima, syntax highlighting za jednolinijski kod, obeležavanje redova, intelligent scroll detection, i prenapravljene teme. Da biste dodali snipet koda treba samo koristiti integrisani shortcode.

• Download plug-in (ZIP)

6. Censortive

Sloboda govora na web-u je često blokirana od strane tehnologija velikog brata koje pronađu osetljive reči. Ako želite da preuzmete kontrolu nad slobodom govora Censortive vam može pomoći. On je dodatak protiv cenzure koji menja osetljive reči sa ekvivalentnim grafikom čineći ih time nevidljivim za robote koji cenzurišu. Dodatak menja reči u slike koje se uklapaju u temu i tekst.

• Download plug-in (ZIP)

7. WP Footnotes

WP Footnotes omogućava da stvorite i kontrolišete futnote kao da je vaš blog Word dokument. Kada instalirate dodatak samo otkucajte tekst u duplim zagradama i WP Footnotes će da odradi ostalo.

Lep dodatak je mogućnost ponavljanja futnota da biste uputili na prethodnu samo dodajte tekst koji ste ubacili u prethodnu.

• Download plug-in (ZIP)

8. Post Typographer

Post Typographer je sličan sa WP Typography. Kada objavite ili izmenite članak on je automatski formatiran prema pravilima koja ste postavili u dodatku. Među pravilima imate dodavanje non-breaking prostora po potrebi, pretvaranje crtica, otklanjanje dodatnog praznog prostora, skupljanje sadržaja u tagove po potrebi itd.

• Download plug-in (ZIP)

9. Text Control

Text Control omogućava totalnu kontrolu nad svim tekstualnim sadržajem na vašem blogu. Možete da odaberete opcije individualno za svaki članak ili globalno za sve članke i komentare. Kada prvi put instalirate dodatak WordPress-ova podešavanja ostaju netaknuta i naknadno možete da podesite sve što želite preko dodatka.

Text Control je veoma napredan i ima dosta opcija. Opcije formatiranja sadrže Markdown, Textile 1, Textile 2, nl2br, WPautop i “No Formatting.” Opcije za enkoding karaktera uključuju SmartyPants, WPTexturize i “No Encoding.”

• Download plug-in (ZIP)

10. WP Super Edit

I na kraju tu je WP Super Edit. On dodaje funkcionalnost u WordPressov WYSIWYG editor. Možete dodavati dugmiće na toolbar, dodavati nestandardne dodatke za TinyMCE, aranžirati dugmiće prekodrag-and-drop interfejsa. A ako imate neke dugmiće koje ne koristite možete ih lako skloniti. Možete isto tako da dodajete tabele, napredne slike sa linkovima, emoticons-e itd.

• Download plug-in (ZIP)

0

6 Razloga Zašto bi Dizajneri Trebali da Kodiraju

Većina dizajnera se ne bavi kodiranjem, osim najosnovnijeg HTML/CSS kodiranja kako bi se dizajn prikazao developerima.

Kodiranje je namenjeno za programere, geekove...

Razlog zašto bi dizajneri trebali da se late kodiranja je veoma jednostavan. Jer će automatski postati bolji dizajneri. U ovom članku prikazujemo 6 razloga zašto bi dizajneri trebali da kodiraju svoj dizajn.

Bolji XHTML

Dizajneri koji imaju minimalno znanje da prevedu Photoshop dizajn u web format, često koriste razne programe ili plugine. Iako su ovi programi iz dana u dan sve bolji i bolji i dalje ne mogu da zamene kod koji napiše developer.

Ukoliko umete da iskodirate sopstveni validni XHTML kod, bićete vredan deo bilo kojeg tima. Sa mnogim serverskim jezicima kao što su PHP, ASP.NET, Ruby itd. mnogi zaboravljaju da output uvek završi kao HTML, jer browser mora da vidi HTML kako bi prikazao stranicu. Ukoliko bolje poznajete ono u čemu radite, bolje ćete se snalaziti.

Bolji SEO

SEO je u poslednje vreme postala često korištena reč u svetu weba. Ono što SEO generalno znači je ideja čemu bi sajt trebao da teži. Ukoliko umete da pišete validan kod, blizu ste dodavanja tačke "SEO Kompatibilan Dizajn" u vaš rezime i listu usluga. To znači da možete više zarađivati.

Bolja Pristupnost

Bolji kod i bolji SEO automatski znače bolju pristupnost. Ono što dizajner mora da uradi je prezentovanje informacija na jednostavan, smislen način, a na webu se to ne odnosi čisto u vizuelnom smislu. Loše iskodiran sajt može biti noćna mora za navigaciju ukoliko se pristupa sajtu preko mobilnog uređaja ili ukoliko je neko slep ili.

Poznavanje dobrih i loših strana u kodiranju sajta za hendikepirane ne samo da vam daje još jedan skup znanja, već takođe može pomoći u razmatranju činjenica pri dizajniranju sajtova za hendikepirane.

Dizajniranje sajtova koji imaju podršku za hendikepirane je obavezno za sve sajtove vlade, sajtova edukativne prirode i u poslednje vreme komercijalnih sajtova. Što više ljudi uspe da pristupi vašem sajtu, veće su šanse da ispunite svoje ciljeve.

Bolja Leva Strana

Desna, kreativna strana mozga je odlična, ali veće angažovanje leve, logičke strane mozga može da pobudi kreativnost na mnogo više načina. Moto na dnu WordPress sajta je "Code is Poetry" što znači "Kod je poezija". To je tako jer je prevođenje nekog napisanog jezika u nešto što se može vizuelno prikazati zaista jedna forma umetnosti.

Ukoliko naučite da pišete sami svoj kod, to otvara potpuno nove dimenzije izražavanja u dizajnu. Razvijanje tehničkih i analitičkih veština može da poboljša informativno dizajniranje i još mnogo toga.

Bolja komunikacija

Pri slušanju developera veoma je lako izgubiti se u moru termina koje oni koriste, jednostavno jer niste izloženi tim stvarima i niste svesni šta ti termini znače. Ukoliko se sami uhvatite kodiranja i terminologija koja se koristi vam postane poznata, imaćete mnogo bolju komunikaciju sa developerima pri dogovaranju implementacije dizajna.

Bolji dizajn

Ukoliko znate osnovni skup znanja kao što su tipografija, boje, gradijenti, kompozicije, to je neophodno ali ne i samo po sebi dovoljno da bi ste bili odličan dizajner. Ukoliko želite da poboljšate svoju kreativnost, neophodno je naučiti kako se kodira i kako se ideja pretvara u završni proizvod. Naučite da kodirate, bićete bolji dizajner.

0

Novine za web dizajnere - mart 2011 (prvi deo)

Superstash

Superstash je novi web browser za iOS koji vam dopušta da skupite i zabeležite resurse za inspiraciju, kao bookmark manager. Takođe ima opciju za deljenje resursa.

Solo

Solo je project managment aplikacija namenjena za freelance-re u različitim delatnostima. Uključuje project managment, fakturisanje i planiranje, sve u jednoj aplikaciji. Može da se skine u trial verziji od 14 dana.

Email Inspiration

Email Inspiration ima jednostavan koncept: svaki dan šalju sliku u emailu koja će vas inspirisati.

Tumblr2WP

Tumblr2WP je nova aplikacija koja omogućava eksportovanje Tumblr sadržaja i importovanje u sopstveni WordPress sajt.

Favwork

Favwork je prikaz različitih dizajna koji dopušta korisnicima da ocene njima omiljeni rad, slično kao Dribbble. Favwork dopušta korisnicima da postuju do 12 slika i da glasaju za slike drugih.

Center of Attention

Center of Attention je novi sajt koji prikazuje artwork iz sredine vinyl ploča, što je odličan izvor inspiracije i nedavno je dodata galerija za omote.

Frequency

Frequency je video hosting i sharing sajt. Vuče video sadržaj iz različitih izvora, uključujući Facebook i Twitter i omogućava traženje videa preko njihovog izvora ili teme.

Type Specimen for iPad

Type Specimen je prvi font viewer za iPad koji omogućava pregled različitih fontova. Moguće je organizovati i kategorizovati različite individualne fontove i porediti ih.

Magic jQuery Plugin

Magic je jQuery plugin za layout i UI managment. Komplatibilan je sa IE6 i novijim verzijama, kao i iOS, veličine je 35KB.

Think Unstuck

Think Unstuck je nova knjiga namenjena da stimuliše kreativnost. Uključuje preko 100 različitih načina kreativnosti i dostupna je u fizičkoj i digitalnoj formi.

WordPress Theme Shock

WordPress Theme Shock je novi sajt za besplatne i premium WordPress teme, kao i resurs za dizajnere. Krcat je mnoštvom stvari kako za WordPress dizajnere, tako i za web dizajnere, generalno.

Mr. Stacks

Mr. Stacks je Photoshop plugin za kreiranje za brzo kreiranje storyboard-ova i drugih materijala za prezentaciju. Takođe dodaje funkciju da se ekportuju lejeri u posebne PDF-ove.

Timely

Timely je nova Twitter aplikacija koja objavljuje tweetove u vreme kad će uhvatiti najviše pažnje. Uzima u obzir učestalost tweetovanja i najbolje vreme za postovanje i kreira raspored na osnovu tih faktora.

Managewith.us

Managewith.us je nova task managment aplikacija u oblaku. Nema potrebe za registracijom, može se koristiti kao deo tima i unikatni URL-ovi olakšavaju deljenje zadataka.

Treesaver

Treesaver je JS framework za kreiranje layouta u stilu magazina sa validnim HTML-om i CSS-om.

Sketchnotes

Sketchnotes je knjiga koja sadrži beleške i teze zapisane na mnogim dizajn i development konferencijama u 2009. i 2010. godini. Sadrži govore od ljudi kao što su Time Berners - Lee, Andy Budd, Stephen Fry, Edward Tufte i drugi.

Freedcamp

Freedcamp je besplatni project managment system. Sadrži manipulisanje sekcijama kao što su 'to do' liste, diskusije, ciljevi, vreme, fajlovi, poruke itd.

42Tasks

42Tasks je online tast managment aplikacija. Moguće je manipulisanje zadacima, dodavanje beleški, podešavanje vremena, podsetnika itd. Postoji takođe desktop verzija aplikacije (MacOS, Windows, Ubuntu Linux), kao i iPhone aplikacija.

Email Game

Email Game je Chrome aplikacija za manipulaciju email-om.

Realizer

Realizer je nova aplikacija za kreiranje prezentacija za iOS operativni sistem.

Miro Video Converter

Miro Video Converter 2.2 je aplikacija jednostavna za korišćenje za kreiranje bilo kog videa u MP4, WebM, ili Ogg Theora ili za korišćenje na Android iOS uređaju.

Genius Scan

Genius Scan je nova skener aplikacija za iOS. Moguće je skenirati i deliti slike veoma brzo i takođe postoji opcija za uvećavanje skena.

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