Arhiva pentru tagul “Webdesign”

Doar azi gratuit: Sothink Logo Maker

Sunt sigur că mulţi asociază Sothink cu calitatea, datorită unor produse precum DHTML Menu sau SWF Decompiler. Un alt produs al lor, despre care eu unul chiar nu ştiam, este destinat realizării de logouri. Sothink Logo Maker costă în mod normal 35 usd, dar astăzi îl puteţi descărca şi instala gratuit (putându-l folosi până la următoarea reinstalare a sistemului Dvs de operare). Pentru aceasta trebuie să mergeţi aici (11 MB). Dacă vreţi să vă convingeţi – merită? nu merită? – mergeţi la pagina cu mostre (iar ca să vedeţi mai multe folosiţi meniul din dreapta, unde sunt grupate: Classic, LetterBased, Popular, Cool, Badge). Există şi un tabel de comparaţii cu produse similare.

imagine

Descrierea ofertei …


Artisteer: pictezi designuri cu uşurinţă

Am scris despre Artisteer acum un an, aici, pe când nu era nici la versiunea 1.0. Între timp programul s-a lansat şi are o oarecare succes. Ca o scurtă recapitulare: este vorba de un program care permite cu uşurinţă crearea de designuri. Atât HTML, când şi pachete pentru CMS-uri gen WordPress, Joomla, Drupal, DotNetNuke, şi în curând şi altele. Alegeţi tipul de design, tipul de antet, de meniu, de panouri în sidebar, de subsol, fonturi, culoare, diverse elemente, iar la final puteţi exporta totul într-o temă gata de utilizat în WordPress de exemplu. Păcat că preţul programului este cam pipărat: 50usd o versiune mai redusă, 130usd versiunea completă.

imagine

Programul are o interfaţă gen MS Office 2007. Primul tab este tabul “alegerilor” aleatoare. Un click pe …


Webmasteri: articole şi resurse utile

Ce materiale utile webmasterilor au mai apărut în ultimele zile? Vă invit să vedem împreună. Şi voi începe semnalând două tutoriale detaliate care pot fi utile în diverse contexte. Des pomenitul Janko ne explică cum să Use jQuery to "turn off the lights" while watching videos. O demonstraţie găsiţi aici. Este vorba de un efect pe care îl ştiţi poate de pe YouTube, de “întunecare” a ecranului pentru a evidenţia doar o anumită parte, fie că acolo e vorba de un text sau un clip video sau o imagine. “Întunecarea” înseamnă de fapt folosirea unei imagini cu transparenţă. Al doilea material e semnat de SixRevisions: Create a Slick and Accessible Slideshow Using jQuery. Demonstraţia e aici, iar efectul e binecunoscut şi foarte popular în ultima vreme.


Fundaluri pentru Twitter

Rămân un utilizator accidental al serviciului Twitter (şi tocmai de aceea nu am invitat să fiu urmărit… nu veţi afla cine ştie ce lucruri decât – acum – că nu sunt în ţară deci citiţi articole programate). Dar din respect pentru fenomenul Twitter voi continua să semnalez ceea ce consider că ar fi util internauţilor. De exemplu problema fundalurilor. Dacă aveţi un cont Twitter şi e vizitat veţi dori probabil să îl faceţi să arate ceva mai bine decât o permite setul de teme oferit implicit (un set minimalist… chiar prea minimalist?). Dacă veţi merge la Settings, Design veţi vedea că puteţi pune un fundal propriu.

img

Veţi vedea sub teme două linkuri: Change background image şi Change design colors. Din prima secţiune puteţi adăuga o imagine de fundal. Condiţia …


Instalarea şi configurarea unei teme WordPress (III)

Am văzut până acum nişte aspecte mai de bază: cum instalăm o temă WordPress şi apoi cum ne asigurăm că funcţionează la maxim (pluginuri, widget-uri) şi de preferat în limba română. Mai rămâne un aspect esenţial: particularizarea temei. De prea puţine ori o temă pe care o luăm de undeva se potriveşte perfect la ce dorim noi. Şi dacă s-ar potrivi, nu e rău să o particularizăm pentru a o face “unică” (pun ghilimele pentru că ea va rămâne evident “descendenta” unei alte teme). Pentru a modifica o temă va trebui să operăm în două moduri.

1. Modul text

Acesta este şi modul cel mai simplu. Aproape. 90% din partea de design stă în fişierul style.css. Ce modificări putem face acolo?

  • Schimbare culorilor unor fundaluri, de la fundalul de pagină la fundalurile unor secţiuni (antet, subsol, bară laterală). Evident …


Boogiesbc: Design Your Way

