Webデザイナーおよび開発者向けの新鮮なリソース(2017年1月)
このシリーズは私たちが目撃した長い道のりを歩んできました Web開発ツールは行き来します;一度輝いた、数ヶ月後彼らは他の最新のツールで時代遅れにされています。それにもかかわらず、私達は私達の開発者が今月探検するためのリストにいくつかの新しいツールを持っています。 レスポンシブUIデザインのためのSketchプラグイン, そしていくつかのCSSフレームワーク.
その他のリソースはこちらその他のリソースはこちら
推奨されるリソースの全コレクションと、利用可能な最高のWebデザインおよび開発ツールを見つけてください。.
iTyped
JavaScript あなたが提示することを可能にするライブラリ タイピング テキストリストの効果;最近Web上で見られたような種類の影響。このJavaScriptライブラリは 効果をカスタマイズするための少数のオプションで実装が簡単. あなたはNPMを通してこのライブラリをインストールするか、またはCDNを通してそれをロードすることができます。 https://unpkg.com/[email protected]
.

オペラネオン
タブベースのブラウザを導入したのはOperaが最初でしたが、それ以降は、 いわゆるタブとスピードダイヤルのあるブラウザ. Operaは最近、Opera Neonという新しいイニシアチブをリリースしました。いわゆる新鮮なインターフェースを備えた新しいブラウザ アドレスバー、分割画面モード、および美しい壁紙 選択それでは、Opera Neonは再びブラウザスペースを変更することができますか?これは見なければならないでしょう.

At.js
At.jsは、あなたができるJavaScriptライブラリです。 スマイリーを追加する、友達に言及する、タグ付けする; Slack、Twitter、そしてFacebookで見たようなもの。このプラグインにはjQueryが必要です。 Internet Explorer 7で作業する そしておそらく インターネット探検6も. 素晴らしい!

リリース
リリースする Githubでソフトウェアの新しいバージョンのリリースを作成する もっと効率的な。新しいリリースには通常、変更履歴とこのモジュールが添付されています。 あなたが更新履歴を入力することを可能にします Gitコミットメッセージから自動的に派生.

きれいな
JavaScript 美しく JavaScriptコードが一貫した方法でフォーマットされていることを確認する. ES2017とJSXをサポート.

あゆ
あゆは 新鮮でモダンな魅力のあるSublime Textテーマ. それは暗くそして明るく2つの調子と来る。アユとはインドネシアでは美しいという意味です。それ Sublime Text UIをより美しくする.

JSON Splora
A JSONデータを編集および視覚化するための軽量アプリケーション. Windows、Linux、およびMacOSと互換性のあるアプリ.

ズーミング
画像を優雅にズームするためのJavaScript. モバイル用に最適化されていて、ハイビジョン画面でうまく機能し、簡単にカスタマイズ可能です.

ランメ
Rammeは Instagramデスクトップクライアント. それは非公式ですが、多分あなたはいくつかのことを学ぶことができます ソースコードから新しいこと.

ユーザー名を変更
一度有効にしたWordPressプラグイン, を追加します “変化する” リンク ユーザー名入力の横に ユーザー名を変更できます.

NodeifyWP
NodeifyWPは非常にユニークなWordPressのプラグインです。それはそれからあなたがいつものようにWordPressを使うことを可能にします Node.jsモジュールを使用してコンテンツを出力する. 私はまだどのプロジェクトでもこのプラグインを試していません。しかし、私がWordCamp Denpasar 2016で見たプレゼンテーション, このプラグインはWordPress開発を近代化するために非常に有望に見えます.

カラーミー
ColorMeは、私が以前見たことのある他のカラージェネレータアプリとはまったく異なります。カラーコードを生成することとは別に、アプリはまた与えます 色の明るさ、色合い、色相、彩度、コントラストなどを調整します。.

WP-CLIパッケージ
A WP-CLIの拡張機能のコレクション これは、次のような追加のタスクを実行するための追加のコマンドラインとパラメータを追加します。 WordPressをリモートサーバーにデプロイし、WordPressサイトを移行し、キャッシュをフラッシュする, そしてもっとたくさん.

テーラーページビルダー
あなたを可能にするWordPressのプラグイン ドラッグアンドドロップインターフェースでノンリニアコンテンツを作成する. プラグインは、新しいコンポーネントが独自のコンテンツタイプを追加するように拡張可能です。. これらのコンテンツも管理するためのWP-APIを提供します。. Tailor Page Builderは、このカテゴリーではこれまでで最高のプラグインです。.

XVG
XVGはChromeの拡張機能です。 SVGグラフィックのアウトラインとアンカーを表示します それはあなたが簡単にSVGオブジェクトをデバッグするのを助けることができます.

リボンJS
RibbonJSはあなたを可能にするJavaScriptライブラリです。 あなたのウェブサイトに装飾的なリボンを作成する, あなたは次のスクリーンショットを見ることができるように。それはちょうど1キロバイトの大きさです、そして カスタマイズが簡単.

自動レイアウト
自動レイアウトは あなたのUIデザインをテストするためのプリセットスクリーンサイズの数を提供するスケッチプラグイン. だから、あなたはそれがiPhone 5、iPhone 6、その他で表示されているかどうかにかかわらずデザインが同じように良く見えることを保証することができます プリセットで使用できない場合のカスタムサイズを定義します. このビデオでプラグインがどのように動作しているかを見る.

機能
機能は CSSクラスのコレクション それは純粋関数の原則に従います。各CSSクラスはスタイル設定の単一の目的を定義します。このCSSフレームワークは現在、次のような将来導入するためのより多くの機能と共に進行中の作業です。 レスポンシブグリッド、ボタンなど.

ウェブスライド
軽量で スライドを作成するための使いやすいフレームワーク HTMLとCSSだけを使うWebslidesは現在、あなたができる2つの素晴らしいスライドテンプレートを提供しています。 スライドプレゼンテーションをすぐに開始する.

弾力性のあるWebデザイン
弾力のあるWebデザインはオンライン本です。この本は技術的なものではなく、代わりに、それはカバーしています Webを形作る歴史、原理、そして発明 私たちが今日の世界で知っているように。私はそれが週末のための素晴らしい読書だと思います.
