css

Ci sono 7 articoli con tag css (questa è la pagina 1 di 1).

piccole modifiche al CSS

Grazie ai consigli dell’amico Paolo, ho modificato leggermente il tema. Adesso i link nei post di tipo “Citazione” e in quello di tipo “Digressione” dovrebbero essere visualizzati correttamente. Senza la particolare formattazione prevista dal tema genitore Indipendent Publisher.

Grazie Paolo!

Snoopy, web inspector in mobilità

Nelle scorse settimane in una delle mailing list che seguo un utente ha chiesto consiglio in merito ad un tool che gli permettesse, quando fosse in giro con il suo iPad, di visualizzare il codice sorgente delle pagine web che visitava all’interno di Safari mobile (o di Chrome).

È capitata a fagiolo la segnalazione da parte dell’amico Khürt Williams di Snoopy:

Snoopy is a bookmarklet for snooping on web pages. It’s intended for use on mobile browsers (such as Mobile Safari on the iPad) where you can’t view-source to poke around under the hood of sites to see how they’re built. You might find it useful for your desktop browser, too.

 

Using the bookmarklet will give you an overlay featuring information that Snoopy can ‘sniff’ out of the page, such as the doctype, what JS libraries are used in the page, what analytics, what font embedding technique is used, etc. It also gives you the ability to view the raw and/or generated source of the page.

Mark Perkins → Snoopy

Ho colto l’occasione per fare un giro di prova sul mio iPad, e questi sono un paio di screenshots per testimoniarne le funzionalità…


Spero torni utile a (più di) qualcuno!

di WordPress.com e della versione ottimizzata per iPad

Mesi fa sul sito Usare WordPress.com [la cui gestione ho ereditato dall’amica Isadora] scrissi due articoli in merito alla versione mobile ottimizzata specificatamente per iPad realizzata dal team di Automattic per ‘migliorare‘ l’esperienza d’uso dei blog ospitati sulla loro piattaforma di blogging gratuita WordPress.com.

Gli articoli erano:

Ieri sera, grazie alla disponibilità di un collega, ho finalmente potuto vedere come koolinus.wordpress.com – il mio blog in lingua inglese – si presentasse ai lettori che hanno un iPad… Questa è la home:

koolinus.wordpress.com on iPad #1

…questa, invece, è la visualizzazione parziale di un articolo singolo:

koolinus.wordpress.com on iPad #2

Bello vero?
Ora devo solo modificare un po’ i font ed aspettare che un plugin similare venga rilasciato per la versione self-hosted di WordPress …

Oppure è già stato fatto ed io lo ignoro ???

scarica gratis The Art & Science of CSS

the Art & Science of CSS Recupero un po’ di arretrato ‘narrativo’ accumulato in questi giorni di down del blog parlandoti della possibilità di scaricare in forma legale l’intero libro di cui qui a fianco vedi la copertina.

Se sei un mio lettore, forse ricordi la mia segnalazione dello scorso fine maggio in cui la casa editrice americana SitePoint rese gratuitamente disponibile l’ intero libro The Photoshop Anthology: 101 Web Design Tips, Tricks & Techniques in formato PDF.

Ebbene, a distanza di mesi, ecco a noi una nuova possibilità di download gratuito!

Questa volta Sitepoint offre, per un paio di settimane, la possibilità di scaricare gratuitamente il loro libro più venduto (sempre in formato PDF e in lingua inglese): The Art & Science Of CSS !!!

Basta collegarsi al sito Twitaway e seguire le poche e semplici istruzioni.

Mi pare “remarkable” sottolineare come il tutto sia una operazione commerciale ad ampio spettro utilizzando Twitter ed il suo tam tam, sia come diffusione della notizia che, in una fase successiva, di fidelizzazione dei clienti che rimarranno in contatto con l’editore attraverso questo canale di comunicazione.

Buon Download!!!

simpleCSS

Vista la mia ignoranza in materia sto cercando – a parte l’aver acquistato un testo da cui studiare – degli strumenti che mi aiutino nel modificare il codice html & i CSS di WordPress.

Nella mia ricerca x un editor gratuito ed alternativo (su piattaforma Windows) ai blasonati EditPlus e UltraEdit mi sono imbattuto in Crimson Editor consigliato da XarFace, in Notepad++ caldeggiato da Dalilah e in PS Pad, scovato da me :-).

Tra questi PS Pad mi sembra il piu’ interessante, sia perche’ basta decomprimerlo in una directory per farlo funzionare (e sappiamo come cio’ sia comodo quando lavoriamo su una macchina non nostra) sia in una prospettiva di sviluppo web abbastanza pesante, viste le sue caratteristiche:

  • Gestione di Progetti Modifica di file di testo di dimensione qualsiasi
  • Apertura contemporanea di diversi documenti (MDI)
  • Possibilità di salvare lo stato del desktop per future sessioni
  • Client FTP per modificare i files in remoto (direttamente sul WEB)
  • Registratore di macro per registrare, memorizzare e riprodurre sequenze di operazioni ripetitive
  • Ricerca e Sostituzione di stringhe nei files
  • Evidenziazione colorata delle differenze di testo
  • Uso di Modelli (HTML tags, script, modelli sintattici…)
  • L’installer contiene modelli per HTML, PHP, Pascal, JScript, VBScript, MySQL, MS-Dos, Perl,… 
  • Evidenziazione di Sintassi definibile dall’utente, per ambienti “personalizzati”
  • Riconoscimento automatico dell’Evidenziazione di Sintassi in base al tipo di file
  • Correzione Automatica
  • Editor ESADECIMALE completo
  • Definizione di programmi esterni, in funzione dell’ambiente selezionato
  • Compilatore esterno con cattura dei messaggi di uscita, finestra di log, analizzatore sintattico di log per ogni ambiente
  • Stampa colorata della sintassi con anteprima di stampa
  • Libreria TiDy integrata per formattare e verificare il codice HTML e per convertirlo in CSS, XML, XHTML
  • Versione libera integrata dell’editor CSS TopStyle Lite
  • Esportazione con sintassi evidenziata nei formati RTF, HTML, TeX in file o Appunti Selezione a colonna, segnalibri, numeri di linea, …
  • Riformattazione e compressione codice HTML, conversione MAIUSCOLA/minuscola dei tags 
  • Ordinamento delle linee in base a una colonna selezionata, con possibilità di eliminare i duplicati
  • Tabella caratteri ASCII con entità HTML
  • Esploratore di Codice per Pascal, INI, HTML, XML, PHP ed altri linguaggi, in futuro
  • Controllo Ortografico
  • Browser WEB interno con supporto per APACHE
  • Evidenziazione coppie di parentesi corrispondenti … 

Per quello che riguarda, invece, la gestione dei CSS, ho scovato simpleCSS, un tool fornito gratuitamente (per Windows, Macintosh e Linux) dall’ ISP hostm che ne ospita la pagina del progetto. Questo tool permette di creare il proprio CSS, oppure importandone uno gia’ esistente di modificare elemento per elemento in maniera immediata.

Qui sotto vi lascio uno screenshot della funzione diff tra file: