すべての記事 - ページ 1564

それはここにあります！私たちは2014年の大混乱の年をようやく去りました、そして私たちが新しい年に新たな始まりを迎えるにつれ、私たちは新しい希望、希望、そして確かに新しい道具を試すことができます。この記事では、まとめました 一握りの完璧なツールとプラグイン この転がりを得るために. 便利なオンラインテストツールからモバイルデザインパターンに簡単にアクセスできるものまで、2015年を正しい軌道に乗せるための選択肢はたくさんあります。. Seti UI Seti UI Sublime Textカラースキームと混同しないようにSublime Textテーマです。 Sublime Textのテーマは、タブやサイドバーなどのアプリのインターフェースに影響します。 Seti UIは移植されたテーマです。その平らな外観は見て本当にいいです。 Windows 8またはOS X YosemiteでSublime Textを使用している場合は、テーマの最適な選択. IXDチェックリスト チェックリストを用意しておくと、何が行われ、何が行われるのかを追跡するのに役立ちます。あなたがUIデザイナーであれば、おそらく追加する必要があります IXDチェックリスト ブックマークに. IXDチェックリストには、チェックする共通のやることリストのコレクションが含まれています。各項目はリンク参照でサポートされているので、なぜリストにあるのかを知ることもできます。あなたが好めば、あなたがページを印刷してオフラインでリストをチェックすることができる左側に小さなボタンがあります. クーラー 配色を選択するためのツールはいくつかあります。しかし、このツールほど簡単なものはありません。 クーラー. スペースキーを押すだけで、新しい配色が表示されます。 Spaceキーを繰り返し押すと、アルゴリズムから派生し、ユーザーの貢献者から外部委託された新しい配色が無限に生成されます。....

このシリーズを何年もの間カバーしてきたので、私はツールが出入りするのを目撃しました。 A 毎週、いくつかの新しいツールがリリースされています。. しかし、ここ数週間で私はそれが少し遅くなっていると思います、それは私をいつもより少し長くしました Githubやその他の情報源を調べて新しいツールを探す それは無料で、オープンソースで、そしてこのシリーズで言及する価値があります. 本日の記事では、JavaScriptフレームワークからのツール、テストツール、そしてWordPressサイトを開発するためのツールをいくつか紹介しました。チェックしてみましょう. クット あ あなた自身のドメイン名でURLを短くするアプリケーション. Node.js、React、Reduxのような最新のスタックの上に構築されています。 パスワードで保護されたURL、RESTful APIなどの組み込み機能, URLを監視するための詳細な統計情報一番いいのは無料だし、自分のサーバーでホストできるということだ。. WordHat WordHatは BehatをWordPressに統合するためのツール. Behatは、より表現力豊かな方法でPHPアプリケーションをテストできる、PHP用のオープンソースの動作駆動開発（BDD）フレームワークです。. あなたのWordPressテーマとプラグインが機能をより複雑にするので、あなたはこのツールが非常に役に立つと思うでしょう。 WordHatとBehatはあなたのテーマやプラグインが期待通りに振る舞うようにします ユーザーが対話したとき. WPブラウザ WordHatと同様に、WP-BrowserはCodeceptionの拡張です。 WordPressアプリケーション、テーマ、そしてプラグインのために特別に設計されています. 共感は実行するためのツールです テスト中 あなたのアプリケーションでは、PHPUnitやBehatと似ていますが、もっとバンドルされています。それで、あなたはすることができます ブラウザテスト、BDD、ユニット統合テスト、およびAPIテスト. ノードWP国際化 その名前はそれ自体を代弁しています。それはあなたのテーマやプラグインを国際化するためにたくさんのことを自動化するNodeJSモジュールです....

Web開発者向けの新しいリソースシリーズは 今から4年くらい走る, そしてこのシリーズを維持することは私が長年にわたってどのようにウェブが進歩するかについての洞察を私に大いに与えてくれました。がある 毎月出てくる新しいツール Web開発を容易にするため. 今回は、まとめました いくつかの新しいツール, JavaScriptライブラリを含む, いくつかのCSSライブラリと参照 あなたのスキルを向上させるために。チェックしてみましょう. その他のリソースはこちら その他のリソースはこちら 推奨されるリソースの全コレクションと、利用可能な最高のWebデザインおよび開発ツールを見つけてください。. キャプション JavaScriptは デスクトップアプリケーションを引き継ぐ 異なるプラットフォーム上での移植性のためだけでなく、ネイティブアプリと同じくらいうまく機能するために。このアプリ, キャプション, 例えば 電子の上に建てられた. 字幕ファイルを検索できるシンプルなアプリです（.SRT）あなたが見ているビデオに添付する. 素晴らしいOSXコマンドライン あ macOS用の便利で便利なコマンドラインの膨大なリスト. ここでは、CLIを介して実行できることがたくさんあります。 “プリントキューをクリアする”, “Finderでフォルダを隠す”, そして “システムのスリープを防ぐ”. トレバー...

