29 octombrie 2008

Resurse care simplifica viata de Web Designer

Despre CSS, sau cat de varza sunt la asta

Am dat recent pe un post de blog de un nene (Stefano Mazzocchi mai precis) care-mi zicea (nu personal) ca sunt varza la CSS. Nimic mai adevarat ! De aceea m-a invatat urmatoarele :

1. intotdeauna sa pun : <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> si <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

2. Ca sa fac designu unui site sa folosesc Builderu' de Yahoo

3. Ca sa testez diferite tipur de scris (fonturi) sa folosesc TypeTesteru'

4. Sa folosesc palete de culori, ca se gasesc la Iubitorii de culori, sau chiar la Adobe Kuler. Pot genera palete de culori dintr-o poza (sic) la BigHugeLabs sau la DeGraEve.

5. In CSS exista urmatoarele :

  • h1 + h2 { margin-top: -1em; } - adica daca am h1 urmat de h2, se aplica CSS-u ala pentru h2
  • h1 > h2{ margin-top: -1em; } - adica daca am h2 intr-un h1, se aplica CSS-u ala pentru h2
  • q { font-family: "Georgia", serif; }
    q:before { content: "\201C"; padding-right: 0.1em; }
    q:after { content: "\201D"; padding-left: 0.1em; }
    se numesc Curly Quotes si cica sunt niste ghilimele mai misto.
  • Breadcrumbs (adica linkurile de genu "sunteti aici: categorie subcategorie produs") el le face cu :
    ul.path > li { content: "\00BB"; font-family: "Times New Roman", serif; font-size: 14px; padding-left: 6px; }
  • Initialele (prima litera din primu paragraf) le face cu :
    p.first:first-letter { font-family: "Imprint MT Shadow", "Times", "Times New Roman", serif; font-size: 3.6em; color: #222; }
  • Si ca poti folosi fisiere CSS pentru browsere diferite
    <!--[if lt IE 7]><script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE7.js" type="text/javascript"></script><![endif]-->
    <!--[if lt IE 8]><script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE8.js" type="text/javascript"></script><![endif]-->

23 octombrie 2008

Cica asta e "Google Gadget"

<?xml version="1.0" encoding="UTF-8" ?>
<Module>
<ModulePrefs title="Titlul gadgetului" />
<Content type="url" href="http://www.pagina.ro/ccare_se_afiseaza.htm" />
</Module>

Nota: fisierul HTM nu trebuie sa contina decat codul din tagul BODY


21 octombrie 2008

Geo localizare a IP-urilor

O baza de date cu locatiile (tarile) de provenienta ale IP-urilor (geolocalizare) se poate gasi, in format CSV, aici. Baza de date se updateaza lunar. Pentru a determina IP-ul vizitatorului, in PHP se foloseste $_SERVER['REMOTE_ADDR']

20 octombrie 2008

Conectare MySQL

<?php
 mysql_connect('localhost', 'user', 'pass') or die('Not connected : '.mysql_error());
 mysql_select_db('db');
?>

17 octombrie 2008

Utilizare display_startup_errors

Pentru a nu mai afisa erorile / warning-urile pe un site se editeaza fisierul .htaccess astfel
php_flag display_startup_errors off
php_flag display_errors off
php_flag html_errors off

Cum se foloseste PHPMailer

De obicei nu folosesc (nu foloseam) scripturi deja facute, dar a trebuit sa updatez un site care folosea PHPMailer, asa ca am invatat cum se foloseste
$mail = new PHPMailer();
$mail->From = $r['from'];
$mail->FromName = $r['fromname'];
$mail->Subject = $r['subject'];
$mail->IsHTML(true);
$mail->Body = $mesaj;
$mail->AddAddress($r['email'], $r['name']);
if(!$mail->Send()) {
echo 'Eroare la trimitere mail ('.$r['email'].')';
} else {
echo 'Mail trimis ('.$r['email'].')';
}
======================================================================================
$mail->AddEmbeddedImage("rocks.png", "my-attach", "rocks.png");
$mail->Body = 'Embedded Image: <img alt="PHPMailer" src="cid:my-attach"> Here is an image!';
======================================================================================

MySQL : Stergere articole duplicat

Pentru a sterge articolele duplicat dintr-o tabela MySQL se foloseste DISTINCT astfel :
DELETE FROM table1 USING table1, table1 AS vtable WHERE (table1.id > vtable.id) AND (table1.field_name=vtable.field_name)