Webデザイナーおよび開発者向けの新鮮なリソース(2016年6月)
私達は中年版のためのリストを広げています。今回の記事では、いくつかのCLI(およびここでコマンドラインを学習する理由についての記事)、いくつかの仕事用のデスクトップアプリケーション、およびいくつかのCSSおよびJavaScriptライブラリを紹介します。また、チェックアウトする必要があるベストプラクティスに関する資料、参照、ガイド、ブックマーク、および場合によっては1日読むことも含まれています.
私はリストの残りを台無しにするつもりはないのであなたが行く。より新鮮な資料については、ここをクリックしてください。.
その他のリソースはこちらその他のリソースはこちら
推奨されるリソースの全コレクションと、利用可能な最高のWebデザインおよび開発ツールを見つけてください。.
CertBot
CertBot Let's Encryptから証明書を展開するためのより便利な方法を提供します。 Apache、NGINX、Pleskなどの多数のサーバ設定をサポートする一連のコマンドラインを提供します。そういえば、Let's Encryptは、無料のSSL証明書を提供することによってWebをより安全にするための共同の取り組みです。現在300万以上のWebサイトで使用されています.
ものの木
ものの木 コードを表示するために特別に設計されたフォントです。 Mononokiはインストール可能なデスクトップフォントとして利用可能です(.TTF
)とウェブフォント(.イート
, そして .woff
)それは古典的なものに代わる新鮮なものです モノタイプ モナコ、メンロ、クーリエのように.
BideoJS
ホームページにフルページの自動再生ビデオを表示することは、増加傾向にあるようです. BideoJS それはあなたがより少ないハードルでまさしくそれをすることを可能にするJavaScriptライブラリです。軽量で反応がよく、ニーズに合わせて構成できます。.
CSSの削除
CSSの削除 CSSに関する参考文献、記事、および統計のコレクションです。このような有益な情報は、どのCSSメソドロジー、ツール、およびフレームワークをプロジェクトに採用したいかについて、十分な情報に基づいた決定を下すのに役立ちます。.
Mailgen
Mailgen は、シンプルでレスポンシブなHTML Eメールを生成するためのNodeモジュールです。電子メールのほぼすべての領域をカスタマイズできるように、いくつかのオプションが用意されています。あなたは電子メールを設定することができます “テーマ”, 電子メールのヘッダ “アクションの呼び出し” ボタン。ノードベースのデスクトップまたはWebアプリケーションに統合することもできます。.
デコ
デコ FacebookのイニシアチブReact Nativeを使用してモバイルアプリを構築するためのIDEです。ドラッグアンドドロップ、スライダー、カラーピッカーを使用してユーザーフレンドリーなUIでアプリを構築できるXCodeやVisual Studioのようなデコを考えてください。.
IE8リンター
Internet Explorer 8(IE 8)は、CSS 3 Animations、Transform、Transition、およびほとんどのHTML 5要素などの最新のWebテクノロジをサポートしない旧式のブラウザです。 ポリフィル. DRYの原則は、Internet Explorer 8の互換性についてウェブサイトをスキャンするために使用できるツールです。それはレポートと解決策を提供します.
山羊座
山羊座 非公式のFacebook Messengerデスクトップアプリです。 Node.jsとElectronの上に構築されているため、クロスプラットフォームのアプリケーションにすることができます。 OS X、Windows、およびLinuxで利用可能です。ダークとライトの2色もあります.
フォトンキット
フォトンキット Electronで新しいアプリを始めるためのフレームワークです。 Bootstrap、Foundationなどによく似ていますが、Photonには、ボタン、ツールバー、サイドバーなどのアプリケーションで共通のUI要素を構築できるようにする多数のコンポーネントが付属しています。.
ヨーマンアプリ
ヨーマンアプリ Yeomanからプロジェクトのボイラープレート、フレームワーク、および足場を生成するデスクトップアプリケーションです。ターミナルやコマンドラインを使って作業するのに慣れていない人にとっては、これは良い選択肢です。.
SQLectron
SQLectron SQLデスクトップクライアントで、いくつかのSQL操作をより便利に表示および実行できます。 MySQL、PostgreSQL、およびMicrosoft SQL Serverをサポートしています。 SQLectronはOS X、WindowsおよびLinuxで利用可能です.
家族のSCSS
ファミリーSCS で要素を選択するmixinのコレクションです。 :nth-child
もっと直感的です。ミックスインは宣言的です。例えば、あなたは書くことができます 最初に含める(3)
最初の3つの子要素を選択して書く (2、4)の間に含める
2番目から4番目の子要素を選択する.
EasyEngine
EasyEngineは、Redis、Cachingプラグイン、PageSpeedなどのツールやモジュールを使ってWordPressを設定できるようにするコマンドラインの集まりです。 WordPressサーバーのセットアップが楽になります.
フィンクス
フィンクス データベース管理と移行のためのPHPモジュールです。それはあなたが書くこと、ダウンロードすることとアップロードすることのようなほとんどすべてのデータベース操作を実行することを可能にするクラスとコマンドラインが付属しています。 Phinx Docsはあなたが始めるのを助けるために役に立つ参考文献です.
RichCSS
RichCSS 健全な構造を提供するCSSフレームワークです。フレームワークはフォルダ、ディレクトリ、クラスをDRY的に整理して再利用できるようにします。ボタン、リスト、フォームに加えて、RichCSSにはBower、Git、NPMなどの新しいRichプロジェクトを開始するために使用できる独自のCLIも付属しています。.
フレンド
フレンド 一般的なWebコンポーネントのコレクションです。コレクションは現在、アコーディオン、Dialog Modal、Offcanvas、Tooltip、Tabsで構成されています。さらにいくつかは次のリリースで提供される予定です。 FrendはjQuery UIの代わりになるかもしれません.
FLA
これは、Flexboxでレスポンシブグリッドレイアウトを構築するための包括的なフレームワークです。.
PHPの正しい方法
PHPは習得が容易なプログラミング言語ですが、コードを間違えてしまう可能性もあり、これは結果的にWebサイトのセキュリティとパフォーマンスを低下させる可能性があります。. 正しい方法のPHP PHPのベストプラクティスを学ぶための広範な参考文献です。.
安定性
安定性 派手なアニメーションのフィードバックで星評価システムを構築するためのCSSライブラリです。星の評価は、アクセシビリティを念頭に置いて構築されています。キーボードを使ってナビゲートして星を割り当てることができます.
WaitAnimate
WaitAnimate 計算するための便利なWebツールです。 “一時停止” 単一のCSSアニメーションのタイミング @keyframe
. の “一時停止”, 正しく行えば、アニメーションをより魅力的にすることができます。ここにいくつかの例を示します。.