Care este cel mai rapid browser in 2011

Folosesc Firefox-ul in mod constant  de mai bine de 4 ani. Toate celelalte browsere le foloseam doar pentru compatability testing… asta pana acum cateva zile cand am deschis intamplator Opera (11.52).  Pot spune sincer ca m-a lasat masca din mai multe puncte de vedere:

1. In primul rand  VITEZA cu care s-a deschis (de la click pe iconita cu opera si pana la incarcarea in memorie a browserului)
2. In al doilea rand viteza cu care deschide paginile web + modulul Opera Turbo (WOW!!)
3. Am fost foarte placut impresionat sa vad si Opera detine acum, nativ, Developer Tools. (echivalentul Firebug-ului sau Dev.Tools-ului din Chrome sau Safari). In plus, din punctul de vedere al unui CSS-ist Dev. Tools-ul Operei pare mult mai handy decat Firebug-ul.
4. Am gasit o gramada de plugin-uri pentru el.
5. Consuma mai putine resurse decat celelalte browsere (nu zic ca as duce lipsa de resurse, dar sunt incantat sa vad un program performant ce are consum redus de resurse)

Tool online pentru realizarea sprite-urilor

Acest post este dedicat CSS-istilor care folosesc Sprite-uri. Am sa va dau un link catre un tool online pentru realizarea sprite-urilor cu usurinta. El va genera automat coordonatele pentru fiecare sprite in parte… Incercati-l si dati-va cu parerea. Mie mi se pare absolut genial.

Link: http://www.spritecow.com/

 

Text cu gradient pe el – CSS

Aceasta solutie este  disponibila doar pentru WebKit (Google Chrome si Safari), dar este cea mai usoara si curata metoda de a obtine un text cu gradient pe el. Sper ca viitoarele versiuni de Firefox sa stie de aceasta proprietate de CSS3.

h1 {
font-size: 72px;
background: -webkit-gradient(linear, left top, left bottom,
             from(#eee), to(#333));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

@font-face -> Custom fonts pe site-ul tau

In primul rand, pentru a folosi un custom font pe site-ul dvs, trebuie sa il convertiti pentru a putea fi interpretat de toate browserele importante (FF, Chrome, Safari, IE). Pentru a face asta, in primul rand trebuie sa aveti fisierul cu fontul respectiv (.ttf/.otf) si apoi intrati pe Font Squirrel si convertiti-l. Presupun ca nu trebuie sa explic cum folosesti site-ul respectiv. (pentru cei ce nu se descurca, exista un buton destul de mare si de vizibil pe care scrie Add Fonts). Mai departe va scriu snippet-ul CSS si pentru HTML.

CSS

@font-face {         font-family:'MyFontFamily';
            src: url('myfont-webfont.eot?') format('eot'),
                 url('myfont-webfont.woff') format('woff'),
                 url('myfont-webfont.ttf')  format('truetype'),
                 url('myfont-webfont.svg#svgFontName') format('svg');
 }

HTML

body {        font-family:'MyFontFamily',Fallback, sans-serif;}

Ce este si ce face DOCTYPE

Cand un browser scaneaza site-ul tau, primul lucru pe care il cauta este DOCTYPE-ul sau elementul care ajuta redarea corecta a site-ului. Cand un DOCTYPE nu exista/este gresit/este depasit, codurile HTML, CSS sau DOM sunt redate asa cum au fost create in anii 90.

Un DOCTYPE descrie un DTD ( document type definition). Este un document care este citit automat (machine-readable) si care ofera browserului informatia de care are nevoie pentru a afisa pagina corect. Daca DOCTYPE se refera la “XHTML 1.0 transitional”, se va primi informatia pe care “DTD XHTML 1.0 transitional” o ofera pentru a reda corect pagina web.

HTML – cele mai utilizate taguri

Am pregatit pentru voi o lista cu cele mai utilizate taguri HTML. Toate sunt recunoscute de majoritatea browserelor. Acest ghid este scris astfel incât sã fie cât mai concis posibil.  Comentariile si sugestiile sunt întotdeauna binevenite.  

Formular de inregistrare si login in PHP

In acest tutorial vei citi despre cum poti realiza un formular de inregistrare si unul de login folosind PHP, MySQL si HTML. De obicei, formularele de inregistrare si autentificare sunt utilizate de forumuri, magazine online sau retele sociale cum ar fi Hi5, Facebook, Twitter, etc.