Css – Pagina 2 – Geekissimo

3 strumenti per creare siti internet in modo facile, veloce e gratuito

Come già detto in diverse occasioni, grazie agli enormi passi in avanti fatti di recente dal mondo dei servizi web, oggi creare siti internet in modo facile, veloce e gratuito (quindi senza bisogno di conoscere complessi linguaggi di programmazione) è possibile per chiunque.

Proprio per questo, oggi noi di Geekissimo vogliamo presentarvi ben 3 strumenti per creare siti internet in modo facile, veloce e gratuito. Basta andare sui servizi web in questione, registrarsi gratuitamente, seguire le procedure guidate ed avrete in men che non si dica i vostri spazi sul web nuovi di zecca. Buona lettura a tutti!

Weebly: ottimo servizio web gratuito che permette, tramite una semplice interfaccia drag and drop, la creazione di complessi siti internet in pochissimo tempo e senza bisogno di conoscere linguaggi di programmazione web. Comprende anche un servizio di hosting gratuito.

Nuovo editor online HTML, CSS, Javascript: Rendurr

Letteralmente editor è la traduzione di editore dal latino editor, oris derivato da edere (mettere fuori, pubblicare). Lo scopo di un editor è facilitare la scrittura di un testo. Esistono vari tipi di editor: dai semplici editor di testo (come ad esempio il Notepad di Microsoft) che consentono di scrivere testo puro, si va ad editor di programmazione cioè che sono predisposti per un determinato linguaggio ed ad esempio sono in grado di completare automaticamente l’istruzione che si sta scrivendo.

Proprio per questo secondo gruppo il più famoso è senza dubbio DreamWeaver ma ci sono anche altri ottimi progetti come eclipse, notepad++ ed il mio preferito notepad2. Però il difetto comune a tutti e tre i programmi e che sono editor offline, cioè dobbiamo poterli scaricare ed installare per utilizzarli. A questo ovvia Rendurr.

Applicare un effetto francobollo alle immagini in css

Era da un bel po di tempo che non segnalavo qualche tecnica per applicare effetti alle immagini in css. Oggi voglio spiegarvi come applicare un effetto francobollo alle immagini in css.

L’effetto finale è la cornicetta che vedete nello screenshot soprastante, non servirà a tutti, ma se avete intenzione di aprire un sito o un blog sulla filatelia potrebbe tornarvi utile! Ecco a voi il codice da inserire per ottenere l’effetto francobollo:

Codice da inserire nel vostro foglio style.css:

      .francobollo{

        border:5px dotted #fff !important;

        padding:4px;

        background:#ccc !important;

       border:5px dashed #ccc;

      }

Testare il proprio sito con TestEverything (128 tools in 1)

Ecco un utile servizio web per testare il vostro sito, blog, pagina web e quant’ altro si chiama test everything ed è ovviamente gratuito. Raccoglie tutti i vari test che è possibile fare sul proprio sito in un unico tool. Per l’ esattezza sono 128 tipi di controlli o validatori divisi in 8 categorie.

Puoi trovare validatori CSS & HTML, strumenti SEO, Proxy Web, strumenti per il Network, per l’ immagine, per il testo ed altri tool vari e “cool”. Inoltre puoi controllare facilmente la popolarità del sito sui siti di Social Bookmarking.

Vuoi vedere come appare il tuo sito controllato da diversi broswer? Ne sono supportati ben 18. Oppure sei curioso sul tempo di caricamento della pagine? Puoi verificare anche quello, insieme a come detto strumenti SEO davvero molto utili.

CSS Text Wrapper: cambiare forma al paragrafo!

Davvero fantastico questo nuovo servizio offerto da CSS Text Wrapper! Come potete vedere dall’immagini qui sopra e sotto, potrete dire addio al solito paragrafo rettangolare e dare sfogo alla vostra fantasia. Grazie allo stile in Css potrete dare qualsiasi forma al vostro articolo, dandogli un tocco originale e innovativo.

