Nuove risorse per Web designer e sviluppatori (gennaio 2017)

Questa serie ha fatto molta strada attraverso la quale abbiamo assistito gli strumenti di sviluppo web vanno e vengono; una volta brillano, pochi mesi dopo sono resi obsoleti con altri strumenti più recenti. Ciononostante, abbiamo alcuni nuovi strumenti sulla lista che i nostri sviluppatori potranno esplorare questo mese che includono Librerie JavaScript, un plug-in di Sketch per la progettazione dell'interfaccia utente reattiva, e un paio di framework CSS.

Clicca per altre risorse

Trova la nostra intera collezione di risorse consigliate e i migliori strumenti di sviluppo e progettazione web disponibili.

iTyped

Un JavaScript libreria che ti permette di presentare digitando effetti di un elenco di testo; un tipo di effetto che potresti aver visto sul web ultimamente. Questa libreria JavaScript è facile da implementare con una manciata di opzioni per personalizzare l'effetto. È possibile installare questa libreria tramite NPM o caricarla tramite il CDN all'indirizzo https://unpkg.com/[email protected].

Opera Neon

Opera è stata la prima a introdurre il browser basato su schede e da allora abbiamo browser con le cosiddette schede e selezione rapida. Opera ha recentemente rilasciato la sua nuova iniziativa, denominata Opera Neon. Un nuovo browser con un'interfaccia più fresca come il cosiddetto omnibox, modalità schermo diviso e bellissimo sfondo selezioni. Quindi, Opera Neon può cambiare lo spazio del browser ancora una volta? Questo dovremo vedere.

At.js

At.js è la libreria JavaScript che ti permette di aggiungi emoticon, menzioni amici o taggatura; qualcosa come abbiamo visto su Slack, Twitter e Facebook. Questo plugin richiede jQuery, che consente di farlo funziona su Internet Explorer 7 e forse Internet Explore 6 anche. Fantastico!

pubblicazione

Il rilascio fa creando una nuova versione di un software in Github più efficiente. Una nuova versione di solito è accompagnata da un log delle modifiche e da questo modulo ti permette di popolare il registro delle modifiche derivato automaticamente dai messaggi di commit Git.

Prettier

Un JavaScript beautifier assicurando che il nostro codice JavaScript sia formattato in modo coerente. Supporta ES2017 e JSX.

Ayu

Ayu è Tema Sublime Text con un appeal fresco e moderno. Viene fornito con 2 toni scuri e chiari. Ayu significa bello in Indonesia, e per così dire; esso rende l'interfaccia utente di Sublime Text più bella.

JSON Splora

UN applicazione leggera per la modifica e la visualizzazione di dati JSON. L'app è compatibile con Windows, Linux e MacOS.

Zoom

Un JavaScript per ingrandire l'immagine con garbo. Ottimizzato per dispositivi mobili, funziona bene nello schermo ad alta definizione ed è facilmente personalizzabile.

Ramme

Ramme è un Client desktop Instagram. Anche se non è ufficiale, ma forse puoi imparare un paio di nuove cose dal codice sorgente.

Cambia nome utente

Un plugin per WordPress che una volta attivato, aggiunge a “modificare” collegamento accanto all'immissione del nome utente e ti permette di cambiare il nome utente.

NodeifyWP

NodeifyWP è un plugin per WordPress piuttosto unico. Ti permette di usare WordPress come al solito allora mostra il contenuto usando un modulo Node.js. Non ho ancora provato questo plugin su qualsiasi progetto. Ma la presentazione che ho visto in WordCamp Denpasar 2016, questo plugin sembra molto promettente per modernizzare lo sviluppo di WordPress.

ColorMe

ColorMe è piuttosto diverso da altre app di generatore di colore che ho visto prima. Oltre a generare codici colore, l'app dà anche controllo sulla regolazione della luminosità del colore, ombra, tonalità, saturazione, contrasto, ecc.

Pacchetti WP-CLI

UN raccolta di estensioni di WP-CLI che aggiunge linee di comando e parametri aggiuntivi per eseguire attività aggiuntive come quella per distribuire WordPress su server remoto, migrare un sito WordPress, svuotare le cache, e molto di più.

Tailor Page Builder

Un plugin per WordPress che ti permette di creare contenuti non lineari con un'interfaccia drag-n-drop. Il plugin è estensibile per un nuovo componente per aggiungere un tipo di contenuto unico. Fornisce WP-API per gestire anche questi contenuti. Tailor Page Builder è di gran lunga il miglior plugin in questa categoria.

XVG

XVG è un'estensione di Chrome che visualizza i profili e le ancore grafiche SVG che può aiutarti a eseguire il debugging degli oggetti SVG facilmente.

RibbonJS

RibbonJS è una libreria JavaScript che ti consente di generare nastri decorativi sul tuo sito web, come puoi vedere il seguente screenshot. Ha solo 1 kb di dimensioni e facile da personalizzare.

Layout automatico

Auto-Layout è a Plugin di schizzo che fornisce una serie di dimensioni dello schermo preimpostate per testare la progettazione dell'interfaccia utente. In questo modo puoi garantire che il design sia altrettanto valido sia che venga visualizzato su iPhone 5, iPhone 6, ecc. Il plug-in ti consente anche di farlo definire le dimensioni personalizzate nel caso non sia disponibile nel preset. Guarda come il plug-in in azione in questo video.

Funcssions

Funcssion è un raccolta di classi CSS che segue il principio della funzione pura. Ogni classe CSS definisce un singolo scopo dello stile. Questo Framework CSS è attualmente un work in progress con più funzionalità da introdurre in futuro come Griglia reattiva, pulsanti, ecc.

Webslides

Un leggero e quadro facile da usare per creare diapositive di presentazione usando solo HTML e CSS. Al momento, Webslides offre un paio di bei modelli di diapositive avvia immediatamente la presentazione della diapositiva.

Design Web resiliente

Resilient Web Design è un libro online. Questo libro non è niente di tecnico, invece, copre storie, principi e invenzioni che modellano il web come sappiamo nel mondo di oggi. Penso che sia un'ottima lettura per il weekend.