Grafiko.ro

Google fonts Api pentru un design mai atragator

Google a anuntat pe 19 mai Webfonts Api, fonturi gazduite de google care fac ca pagina sa se incarce rapid datorita cache-ului in browser, folosesc deja pentru titlurile din blog fontul “Josefin Sans Std Light“, imi place cum arata, mai schimba din aspectul “La fel pe 5000 de site-uri” .
Sper ca numarul de fonturi sa fie mai mare, dar deja pagina gazduieste fonturi destul de diferite, avand de unde alege pentru aproape orice design, numai cand creati layoutul, tineti cont si de asta.

Tags: css, Design, font-family, fonts, fonturi, google, google fonts api, google-fonts, sifr

Grafiko.ro sub o noua infatisare

Venise vremea sa fac o schimbare, trecuse mai mult de un an cu vechea tema, la aceasta, m-am chinuit cateva luni sa o termin, mereu cand vroiam sa ma apuc de ea, primeam de lucru, si uite cum am stat asa cu ea, fara sa apuc sa o finalizez, dar mai ales ca am vrut sa fie cat mai animata am tot modificat la ea.

Dupa cum se poate observa, toate link-urile (aproape toate) sunt cu animatie la mouse-ul peste, se schimba culoarea gradat, meniu de navigare se lasa cativa pixeli in jos, in sidebar am facut cu taburi la categorii, arhiva si link-uri utile, link-urile se misca 20 de pixeli spre dreapta cand mergeti cu mouse-ul peste, la fel si in footer, unde am decis sa las structura de la vechea tema, doar am modificat aranjarea.

Tagurile nu le-am mai lasat jos, le gasiti in sidebar. Am pus si Top commentatori, asa ca cei mai vorbareti de aici vor avea link dofolow, toate link-urile din comentarii vor avea si ele dofolow.

Am sa incep in a posta din ce in ce mai multe articole, insa schimb un pic nisha, am sa postez foarte mult despre wordpress, coding, noutatii, si personale(dar mai rar), sper sa va placa noua tema, eu unul sunt foarte incantat, mai am de modificat la ea, dar o voi face pe parcurs.

Am pus foarte mult CSS3, de aceea nu se va devea calumea in multe browsere, la IE6 am renuntat, asa ca acolo este dezastru, dar daca il folositi va meritati soarta , in celelalte browsere ca IE7,8 am sa rezolv din probleme zilele ce urmeaza.

Tags: browser, codare wordpress, coding, dofolow, footer, Grafiko, IE6, ie7, tema blog, tema noua, tema wp, Wordpress, Wordpress theme

Codare tema wordpress blogcuidei

A avut de așteptat ceva timp, dar sper că a meritat, design-ul îi aparține lui codex, la care am avut și eu o foarte mică contribuție, sidebar-ul și partea de comentarii, sper că acum pe blogcuidei se vor găsii articole cat mai bune și de calitate.

Tags: blog theme coding, blogcuidei, codare tema wordpress, Design, Wordpress

Codare la kuki’s blog .

Easy task …. designul îi aparţine lui .Quiz de pe grafiks (aka wts) , pe care îl felicit că mi-a facut codarea mai uşoară si un design frumos si simplu.

Pe kuki însă ar trebui un pic certat, mai batut la cap să îţi codez, pe wts la design şi tu nu te ţi de treaba, 2 posturi de când ai temă nouă, ne faci sa credem că am muncit depomană, am mai promis la vreo 2 că am să le codez, după ei să stiţi că ajunge.

Mai am şi eu viaţa mea, munca mea, şi nu imi place sa aud când vă refuz cuvinte ironice ca : ‘mda, dar e usor de codat şi rapid’ , daca e uşor codeaz-o tu, eu unul sunt sătul, din păcate, criza, ma afectat în plan direct şi financiar foarte mult, şi nu dă semne de înbunătăţire, aşa că nu mai pot face fapte umanitare. (punct)

Tags: blog theme coding, codare tema wordpress, codare wordpress, codez, coding, Design, grafiks.ro, kuki, munca, quiz, theme, wordpres, Wordpress theme

Youtube este un dezastru la cod…

Plinbându-mă pe youtube am fost un pic curios de codul sursă al lor, atât la html cât şi la css, cum designul este foarte aerisit, m-am gândit că si la html/css este la fel.

Codul lor este un haos complet, nu înteleg cum mai găsesc ceva pe acolo cei de la youtube, cu firebug m-am uitat în css şi sunt o tona de erori, sa nu vorbesc de validare, pe putin de 1000 de erori la prima pagină a utilizatorului, o fi si din cauză că google nu crede în validare ?.

Totuşi ai zice că la câţi bani au şi la cât se investeşte ar trebui macar să urmeze standardele web, eu acum cand sunt pe cale în a aplica cat mai mult xhtml strict, mă enervează că uni scapă aşa usor, şi nu dau 2 bani pe lucruri esenţiale.

Tags: coding, css erros, Design, erori css, erori xhtml, firebug, google, html css, validare, validating xhtml, xhtml, youtube, youtube errors

Urasc site/blog care nu au link catre ‘home’

Nu inteleg creatori de teme wordpress sau cei care fac situri, de ce nu pun link la logo, majoritatea pun, dar mai vad cate un ratacit din cand in cand, eu urasc sa nu pot da click pe logo, este primul lucru care il fac, cand ajung pe un site/blog, poate din obisnuinta, asa este acum si la forum pe grafiks, lui serban (kv7) ia fost lene s-au nu a stiut.

Pentru incepatori in css si html, am sa scriu o mica modalitate de image replacement buna pentru SEO si in acelasi timp si cu link, este arhi cunoscuta dar vad ca tot apar situri fara, nu trebuie sa puneti tag de img cu html, doar un link si h1.

codul html ar trebui sa arate cam asa, dar cu mici modificari ale voastre, cum ar fi clasa:

<h1>
<a class="logo-tema" title="grafiko.ro" href="/">Grafiko.ro</a>
</h1>

Binenteles cu link-urile voastre, titlurile si text, doar am pus demostrativ, defapt cam asa am si eu la logo, un a href cu o clasa de logo infasurat intrun h1, asta doar pentru logo, puteti folosi si la butoane s-au ce mai doriti, dar nu infasurat in h1, probabil va fi in

<li>

sau div, acum urmeaza css-ul, il puteti pune inainte de intre tagurile

<style type="text/css" media="screen"> codul css </style>

sau direct in fisierul css.

Pentru css aveti codul cam asa:

h1 a.logo-tema {
     background:url(./logo.png) no-repeat left top;
     /*Calea catre imaginea voastra*/
     width:218px;/*lungimea in pixeli*/
     height:71px;/*inaltimea in pixeli*/
     display:block;/*pentru a face toata imaginea click-abila*/
     text-indent:-9999px;/*mutarea textului de
      pe imagine in afara spatiului vizual*/
     overflow:hidden;/*sa arate outline-ul cat imaginea,
     se vede dupa ce ati dat click.*/
}

Ar trebui sa va arate ceva de genul acesta
Grafiko.ro
foarte usor si accesibil SEO in acelasi timp.

Tags: css, grafiks, h1, image replacement, Wordpress, xhtml