Web Designer & Web Developer WordPress, SEO, HTML5, JQuery e molto altro. Piccoli articoli per grandi progetti!




Atom un editor hackable

Atom non solo un editor

Atom non chamatelo solo editor!

Editing multipiattaforma

Atom funziona su sistemi operativi. Si può usare su OS X, Windows o Linux.

Gestore di pacchetti integrato

Cercare e installare nuovi pacchetti o iniziare a creare il vostro proprio-tutto all'interno di Atom.

È possibile scegliere tra migliaia di pacchetti software open source che aggiungono nuove caratteristiche e funzionalità di Atom-o costruire un pacchetto da zero e pubblicala per tutti gli altri per l'uso.

Intelligente completamento automatico

Atom consente di scrivere codice più veloce con un intelligente, completamento automatico flessibile.

Browser file system

Facilmente sfogliare e aprire un singolo file, un intero progetto o più progetti in una sola finestra.

lastre multiple

Dividi la tua interfaccia Atom in più riquadri per confrontare e modificare il codice attraverso i file.

Trova e sostituisci

Trova, anteprima, e sostituire il testo durante la digitazione in un file o su tutti i tuoi progetti.

Temi

Atom viene pre-installato con quattro UI e otto sintassi temi a entrambi i colori chiari e scuri. Se non riesci a trovare quello che stai cercando, è possibile anche installare temi creati dalla comunità Atom o creare il proprio.

Personalizzazione

E 'facile da personalizzare e Atom stile. È possibile modificare l'aspetto della vostra interfaccia utente con i CSS / Meno e aggiungere caratteristiche principali con HTML e JavaScript. Guarda il video sulla creazione di Atom .

Sotto il cappuccio

Atom è un'applicazione desktop costruito con HTML, JavaScript, CSS e l'integrazione Node.js. Funziona su Electron , un framework per la creazione di applicazioni multi-piattaforma che utilizzano tecnologie web.

undefined

 

Open source

Atom è open source. Se vuoi far parte della comunità Atom o contribuire a migliorare il vostro editor di testo preferito, ci trovate su GitHub , Discutere e Slac!

 Insomma un editor fanatastico Free e sopratutto molto completo in tutte le sue forme!!!!!!

Adesso no ci resta che provarlo!: link https://atom.io/

 

undefined

Favicon & App Icon Generator

favicon-generator.org

Cosa sono i Favicons?

I Favicons sono piccoli file icon 16x16 che vengono visualizzati accanto all'URL del tuo sito nella barra degli indirizzi del browser. Inoltre vengono spesso visualizzati accanto al nome del tuo sito nell'elenco di schede aperte e negli elenchi dei segnalibri dell'utente che rende più facile per l'utente di identificare rapidamente tra altri siti.

Quali sono le icone app?

Icone delle applicazioni sono le immagini che si premono sullo smartphone per avviare un'applicazione. Quando nuovi telefoni vengono rilasciati con schermate di risoluzione più elevate, sono necessarie icone app di risoluzione superiore. Gli sviluppatori continuano a mantenere il supporto per i telefoni più vecchi con risoluzioni più basse, quindi quando si crea un'icona dell'applicazione è necessario creare diverse variazioni di dimensioni della stessa immagine. Questo è vero per tutti gli smartphone come iPhone e Android, e anche i Tablet e iPad.

favicon-generator.org Ottimo!

Anche se molti browser web moderni supportano faviconi salvati come GIF, PNG o altri formati di file popolari, tutte le versioni di Internet Explorer richiedono ancora che favicon sia salvato come file ICO (un formato di icona Microsoft).

Favicon-generator.org fornisce un modo semplice per convertire qualsiasi GIF, PNG o JPEG in ICO, supportato da tutti i browser web moderni. Permette anche di creare faviconi da zero grazie a un comodo editor online.

Inoltre, l'editor consente di modificare manualmente le favicon generate per garantire il miglior risultato possibile. Utilizzando un favicon Dopo aver generato un favicon con questo strumento scaricate e salvate nella directory principale del tuo sito. Quindi includere il seguente codice nella testata del documento HTML.

Link: favicon-generator.org

Developer Conference 2017

Developer conference Codeanywhere 2017

Developer conference Codeanywhere 2017

Dal 1 e 2 giugno a Sapalto in Croazia

La più grande conferenza per gli sviluppatori dell'Europa sudorientale.
Questo evento, Shift 2017 è il sesto e riunirà più di 1500 partecipanti. Durante i due giorni di conferenza, Shift diventa un luogo di incontro per gli sviluppatori della città più bella del mondo Spalato in Croazia.

Si parlerà delle tecnologie più avanzate, le tecniche e le tendenze più in uso per gli sviluppatori, con autorevoli presenze provenienti da; GitHub, Twitch, Atlassian, GitLab, Heroku, Google, Facebook e molti altri ancora.

 

 

Workshop con gli esperti del settore e i leader che ti faranno  avvicinare con estrema facilità ad alcune delle tecnologie più emozionanti: React, React Native, Webpack e Symphony.
Due ore di workshop pratici saranno in esecuzione in parallelo con il resto dell'evento quindi non dimenticate i vostri computer portatili.
I workshop si svolgeranno nell'area 55, la capacità dei posti a sedere è limitata...

Tutto questo organizzato da Shift scopri di più Link

 

widget instagram SnapWidget

SnapWidget

Visualizzare automaticamente i vostri contenuti

L'importanza dei social è sempre più evidente; sopratutto se devono interagire con pagine web.
SnapWidget è un generatore di <iframe> per visualizzare tutte le tue immagni di Instagram, Twitter e Facebook sia sul tuo sito che sul tuo blog, semplice e veloce da usare.

Ovvimante prevede tariffe a pagamento, ma anche una versione gratuita FREE!

Abbiamo la possiblità di generare griglie, slide a molto altro ancora, ottimo compromesso per valutare e testare l'inseroimento di contenuti social.

Inoltre possiamo anche interagire con i CSS forzando l'iframe generato, nella versione Pro abbiamo molte più funzioni e articolate in maniera molto professionale.

Piccolo esempio per centrare il nostro iframe è renderlo fluido:

<!-- SnapWidget -->
<iframe class="snapwidget-widget" style="border: none; overflow: hidden; width: 390px; height: 390px;" src="https://snapwidget.com/embed/" width="300" height="150" frameborder="0" scrolling="no"></iframe>

andremo a implementare la classe .snapwidget-widget:

.snapwidget-widget {margin:0 auto; display:block; width:100%; max-width:1200px;border: none; overflow: hidden;} 

nulla di complesso

<!-- Pulito -->
  <iframe class="snapwidget-widget"  src="https://snapwidget.com/embed/" scrolling="no"></iframe>

Qui potete visitare il sito link

Home ← Discussioni più vecchie