Estrarre la prima immagine da un post risulta molto utile quando si vuole realizzare un’anteprima del post in home page. Esistono vari metodi per realizzare questo, via codice (consigliato) o via plugin.

Estrarre la prima immagine con Php

Per fare ciò basta aprire il file function.php ed incollare il seguente codice prima dell’ultimo ?>:

function catch_that_image() {
        global $post, $posts;
        $first_img = '';
        ob_start();
        ob_end_clean();
        $output = preg_match_all('/<img.+src=[\'"]([^\'"]+)[\'"].*>/i', $post->post_content, $matches);
        $first_img = $matches [1] [0];
 
        if(empty($first_img)){ //Defines a default image
          $first_img = "/images/default.jpg";
        }
        return $first_img;
      }

L’attributo Value, in italiano valore, permette di decidere quale testo lasciare di default negli elementi input, cioè caselle di testo dei form o pulsanti di submit. E’ il tipico testo che troviamo all’interno dei box di ricerca con la scritta “cerca”. Google invece utilizza un’immagine come testo predefinito per i suoi motori di ricerca personalizzati, e al cliccare del mouse, o più precisamente quando si mette onfocus l’elemento input, il campo testo si svuota e ci permette di scrivere il nostro.
Questo piccolo effetto molto carino si può implementare con qualche riga di javascript, vediamo come. Inanzitutto bisogna creare la funzione, ed inserirla prima della chiusura del tag head.

Ecoder è un editor online per la creare e modificare codice Hhml, Css, Jacascript e Php direttamente dal browser, senza dover installare programmi sul computer.

Ecoder è gratuito e non richiede registrazione al servizio per poterlo utilizzare, e può essere utilizzato fin da subito, accedendo dall’home page tramite il tasto enter.

Google ha lanciato il sito Chrome Experiments, uno showcase che raccoglie esempi che mostrano le straordinarie prestazioni di Javascript V8 (il motore javascript) del browser di Google.

In Chrome Experiments si trovano tanti esempi javascript più o meno complessi come giochi, animazioni e piccole applicazioni che su Google Chrome risultano molto più veloci rispetto agli altri browser.

Sebbene lightbox è di sicuro il plugin più utilizzato per le photogallery, c’è da dire che non è l’unica soluzione per fortuna. Infatti esistono tante altre alternative per visualizzare foto singole e gallerie nelle pagine web, e queste soluzioni non sono da meno a Lightbox.

Nell’era del web 1.0 spopolavano gli odiosi popup a finestra con messaggi pubblicitari, che dato il sistema di Internet Explorer (all’epoca unico leader nel settore browser) intasava la barra delle applicazioni.

Il web 2.0 ha evoluto il sistema popup, ora chiamati anche popup-under, con una tecnica meno invasiva, ma altrettanto fastidiosa, che si basa su un div con posizionamento assoluto sopra il layout, così il browser non bloccherà il popup perchè non lo vede come finestra, ma come un elemento html.