Posts RSS
feb/102

Piccoli e utili strumenti per Web Designer

scritto da Laura | categoria: strumenti utili

font

Non mi sono mai occupata di “listoni“, e in parte ne sono perfino contraria, ma a questo punto mi pare cosa buona e giusta proporre una lista di link a utilities varie che nel corso degli anni mi hanno aiutato e mi aiutano tutt’ora a svolgere il mio lavoro senza intoppi.

Sono piccoli programmini gratuiti e che funzionano comodamente online. Ne conoscete altri ancora più utili?

Commentate e condividete ;-)

Riconoscere un font

What the Font è una utilty del famoso My Font che permette di riconoscere un carattere partendo da un’immagine o da un URL.

http://new.myfonts.com/WhatTheFont/

Usare testo fittizio

lorem

Obbligatorio per tutti i web designer. Personalmente consiglio di installare l’estensione per firefox che produce testo fittizio “al volo” e nella maniera e quantità desiderata.

Se invece preferite fare tutto online ecco il più famoso dei link: http://www.lipsum.com/

Convertire maiuscolo minuscolo

case-converter

Fino a poco tempo fa usavo semplicemente Microsoft Word, dopodichè ho litigato a morte con tutto il pacchetto Office e quindi mi son resa conto che “online è meglio”

http://caseconverter.com

Creare una favicon

logo dynamic drive

C’è ancora chi si chiede come si faccia a generare quella piccola immagine che vediamo vicino alla barra degli indirizzi del browser. Beh esistono tanti metodi ma a mio parere il migliore è questo tool on line, che, rta l’altro, crea l’icona ottimizzata a diverse dimensioni.

http://tools.dynamicdrive.com/favicon

Calcolare le percentuali

calcolo percentuali
Questo è il mio preferito. Da quando emetto fattura, vista la mia propensione anti-matematica, lo uso praticamente sempre :-)

http://www.dossier.net/utilities/percentuale/index.html

Puoi trovare interessante anche:

Esprimi un giudizio sul post!

mmm... poco interessanteMi piace! (+5 rating, 5 voti)
Loading ... Loading ...
Tags: , , | letture: 782
torna su

15 commenti

  1. Francesco Caruccio scrive:

    2 febbraio 2010 alle 2:25

    Beh che dire, grazie! non si finisce mai di imparare

  2. marighela scrive:

    2 febbraio 2010 alle 9:55

    grandioso quello per ilc alcolod elle ercentuali!…già nei preferiti! ^_^

  3. aledesign.it scrive:

    2 febbraio 2010 alle 10:24

    Bella lista. Interessante il calcolo delle % e delle favicon. Se posso ti aggiungo un link scoperto pochi giorni fa (non me ne vogliano chi lo sapeva già) sulla riduzione dei link in twitter http://tinyurl.com

  4. Paolo scrive:

    2 febbraio 2010 alle 10:25

    Grazie! Quello per il maiuscolo mi è utilissimo… Ho una cliente musicista che vuole sempre gli aggiornamenti dei concerti in maiuscolo…

    io condivido questo per le conversioni web/tipografiche

    http://riddle.pl/emcalc/

  5. Laura De Masi scrive:

    2 febbraio 2010 alle 13:30

    grazie per i suggerimenti… tutti i link sono utilissimi!

  6. blackdog scrive:

    6 febbraio 2010 alle 17:21

    non ho capito l’utilità di case converter per un designer, dato che in Photoshop l’uppercase c’è, maiuscolare 3-4 parole non è che sia sta gran fatica (ci metto sicuramente meno che andare a recuperare il sito, scrivere e copiaincollare) mentre per il web ci sono i comandi CSS…

  7. blackdog scrive:

    6 febbraio 2010 alle 17:23

    PS: mi sembra utile segnalare Typetester
    http://www.typetester.org/

  8. Paolo scrive:

    6 febbraio 2010 alle 17:44

    Anche se uso il comando css preferisco scriverli comunque in maiuscolo, così se uno disattiva il foglio di stile ciò che serve in maiuscolo c’è.

  9. Paolo scrive:

    6 febbraio 2010 alle 17:49

    Qualcuno conosce un tool per rimuovere gli a capo dai file txt?

  10. Laura scrive:

    6 febbraio 2010 alle 17:50

    ottima segnalazione, grazie.
    Per il commento sul case converter: mi capita spesso di dover modificare testi inviati dai clienti, css a parte… mi trovo con Paolo ;-)

  11. Laura scrive:

    6 febbraio 2010 alle 17:51

    @paolo: non conosco lo strumento, ma in genere io faccio un find&replace mettendo come chiave di ricerca lo spazio vuoto. In 2 secondi il gioco è fatto!

  12. blackdog scrive:

    6 febbraio 2010 alle 19:50

    Sono d’accordo sul fatto delle maiuscole, se devo scrivere un Nome Cognome ovviamente scrivo maiuscolo anche se so che verrà renderizzato in uppercase, lo stesso per la prima lettera di una frase, ma in tutti gli altri casi no, altrimenti è inutile scrivere la classe CSS.
    La paura “ma se visualizza senza css” mi sembra una delle solite paranoie che ci poniamo noi tecnici, dandoci la zappa sui piedi.
    Riguardo alle correzioni su materiale dei clienti, dipende da come uno si accorda, ma se sono un designer non sono un copywriter, quando si trovano gli errorazzi e fanno figuracce vedi che imparano a fare i dovuti controlli ;)

    @Paolo: cercando “text unwrap” il primo risultato che trovo è questo: http://3d2f.com/tags/unwrap/text/ comunque uno script php è sicuramente molto semplice da realizzare.

  13. Paolo scrive:

    6 febbraio 2010 alle 20:23

    @Paolo: cercando “text unwrap” il primo risultato che trovo è questo: http://3d2f.com/tags/unwrap/text/ comunque uno script php è sicuramente molto semplice da realizzare.

    Grazie, già risolto con open office, oppure c’è un simpatico programmino chiamato clear text per mac

  14. Laura scrive:

    11 febbraio 2010 alle 23:56

  15. Laura scrive:

    12 febbraio 2010 alle 14:19

    ..e grazie a Napolux oggi ho scoperto questo: http://www.napolux.com/2010/dummyimage-com.html, ottimo per i wireframe!!!!

torna su

Commenta l'articolo