font del testo Render con Javascript, canvas e VML

JavaScript Nessun commento »

Link: Typeface

Sulla rendering del testo è in genere attraverso il CSS, il browser chiama il tipo di carattere locale rendering direttamente sul testo. Ma quando non ci sono i font corrispondenti locali, gli effetti intero layout di pagina e rischiano di essere colpiti.

Per risolvere questo problema, alcuni siti web il modo in cui l'uso di immagini per il formato del testo incorporato nelle immagini fatte del sito. Ma poi una serie di problemi emersi, quando cambia il contenuto, ha dovuto usare PS o FW modificare per un'immagine, che a sua volta diventa fastidioso quando i cambiamenti, nello stesso momento su SEO ha un grande impatto, perché la ricerca di immagini motore non è molto amichevole, e il testo non può scegliere di non copiare altre operazioni (ovviamente a volte in modo da diritto d'autore, ci vuole anche questa funzione)

C'è stata una chiamata in seguito sIFR d'Oriente, attraverso un testo specifico rendering Flash. Dopo il rendering del testo può essere selezionato operazione di replica. C'è bisogno di alcuni limiti sul sostegno browser Flash.

Typeface è oggi utilizzata da JS <canvas> e VML rendering del testo. Flash fuori dei limiti è molto conveniente per l'utilizzo della modifica

<script src="typeface-0.10.js" type="text/javascript"></script>
<script src="helvetiker_regular.typeface.js" type="text/javascript"></script>
<div class="myclass typeface-js" style="font-family: Helvetiker">
Text here in Helvetiker font...
</div>

Browser supportati: Firefox 1.5 +, Safari 2 +, Internet Explorer 6 +

Certo, ha anche alcune limitazioni: generalmente utilizzato per il rendering della testa e del titolo, se il corpo di rendering del testo, la velocità sarà molto lento; inutile per conseguire: hover pseudo-selettore, c'è il supporto per la scelta delle parole non è molto buona (naturalmente questo non è un impatto sul SEO)

Ci Demo

  • Bookmark

20081124 mostra desktop

tema Nessun commento »

Andando a cambiare la pelle, lasciare una mappa backup, stile Buuf:)

Usa WindowBlind, IPpackage, Rainlendar, Lanuchy raggiungere.

  • Bookmark

Creare una Dashboard jQuery

JavaScript Nessun commento »

Link: Creazione di un cruscotto jQuery

Sulla produzione di immagini molto precise da parte delle PS di HTML, CSS e JS spiegazione passo del cruscotto di un processo produttivo basato su jQuery.

Qui ci sono demo e file sorgente da scaricare.

  • Bookmark

JS eventi personalizzati roundup

JavaScript Nessun commento »

Link: JS eventi personalizzati Roundup

js evento personalizzato, il giornale cita YUI e JQuery basa su due semplici esempi di ri-registrare un trigger di evento:

Basato su YUI

var foo = new YAHOO.util.CustomEvent('foo event');
foo.subscribe(function(type, args){}, true);
foo.fire();

JQuery base

$('#foo').bind('bar_event', function(event, param){});
$('#foo').trigger('bar_event');

Naturalmente altri Prototype, Dojo, Ext, ecc Lib supportano anche eventi personalizzati.

Leggi il resto di questa voce »

  • Bookmark

Merlo

JavaScript Nessun commento »

Link: Blackbird

Debug di un pacchetto, l'autore è partita l'annuncio dire 'ciao' al merlo e 'arrivederci' a alert (). Il grafico sopra è il risultato, l'effetto è abbastanza freddo, hehe.

Browser supportati:

  • Internet Explorer 6 +
  • Firefox 2 +
  • Safari 2 +
  • Opera 9.5

Leggi il resto di questa voce »

  • Bookmark

Jack per beffardo oggetti JavaScript e funzioni

JavaScript Nessun commento »

Link: Jack

Jack è un toolkit per beffardo oggetti JavaScript e funzioni. Il progetto mira ad aiutare gli sviluppatori a scrivere leggibile JavaScript test e breve.

Riepilogo delle funzionalità

  • aspettative per numero di chiamate e dei vincoli argomento
  • Specificare implementazioni mock per gli scenari di previsione specifica
  • Creare oggetti mock con un elenco di funzioni stub
  • fallimenti aspettativa Reports per verificare quadri. Attualmente integrato con JSSpec e Scriptaculous TestRunner

Leggi il resto di questa voce »

  • Bookmark

In modo sicuro analisi JSON in JavaScript

Ajax , JavaScript Nessun Commento »

Link: sicura parsing JSON in JavaScript

Sicurezza nella conversione di JSON che, eval () è una cattiva idea estrema, può portare ad attacchi di iniezione. "Di questo articolo consiglia inoltre Douglas Crockford la "JSON e Browser Security" .

Consigliato nella conversione di utilizzo del json.org su una libreria di Handy . Offre due metodi: JSON.parse()和JSON.stringify()字符串和JSON对象的互转.其中 JSON.parse () 使用的是正则方式而非eval()来进行转换.

Molti Ajax lib e ora utilizzare il metodo eval, testo di jQuery, ad esempio, che molti dei principi di:

  1. Non usare mai $.getJSON()
  2. Non impostare la richiesta Ajax type opzione a 'JSON.'

Del tipo di quelli di testo, per evitare la conversione automatica di jQuery, i dati in formato testo di riprenderla di nuovo dopo aver usato il sopra JSON.parse () per convertire i dati.

PS: tempo nessun aggiornamento, 囧 zn

  • Bookmark
WP Theme & Icons da N. Design Studio
Entrate di RSS RSS Commenti Login