2015年はWebにとって素晴らしい年でした。 WebサイトやWebアプリケーションを構築するために、さまざまなフォームファクタで採用されています。. 多くのモバイルおよびデスクトップアプリケーションは現在、HTML、CSS、およびJavaScriptを使用して構築されています。これは、WebテクノロジとReact.js、Angular、Node.jsなどのライブラリの移植性によって実現されています。. この連載の今日の記事では、JavaScriptライブラリーとCSSライブラリーをいくつかまとめました。. その他のリソースはこちら その他のリソースはこちら 推奨されるリソースの全コレクションと、利用可能な最高のWebデザインおよび開発ツールを見つけてください。. フラットスライダー jQuery UIには、Sliderを含む一般的なWebインターフェースのコレクションが付属しています。これは、ユーザーが数値の範囲を選択できるようにするUIです。の フラットスライダー jQUeryのUIスタイルをカスタマイズするためのWebツールです。. ユーティリティオープン型 ユーティリティオープン型 ドロップインクラスのコレクションです。 高度なCSSの文字体裁機能を適用する そのようなフォントの合字、小さな大文字、そしてもっとたくさん。彼らは基本的にあなたのユーザーに可能な限り最高の読書体験を詳細に提供します。古い、サポートされていないブラウザではうまく劣化します. ResponsifyJS レスポンシブイメージが直面する悪名高い制約の1つは、通常イメージを適切にスケーリングすることですが、ビューポートサイズを非常に小さくすると、イメージの主焦点がそらされます。. ResponsifyJS 使用できる軽量のJavaScriptライブラリです。 画像の焦点を維持するための座標を設定 サイズ変更中. リニア リニア Mac用の定規アプリです。ルーラーを使用して、Webページを測定したり、DevToolsを開いたりしなくても要素のサイズを調べたり、要素が完全に中央に配置されているかどうかを判断したりできます。あなたは複数の支配者を持つことができ、ユニットをPXからEMに切り替えることができます. StickyStack StickyStack パネルがビューポートの最上部に到達したときにスタックスクロールエクスペリエンスを作成するためのjQueryプラグインです。さらにスクロールすると次のパネルが表示されます。これは、ページコンテナ、スタックセクション、およびスタックのボックスシャドウを設定するためのいくつかのオプションを備えた軽量のプラグインです。デモをチェックする. 視聴者...

1年以上これをやった後、デザイナーと開発者のためにこの毎月のリソースパイルを書くことについての最も難しい部分は紹介です。私たちが話題にしている間に、あなたのようなウェブ開発者のための2015年2月のあなたの最も良いそして最も新鮮なリソースの要約をここに示します. 今回の記事では、特別な記事を見ています。 コードスニペットを見つけるための検索エンジン, 非常に機知に富んだ Flexboxモジュールの問題に対処するための参照, より良い管理のための開発ツール 色、書体およびグラデーション. グラデーションアニメーター CSS3グラデーションを使用すると、画像を読み込まなくてもWebサイト上で画像のないグラデーションを作成できます。さらに魅力的な効果を得るために、CSS3アニメーションと組み合わせることもできます。ただし、コードが多すぎる場合は、よりシンプルなGradient Animatorルートを使用して、素敵なインターフェイスを持つものを生成してください。. SVGポケットガイド SVGポケットガイド Joni Trythallによってコンパイルされています。 SVGの基本（図形やテキストの作成など）から高度な機能（グラデーションの作成、パスやパターンのクリッピングなど）までを順を追って説明するのに役立ちます。この本はMarkdown形式で提供され、英語とポルトガル語で利用可能です。. Flexbugs FlexboxはCSS3の非常に有望な新しいモジュールで、Webレイアウトの構築方法を完全に変えます。しかし、それはまたそれ自身のクロスブラウザ互換性の問題もあります。このリポジトリ, Flexbugs, これらのバグとそれらに対処するための回避策のコレクションです。これは、Webの最先端に住んでいる人にとって非常に役に立つリソースです。. イコノ 1つの要素だけで完全に見やすいアイコンを作成するのと同じように、CSSだけで実現できることは驚くべきことです。. イコノ これを行うライブラリです。このライブラリには、単一の要素とCSSだけで作成されたよく知られたアイコンのコレクションがあります。これらのアイコンは画像ベースのアイコンよりも速くロードされ、よりカスタマイズ可能です。. ディリンジャー ディリンジャー 目を楽しませるMarkdownエディタです。ここであなたはMarkdownフォーマットで書くことができ、そして即座に右側のタブの出力を見ることができます。あなたの便宜のためにDillingerはあなたがHTML、PDF、またはあなたがした後にMarkdownファイルフォーマットにあなたの作品をエクスポートすることを可能にします。あるいは、DropboxやGithubなどのサードパーティサービスに接続してファイルを保存することもできます。. HTML5Up HTML5Up 無料のHTML5ベースのテンプレートのコレクションです。ビジネス、ポートフォリオ、または単純なブログなど、さまざまな種類のWebサイトに対応するレイアウトがいくつかあります。すべてのテンプレートはレスポンシブであり、さまざまな画面サイズでコンテンツとWebサイトのレイアウトを楽しむことができます。. CSSの色...