Il funzionamento è semplicissimo, basta andare nel sito, scrivere nel box content il vostro contenuto e poi “giocare con le righe” finchè non avete trovato la forma che più vi piace! A questo punto avrete 3 possibilità per inserire il codice nel vostro sito, ecco qui sotto le differenze:

Xhtml-css, controlla e valida il tuo sito con un click

Grazie alla segnalazione di Walter, vengo a conoscenza di un nuovo sito per validare il codice del nostro sito o blog. Si chiama xhtml-css, vi basterà inserire l’indirizzo da validare e controllare e premere “Check It”. A questo punto se avrete errori ve li segnalerà tutti quanti, suggerendovi anche la soluzione per risolvere il problema.

Per chi non è molto esperto, ricordo che la validazione è la base per un buon sito, un sito senza errori e validato riceverà molti benefici dai motori di ricerca, questo perchè quando gli spider visitano il vostro sito ci stanno pochi attimi per scannerizzare tutto il codice dei vostri contenuti, se avete errori o intoppi, lo spider se ne andrà senza aver indicizzato correttamente tutte le vostre pagine, e come ben saprete se non sono indicizzate mai nessuno vi troverà nella ricerca sui motori.

Come aumentare il livello di leggibilità di un blog con 11 semplici accorgimenti

Chi scrive su un blog saprà sicuramente che la forma di un articolo è fondamentale, talvolta anche più importante del contenuto stesso!

Proprio per questo, oggi noi di Geekissimo vogliamo darvi qualche dritta, che speriamo vi possa essere utile, per aumentare incredibilmente il livello di leggibilità del vostro blog. Buona lettura:

Utilizzare in maniera ottimale i paragrafi: Suddividere un articolo in paragrafi aiuta incredibilmente la scorrevolezza della lettura, quindi, vanno impostati in modo da non risultare ne troppo brevi (una riga o poco più) ne troppo lunghi (oltre le 7-8 righe).

Utilizzare i titoli secondari: Soprattutto negli articoli più lunghi nei quali spesso si trattano più argomenti, può tornare davvero utile l’utilizzo di titoli secondari (o titoli di intermezzo, come dir si voglia), ovvero, testi di dimensioni leggermente maggiori rispetto al corpo dell’articolo vero e proprio, ma di dimensioni minori rispetto al titolo dell’articolo, che facciano da “spartiacque” tra i vari argomenti trattati.

10 temi natalizi gratuiti per i vostri blog WordPress

Ormai siamo in pieno clima pre-natalizio ed “addobbare” il proprio blog per le festività è sempre un’idea carina, sia per vivacizzarlo che per rendere più piacevole la navigazione in esso.

Se poi utilizzate WordPress come piattaforma per il vostro blog avete trovato proprio quello che fa per voi! Eccovi infatti 10 ottimi temi gratuiti in stile natalizio per blog WordPress:

Christmas Days | Test | Download |

CSSEZ, nuovo ottimo generatore on-line di temi per WordPress e MovableType

Come già giustamente sottolineato più volte, oltre i contenuti (che sono la cosa fondamentale), in un blog anche l’occhio vuole la sua parte e quindi un tema grafico bello da vedere è un qualcosa di estremamente importante.

Oggi vi presentiamo un servizio web in grado di far ottenere splendidi temi grafici per blog WordPress e MovableType, in pochissimi click ed in modo talmente facile che anche chi è alle prime armi riuscirà a fare ottime cose: CSSEZ.

100 ottime risorse per il web 2.0 design

Se siete dei web designer, questo allora è proprio il vostro giorno fortunato! Infatti noi di Geekissimo abbiamo appena sfornato proprio per voi una delle nostre mega-liste: 100 ottime risorse per il web 2.0 design.

Da badges a sfondi, passando per favicon, tutorial, icone, pulsanti, grafici e tanto altro ci sono davvero tantissimi strumenti che speriamo vi possano essere di aiuto nel vostro lavoro. Buona lettura:

BADGES

Web 2.0 Badges – Ottimo set di badges scaricabile ed utilizzabile gratuitamente.

