Olimpo Informatico

[rebelia]

alcuni strumenti utili per chi desidera sviluppare delle pagine web (nei post che seguono, i commenti e le spiegazioni dei segnalatori), nonche' alcuni programmi di grafica, tutorial e templates e links a thread interessanti (a fondo pagina):

programmi free per scrivere html:
mozilla suite
NVU
arachnophilia
PSPad
html gate
superEdi
crimson editor
amaya per i piu' rigorosi (editor e browser)
notepad++
scintilla.org
HTML-kit (free nella versione base, a pagamento nella versione avanzata)
weaverslave
easy html
1st page 2000 e qui la guida
easy html to any script converter 1.4.0 utility per convertire codice/file HTML in uno script ASP, C#, JSP, JavaScript, PHP, Perl, Python, Ruby, VB e VBScript (probabilmente non molto accurato, ma accettabile per chi deve convertire saltuariamente senza dover imparare tutto)

editor per linux:
quanta plus (per linux)

editor per mac:
subethaedit
smultron

multilinguaggio:
context

per ripulire html scritto con word:
word cleaner (free per files leggeri - 20kb - a pagamento per files piu' pesanti)

per i css:
top style lite
cssed
cascade dtp

per php:
php designer 2005
dev php
syn

per java:
jedit

browser per testare i siti:
firefox
opera

browser testuale:
lynx viewer

strumenti per webdesigner:
AIS web accessibility toolbar per internet explorer
web developer toolbar per firefox
test di visualizzazione su safari
test di visualizzazione a pagamento su parecchi browsers

validatori del w3c, il consorzio che detta le linee guida per i linguaggi del web

*******************************************

le principali (ulteriori) estensioni per firefox/mozilla:
ColorZilla è un'estensione che permette di sapere esattamente quel'è la tripletta di valori che compongono il colore sotto il mouse.

CuneAForm è un ottimo editor in linea, per modificare rapidamente le nostre pagine dal Web, ottimo se si devono fare modifiche al volo, magari durante una sessione di FTP.

EditCSS edita in una barra laterale del browser il foglio di stile associato alla pagina, molto buono per capire come è stato realizzato un sito.

FANG Emulator Ottimo sistema a basso costo, per "vedere" come uno screen reader legge il nostro sito, comodo se si decide di sviluppare un sito accessibile anche ai non vedenti.

HTML Tidy Validator Davvero un'ottima estensione che accomuna al visualizzatore di sorgente della pagina, l'ottimo validatore di Dave Ragget.
Ha un solo difetto, lo possono usare solo coloro che hano un sistema Microsoft Windows.

InspectorWidget per vedere il funzionamento del DOM (Documento Object Model), nel caso che avessimo usato queste peculiarità, è bene sapere dove esse vanno a parare

Link Checker per controllare se i link siano esatti e non puntino a risorse sballate.

Table Inspector, ancora accessibilità ed ancora uno strumento utile per vedere se le tabelle che abbiamo usato si linearizzano bene, dando la possibilità anche ad uno screen reader di leggerne i contenuti.

View Source With che permette di impostare vari editor predefiniti (io uso bluefish e gvim) con i quali aprire una pagina. E' facile da qui costruirsi il proprio ambiente intergrato.

estensioni firefox per bloggers:
extensions per bloggers

strumenti per controllare i link:
xenu's link leuth
link status
gurl checker (per linux)
link valet (controllo on line)

*******************************************

programmi free di grafica:
gimp
photofiltre

per disegnare ascii art:
jave (e non dimenticate la cartolina all'autore!)

per scritte in stile graffiti:
graffiticreator.net (leggere bene i termini d'uso)

font gratuite:
qui alcuni link

colori:
il contrasto sara' sufficiente? scopritelo qui
quali scegliere per un buon abbinamento? scopritelo qui, qui e qui
altri tre link sempre per gli abbinamenti:
1
2
3

*******************************************

discussioni interessanti:
commenti alle segnalazioni programmi free di questo thread


*******************************************

immagini:
siti dove caricare gratuitamente le proprie immagini
siti dove scaricare gratuitamente immagini da usare liberamente (occhio ai regolamenti!)
sito dove editare online le proprie immagini (operazioni permesse: ridimensionamento, ritaglio, rotazione, più una manciata di effetti di fotoritocco)

[ioSOLOio]

* fonte Utilities e risorse per web designer

da cui :

Layout o matic per creare il proprio layout e ottenendolo pronto da usare con tanto di css impostati...per novizi ovviamente

Listamatic raccolta di esempi e tecniche di menu basati su liste

List-o-matic una sorta di wizard online per creare velocemente menu con liste

Free Menù Design raccolta di menu by Css pronti da scaricare..

CSS Color Chart tabella colori

korhoen typeviewer una pagina interattiva..al centro un testo, in alto alcune opzioni per vedere il testo in diverse soluzioni, font, allineamento, grassetto, corsivo, ecc.ecc.

Special Characters in HTML i caratteri speciali nell'html

Simple Code per "trasformare" automaticamente e velocemente una porzione di codice in modo che il browser non la interpreti [per mostrare ad esempio linee di codice in una pagina web..]

Css Tab designer utility free, software to help you design css-based lists and tabs

[ioSOLOio]

[kluster]

I pixel button sono molto utilizzati nei blog o nei siti e sono piccole immagini che servono per riportare per esempio scritte "xhtml valid" o cose del genere.
Questo strumento:
link
permette di crearli direttamente online


un esempio:

o a tema con il periodo