Poate vă amintiţi că în octombrie anul trecut semnalam Bloground.ro, un blog a cărui muncă e ca a albinei: de a culege din floare în floare ce materiale interesante apar pe diverse bloguri. Prin acel sit am descoperit un altul, tot de limbă engleză şi tot cu domeniu dot RO: Boogiesbc.ro. Am căutat fără succes o pagină Despre, deci nu prea pot spune cine este în spatele lui. Am dat înapoi în istorie şi am găsit că primul post e din februarie 2008, ceea ce înseamnă că în curând situl va împlini un an de existenţă. Cel mai recent articol este intitulat Collection of free resources available for designers to download şi e o colecţie frumoasă, ce merită explorată.

image


Dezignus (şi „forme” pentru Photoshop)

Cu câteva zile în urmă SmashingMagazine publica selecţia The Ultimate Collection Of Photoshop Custom Shapes. Aşa am descoperit – unele referinţe conducând acolo – situl Dezignus. Trebuie să spun că are unul dintre cele mai interesante "antete" (header) pe care le-am văzut vreodată. Captura de mai jos nu surprinde suficient: e nevoie să vedeţi situl şi să mişcaţi mouse-ul în acea zonă. Dar dincolo de acest element de originalitate, Dezignus mi s-a părut a fi situl la care merită să se aboneze (email, RSS) orice pasionat de design. În timp ce un "fix" anume pare a fi cel pentru custom shapes, se găsesc totuşi o varietate de ingrediente, precum "perii" (brushes) tot pentru Photoshop, iconiţe, texturi, tutoriale ş.a.

img75

Revenind la selecţia SmashingMagazine, găsim acolo tot felul de forme: de la siluete umane la cele …


Webmasteri: patru resurse de reţinut

Am un stoc de peste 200 de articole :) din blogurile pe care le urmăresc, toate de interes pentru webmasteri. Dar cu patru mă grăbesc şi pentru că sunt mai recente dar şi pentru că sunt mai voluminoase. La începutul acestei luni SmashingMagazine a publicat un valoros articol intitulat 100 Free High-Quality XHTML/CSS Templates. Deşi mulţi preferă să lucreze astăzi cu CMS-uri (WordPress, Drupal, Joomla…), mai sunt încă multe cazuri când trebuie să porneşti un sit de la bază… aproape de la bază dacă te inspiri în design dintr-una dintre cele 100 de recomandări. Toate template-urile sunt gratuite, dar, mare atenţie, unele cer înregistrarea pe situl ce le oferă (folosiţi o adresă de email temporară). Restul au legătură directă pentru descărcare. Iaca una sută spre inspiraţiune…

img31


(Din nou despre) Lorem Ipsum

Cei care lucrează în tipografie ştiu desigur despre Lorem Ipsum. "Lorem Ipsum este pur şi simplu o machetă pentru text a industriei tipografice. Lorem Ipsum a fost macheta standard a industriei încă din secolul al XVI-lea, când un tipograf anonim a luat o planşetă de litere şi le-a amestecat pentru a crea o carte demonstrativă pentru literele respective. Nu doar că a supravieţuit timp de cinci secole, dar şi a facut saltul în tipografia electronică practic neschimbată." Textul în limba latină a fost adoptat şi de webdesigneri atunci când creează situri noi şi au nevoie de text de "umplutură". E cumva ironic: limba latină de umplutură… "E un fapt bine stabilit că cititorul va fi sustras de conţinutul citibil al unei pagini atunci când se uită la aşezarea în pagină. Scopul utilizării a Lorem Ipsum, este acela că are o distribuţie a literelor mai mult sau mai puţin …


Iconiţe de Crăciun şi pattern-uri

Dacă aş fi spus Pattern-uri şi iconiţe de Crăciun s-ar fi înţeles că aceste pattern-uri (conform i18n.ro s-ar traduce cu model, desen, tipar, mostră, probă, eşantion) sunt de Crăciun. De fapt e vorba de pattern-uri universal valabile. Am rămas foarte impresionat de bogăţia ofertei de la AVA7 Patterns. Sunt sute de imagini disponibile (mai exact în acest moment sunt vreo 600), din păcare doar 4 afişate la un moment dat. Dacă daţi click pe Preview pagina va avea încărcat rapid acel fundal. Dacă daţi click pe Download veţi putea salva local imaginea. E drept că astăzi vremea fundalurilor de pagini web cu astfel de pattern-uri a cam trecut, dar sunt sigur că ochii le vor sclipi multora, care lucrează în design dincolo de design web. De exemplu unele imagini pot fi excelente pentru podele într-un proiect 3D.

img136