Fresh Badge – Generatore di badges.

adClustr – Badges gratuiti.

Deziner Folio – Collezione di vari badges.

50 siti con fantastici template per siti e blog

Ok, i contenuti sono la cosa più importante ma diciamocelo chiaramente: anche l’occhio vuole la sua parte e, possiamo dire che nel mondo dei siti web e dei blog addirittura la esige!

Proprio per questo è buona cosa riuscire a trovare un template (ovvero una grafica già confezionata e pronta per l’utilizzo) bello che si adatti perfettamente alle caratteristiche del sito/blog che andrà a “vestire”. Che ne dite di 50 siti dove poterne trovare a centinaia gratuiti? Basta chiedere:

Webrsque, galleria web 2.0 dove trovare siti bellissimi (CSS)

Se siete dei web-designer, sicuramente saprete cosa vuol dire preparare graficamente un sito partendo da zero. Ci vuole tanta fatica nella scrittura del codice, ma soprattutto, ci vuole tantissima fatica (e fantasia) nell’ideare una bella grafica, con combinazioni di colori e forme azzeccate ed innovativa al punto giusto… sì, ma qual è il punto giusto?!

Come ogni creativo che si rispetti, anche chi deve lavorare con la grafica web ha dei momenti in cui, per una ragione o per un’altra, l’ispirazione manca e non riesce a tirar fuori una grafica bella per il progetto da portare a termine. In questi casi la cura migliore, oltre ad un po di relax personale, è sicuramente la visione di gallerie di siti “belli”, ovvero quelli con una grafica in CSS particolare e degna di nota.

I 25 migliori Servizi web 2.0 e Software per CSS

State creando un sito web ma non sapete proprio da dove iniziare per creare una grafica degna di tale nome? Volete rinnovare il look del vostro blog ma non sapete dove trovare quei box dagli angoli arrotondati che tanto vorreste usare?

Niente panico! Per queste ed altre esigenze concernenti il mondo degli stili CSS ci pensiamo noi di Geekissimo, fornendovi questa bella lista con i 25 migliori servizi web 2.0 e software gratuiti del settore:

Creazione Completa CSS (Layout, Font, Colori ecc.)

(1) HTML PHP CSS Website Template Maker – Generatore di template CSS/PHP, crea layout completi a due colonne.

(2) CSS Toolbox (per Windows) – Software all-in-one per CSS con strumenti di convalida e formattazione.

(3) Generatore di Pagine a 1-3 colonne

(4) CSS Generator – Generatore completo di stili CSS.

Layout CSS

(5) Boxed CSS – Sito dove scaricare layout già pronti per l’uso.

I 7 migliori widget di Opera Browser per blogger e web designer

Come ormai noto, uno dei maggiori punti di forza di Opera Browser (tralasciando i miliardi di funzioni utili integrate nativamente nel software), è la possibilità di usare i widget.

Anche se in molti pensano si tratti solo di “giocattolini” o inutilità varie, questi piccoli programmini, in diversi casi, presentano immense capacità ed utilità tutte da scoprire. E’ il caso di questi sette splendidi widget che stiamo per presentarvi oggi, decisamente must-have per tutti i blogger ed i web designer:

1. True HTML Editor
Editor Html/CSS con caratteristiche molto interessanti, ad esempio:
*Visualizzazione di solo codice o della sola pagina: E’ possibile decidere se visualizzare solo il codice, solo la pagina od entrambi.
*W3C Validator: Verifica la conformità della pagina agli standard W3C.
*Blog This: Pubblica sul blog quanto scritto con un solo click.
*CSS Builder: Crea e manipola facilmente CSS.
*Salva: Salva file nel widget.
*Auto Ricaricamento: Ricarica automaticamente o meno la pagina.
*Aiuto veloce per HTML/CSS: Aiuto on-line.

2. HTML Generator:
Aiuta per i primi passi con linguaggi tipo HTML, CSS e JavaScript.

+ Leggi tutto