Arhiva pentru tagul “Webdesign”

Pixel Pick

Numele programului precum şi captura de mai jos cred că spun totul. Cum nu este însă practica noastră să ne reducem la o linie de articol, iată câteva detalii (uneori evidente): Pixel Pick este unul dintre programele gratuite oferite de Design-Lib.com. Spunând “unul” vă invit de fapt să vedeţi şi alte programe ale aceluiaşi producător (de exemplu EZ Thumbnail Maker sau Basic Web Page Layouts Creator). Legat de descărcarea programelor, pentru a nu trebui să vă daţi adresa de email vă recomand să le descărcaţi de pe Softpedia.com. De exemplu Pixel Pick îl puteţi descărca de aici, urmând primul link (cu US între paranteze, cel cu RO între paranteze oferindu-vă versiunea 1.0, nu 1.5). Programul din fericire nu necesită instalare, deci îl descărcaţi şi îl lansaţi. Veţi vedea pe ecran ceva ca mai jos.


Janko şi aspectul formularelor web

Sunt bucuros de fiecare dată când găsesc bloguri interesante de limbă engleză, scrise de ne-americani. Poate vă amintiţi despre Prelovac.com, blogul unui sârb cu multe materiale (pluginuri şi teme) legate de WordPress. Vă invit astăzi să poposim pe blogul unui alt sârb, scris tot în engleză, dar dedicat mai mult designului. JankoAtWarpSpeed îi aparţine lui Janko Jovanovic şi are ca subtitlu "vă ajută să construiţi webaplicaţii aspectuoase şi funcţionale". Pe lângă ocupaţiile lui artistice (pictează bine!), Janko scrie rar dar lucruri utile, de exemplu despre formulare web.

img122

Aşa am ajuns de fapt eu să îi găsesc situl, documentându-mă puţin asupra modului în care se pot aranja mai estetic formularele web. Într-un articol din 6 iunie Janko face o analiză predominant teoretică intitulată Building a better web forms: Labels in form layouts. Articolul …


Doar azi gratuit: Button Shop 3

De când nu am mai auzit o oferă bună de la GiveAwayOfTheDay. Dacă vă amintiţi, e situl care oferă gratuit – în mod legal, împreună cu producătorii – zi de zi câte un soft (într-o vreme dădeau zilnic şi un joc). Uite că astăzi mă grăbesc să vă anunţ o ofertă care va trage cu ochiul webmasterilor: e vorba de Button Shop 3, un program care…

img25

Aţi citit pe butoane, da? Acum desigur "arată bine" e chestie de gusturi. Dar cred că multe gusturi pot fi acoperite de acest program foarte, foarte, foarte simpatic. L-am instalat rapid şi vedeţi mai jos o captură: arată ca Office 2007. Pe file (taburi) sunt organizate elementele configurabile. Aveţi câteva grupuri de butoane posibile: Aqua, Glossy, Texture, Vista, XP. Cu un dublu click aplicaţi efectul. Puteţi apoi configura după bunul plac culorile …


De la PSD la CSS

Webmasterii ştiu cât de "simpatic" este când primeşti un design de sit în PSD (format specific Adobe Photoshop, dar editabil şi cu GIMP şi alte programe) şi trebuie să îl "feliezi", luând elementele grafice (antet, subsol, meniuri…) şi realizând astfel un schelet HTML al paginii. Mai ales când cel care a conceput designul în PSD este mai mult artist decât priceput în ale web-ului, munca poate fi frustrantă… Am găsit un aliat ce pare deosebit de util chiar dacă personal nu am ajuns să îl testez: PSD2CSSonline.com.

img69

Acest sit ia deci ca "intrare" un fişier PSD. Acesta va include designul dorit pentru sit. Îl încărcaţi (4MB maxim în mod obişnuit… 8MB dacă vă deschideţi cont pe acel sit) şi "ieşirea" va fi o arhivă ZIP în care veţi avea pagina HTML, incluzând codul CSS, şi evident şi imaginile …


Şi din nou despre iconiţe

De iconiţe au de regulă nevoie webmasterii (webdesignerii), când doresc în situri să insereze imagini pentru diverse linkuri (precum home, email, despre, contact…), dar şi în general utilizatorii de Windows care doresc să schimbe icoana unui director, unei aplicaţii, unui fişier. Aşa că revenirea la acest subiect nu este inutilă. Am vorbit acum câteva luni despre IconFinder.net, un motor de căutare de iconiţe. Iată o alternativă, care mi se pare puţin mai primitivă dar există şansa să găsiţi aici iconiţe neprezente în celălalt motor. E vorba de Iconlet.com, un fel de Google pentru iconiţe, cel puţin de aceasta îmi aminteşte simplitatea lui.

img584