“ヘッドレスCMS” 最近注目を集めています。手短に, “ヘッドレスCMS” フロントエンドは扱いません。 CMSのみ コンテンツを公開する 通常 RESTful APIの形で 開発者は、コンテンツをレンダリングするために好みのものは何でも使用できます。この習慣の人気の高まりとともに, それを素早く設定し実行するための新しいフレームワーク. それで、このまとめで、私はチェックアウトする価値があるいくつかの他の役に立つツールと共にこれらのフレームワークのいくつかをまとめました。. ヘッドレスWPスターター これはWordPressのスターターテーマですが、他のものとは異なり、このスターターテーマは コンテンツを取得して静的HTMLにレンダリングするWP-API あなたのウェブサイトを作るNode and Reactを使う “頭のない”. VueStoreFront VueStoreFrontは別のものです “ヘッドレスCMS” 枠組み. Vue.jsとNodeの上に構築されています, VueStoreFrontは、APIを通じてMagento、Prestashop、Shopwareなどのeコマースプラットフォーム用に設計されています。それはまたPWAアプローチを取り入れています サイトを使用可能にする オフライン. ギャツビーJS ギャツビーは サイトスタティックジェネレータ...

私たちは2016年の終わりを迎えようとしています、そしてそれはウェブ開発者を含む多くの人にとってスリリングな年でした。今年, ReactJSの人気は指数関数的に急上昇しました, 新しいReactJSエクステンションがリリースされ、のリストに載っています Githubのトレンドリポジトリ （ほぼ）毎週. PHP7も今年リリースされました これは速度の大幅な向上と同様にのリリースを提供しています WordPress 4.7と待望のWP-API 機能、そして Facebookはまたヤーンパッケージを導入しました それはNPMに挑戦するかもしれません. その他のリソースはこちら その他のリソースはこちら 推奨されるリソースの全コレクションと、利用可能な最高のWebデザインおよび開発ツールを見つけてください。. これらの便利なリリースそれぞれの詳細については、以下のリストを見てみましょう。 灯台 LightHouseは Googleの便利なツール 次のような最新のWeb開発指標と照らし合わせてWebサイトを調査する。 ページロードパフォーマンス, サービスワーカーとのキャッシング, サーバー時間応答 などなど。これらのツールには、CLI（コマンドラインインターフェイス）とGoogle Chrome拡張の2つの形式があります。. FuseJS あいまい検索は、検索補完の一種です。 検索引数と完全には一致していなくても、数の可能性を返します。. たとえば、「to」を検索すると、結果が返されることがあります。 藤堂,...

Web開発シーンは、今年、光の速度で進んでいます。 CSS3は広く採用されており、私たちはあまり依存していません。 ポリフィル 最新のブラウザは最新のWeb標準をサポートするのが得意です。 Microsoft Edgeが導入され、GoogleはWeb用の2つのオープンソースを発表しました：Material Design LiteとPolymer 2.0. それでは、仲間のWeb開発者のための便利なツールをいくつか使って、今年を締めくくりましょう。 jQueryをより効果的に機能させるためのツールだけでなく、JavaScriptライブラリーもいくつかあります。詳細については、Web開発者向けの全リソースをチェックしてください。. その他のリソースはこちら その他のリソースはこちら 推奨されるリソースの全コレクションと、利用可能な最高のWebデザインおよび開発ツールを見つけてください。. Notie.js Notie.jsは、より優れたJavaScriptの警告、通知、およびダイアログボックスです。を使用する代わりに alert（） 鈍くてわずかに見える機能 ショッキング 警告箱は、あなたがそれを置き換えることができます notie（） ライブラリから機能して、スタイル可能なアラートを表示します。 Notie.jsを使って、アラートスタイルをサイトの全体的なデザインと簡単に合わせることができます。. Githubコーナー ごく最近になって、私たちがオープンソースプロジェクトのホームページで通常見ているGithubコーナーは、すでに7歳になっていることに気づきました。改築のための時間. Githubコーナー はGithubリボンをよりモダンで新鮮に見せるためのイニシアチブです。 SVGではなくビットマップグラフィックを使用しているので、高解像度の画面でもシャープに保つことができます。. スウィートテーマ Slackは、中小企業、スタートアップ、そして開発者との間で最も人気のあるチャットアプリとなっています。...