HTML vs. XHTML

Varianta HTML e pentru cei care acceseaza forumul cu PC-ul,iar varianta xHTML e mai simplificata si e destinata celor care navigheaza pe wap cu ajutorul telefoanelor mobile.

Extras din comentariile de aici.

Outlook 2010 Conversation

Chiar dacă nu are legătură directă cu web development-ul, Outlook este o unealtă excelentă all in one când vine vorba de mail-uri, calendar și task list. Sigur, poți folosi o suită online, gen Google Docs, dar eu unul nu mă pot obișnui (mai ales că am o baftă cu ff, ceva de speriat, că îmi crapă sau folosește extrem de multe resurse câteodată (50%+ CPU și/sau 1.5Gb ram).

Prin urmare, folosesc MS Office. Mi se pare o combinație de aplicații excelentă (din care oricum nu folosesc frecvent decât Outlook) iar ultima versiune (2010) chiar dacă e beta, merge foarte bine. În plus, arată și mai bine decât versiunea anterioară. Prin urmare, la apariția ediției finale, sunt șanse destul de mari să cumpăr și o licență de Office :D

În fine, una din chestiile noi introduse de Outlook 2010 o reprezintă conversațiile:

Toate mesajele de la aceeași persoană sunt grupate într-o conversație, opțiune inspirată (cred) din modul în care Gmail afișează mesajele. Problema este însă că în unele cazuri „conversația” nu e cea mai bună aranjare posibilă, exemplul din screenshot-ul de mai sus fiind destul de elocvent: de la Torent primesc un fel de newsletter săptămânal (sau chiar mai rar). Nu e nicio conversație în asta, nu?

Rezolvarea

Citeste mai departe »

Shortcodes în wordpress

WordPress permite, printre altele, folosirea codurilor scurte (shortcodes). Ce sunt acestea? Un [text cuprins între paranteze pătrate] ce este parsat de server în diferite feluri. Și îți voi arăta două feluri în care am folosit shortcodes pe blogurile mele: pentru Amazon S3 și pentru tag-ul acronym.

Amazon S3

Fiind proaspăt mutat pe Amazon S3 și fiind găzduit pe un cont de găzduire shared, nu prea pot modifica CNAMES pentru a avea un subdomeniu. Prin urmare, link-ul spre S3 arată ceva de genul:

http://content.iamntz.com.s3.amazonaws.com/blog.iamntz.com/imagine.jpg

Desigur, aș putea ține minte (într-un final) ditamai cârnatul. Dar.. De ce aș face-o? În plus, ce s-ar întâmpla în momentul când mă zgârcesc și nu mai vreau să plătesc ~50 cenți/lună către Amazon? S-ar cam duce dracu toate imaginile. Prin urmare, am făcut un shortcode ce îmi permite să adaug o imagine într-un mod foarte simplu:

[ s3 thumbnail.jpg imaginemare.jpg ]

(fără spații!)

  1. Shortcode: s3
  2. Primul parametru thumbnail.jpg. Evident, link-ul spre imagine. Este obligatoriu.
  3. Al doilea parametru imaginemare.jpg. În cazul în care poza e prea mare, pui un thumbnail micuț (primul parametru) și link spre imaginea mare. Foarte util pentru galerii de genul lightblox
function amazonS3($amazon) {
	extract(shortcode_atts($amazon, $content = null));
	
	$ret = '<img src="http://content.iamntz.com.s3.amazonaws.com/blog.iamntz.com/images/'.$amazon[0].'" alt="" />';
	
	if(isset($amazon[1])){
		$ret = '<a href="http://content.iamntz.com.s3.amazonaws.com/blog.iamntz.com/images/'.$amazon[1].'">' . $ret . '</a>';
	}
	return $ret;
}
add_shortcode('s3', 'amazonS3');

Acronym

Tag-ul acronym îti permite să bagi mici explicații pentru anumite… acronime sub formă de tooltips. Poate ai observat în articolele anterioare anumite acronime subliniate cu o linie punctată ce arată o scurtă explicație când te duci cu mouse-ul peste ele.

În fine, problema cea mai mare este DRY. Cum aș putea face astfel încât să nu scriu explicația pentru fiecare termen dacă nu cu shortcodes? Și un array, desigur :D

global $acronime;
$acronime = Array(
	'html' => 'Hyper Text Markup Language',
	'css' => 'Cascading Style Sheet'
);

function acronym($acronym)  {
	global $acronime;
	extract(shortcode_atts($acronym));
	$ret = '<acronym title="'.$acronime[strtolower(trim($acronym[0]))].'">'.$acronym[0].'</acronym>';
	return $ret;
}
add_shortcode('acro', 'acronym');

După care

[ acro HTML ] 

va fi transformat în:

<acronym title="Hyper Text Markup Language">HTML</acronym>

Cum se folosește?

Copiezi codurile de mai sus (doar cele PHP!) în functions.php. Care este în wp-content/themes/TEMA-TA/functions.php. Și gata :)

Enjoy!

windows apple dropbox facebook twitter