Imaginile sunt sortate după dimensiunea lor, crescător, aşa că dacă aveţi nevoie de iconiţe mai mari s-ar putea să trebuiască să tot paginaţi. Există un mod de căutare avansată (vedeţi linkul …


Iarăşi despre reflectări pierdute

Zi de zi tot mai multe webaplicaţii care fac mici prelucrări de imagini apar online. Unele sunt cam penibile, precum Polaroid.cuteness.ws, practic un instrument al cărui scop este mai mult să facă cunoscut situl Cuteness.ws – deci un fel de instrument publicitar. Există însă şi instrumente mai de calitate, iar o familie de astfel de instrumente ne oferă doi italieni. Despre StripGenerator şi despre TabsGenerator am mai vorbit, mai pe larg sau poate doar pomenit: tot cei doi ne oferă acum şi ReflectionMaker.

img196

Instrumentul este simplu de folosit: indicaţi o imagine fie ca url (dacă este online), fie o încărcaţi de pe propriul calculator. Alegeţi apoi dimensiunea părţii reflectate (implicit jumătate din înălţimea imaginii) şi culoarea de fundal. Apoi webaplicaţia generează imaginea cu reflexia pierdută. Aveţi nevoie de acest …


Două programe pentru lucrul cu CSS

Fie că dezvoltaţi un design de la zero, fie că îl adaptaţi doar nevoilor proprii, veţi avea de regulă nevoie de un editor CSS. În timp ce evident puteţi folosi şi Notepad sau orice editor text pentru aşa ceva, un editor specializat este de mare ajutor. Eu unul nu ştiu pe de rost sintaxa şi de regulă mă uit în CSS-uri ale unor proiecte anterioare pentru a-mi aminti cum să fac ceva anume. Vă propun să ne uităm astăzi la două programe gratuite ce permit editarea stylesheet-urilor.

Primul este probabil cel mai celebru, TopStyle Lite (jos pe pagină veţi găsi un link pentru download, pagina fiind a produsului complet, produsul comercial), pe care l-aţi putut găsi pe multe CD-uri din reviste sau venind cu alte programe pentru editare de pagini web. Din păcate versiunea gratuită a rămas "înţepenită" în trecut, lucru vizibil mai ales dacă vrem să verificăm …


DevKit-uri de la BartelmeDesign

BartelmeDesign este o companie austriacă ce are un sit, Bartelme.at, prin care oferă câteva "bunătăţi" spre descărcare. Veţi găsi acolo o temă WordPress, tutoriale Photoshop, alte lucruri interesante, dar eu mă voi opri la ideea de DevKit-uri. Acestea sunt de fapt nişte fişiere Photoshop (format PSD, uneori şi AI pentru Illustrator), fiind kit nu în sensul unei instalări de program ci prin faptul că includ toate layer-ele aşa cum au fost concepute de autor, fiind uşor de modificat.

img297

Şi cum la 19 septembrie a.c. "zâmbăreţii", smileys, emoticons sau cum vreţi să le spuneţi au împlinit 25 de ani de existenţă (wow!), să începem cu Smiley DevKit. Fişierul PSD pe care îl veţi găsi înăuntru arată ca mai sus, având incluse toate layer-ele, inclusiv multe ascunse. Acestea ascunse ne permit să ne jucăm …


Cum recunosc şi apreciez un site Web 2.0?

O mare pasiune a mea este urmărirea şi testarea unor site-uri web nou apărute (numite start-up-uri). Cu ajutorul unor directoare şi magazine online de specialitate aflu săptămânal de cel puţin 30-40 de noi apariţii în spaţiul web. Timpul nu îmi ajunge pentru a le testa pe toate, de aceea trebuie să discern ce pare a fi interesant, plăcut şi util pentru mine. Nu mi-am făcut multe gânduri despre stabilirea de criterii de selecţie pentru site-urile noi, însă în urmă cu câteva săptămâni un blog german, Zweinull.cc (în traducere liberă "Doizero.cc", numele fiind program, el se ocupă îndeosebi cu recenzii de site-uri Web 2.0) a prezentat un catalog de criterii, care pot fi un real ajutor în economisirea de timp şi pentru înţelegerea unui sit web. De fapt articolul se adresează programatorilor şi designerilor, ei fiind cei care trebuie să facă site-urile uşor inteligibile şi accesibile pentru majoritatea utilizatorilor …


S/2: WordPress, video şi audio, şi multe programe

→ Începem din nou cu Mashable.com (dar nu am uitat de SmashingMagazine… vine mai jos) de unde am reţinut trei articole care v-ar putea interesa: 17 pluginuri WordPress pentru AdSense (evident, majoritatea pluginurilor sunt pentru introducerea elegantă şi rapidă de reclame de la Google pe lângă articole sau chiar în cadrul articolelor; alte pluginuri interesante permit urmărirea veniturilor prin AdSense, inclusiv separarea lor după autori – ceea ce permite ca la un blog cu autori multipli venitul să fie împărţit echitabil); Peste 30 de teme WordPress cu o singură coloană (da, uneori poţi să ai nevoie şi de aşa ceva, atunci când textul este cel care contează în mod absolut); în fine, Peste 110 teme şi extensii pentru Thunderbird (scriem rar despre clientul de email de la Mozilla şi m-am gândit că tocmai de aceea merită această semnalare).