ウェブデザイン - ページ 16

私たちは2015年の終わりを迎えようとしています。この1年を通じて、毎月、Web開発者のためのさまざまなツールやリソースを常に提供してきました。この11月、私たちはもう少しまとめる. このラインナップでは、いくつかあります。 アニメーションライブラリ, JavaScriptライブラリ 画像をきれいに配置する, そして素晴らしいスクリーンセーバーアプリ 美しい空撮をお楽しみいただけます 大都市の11月のコンピレーションをチェックしよう. その他のリソースはこちら その他のリソースはこちら 推奨されるリソースの全コレクションと、利用可能な最高のWebデザインおよび開発ツールを見つけてください。. CSSGram CSSGram Instagramの画像フィルタのコレクションですCSS3フィルタのおかげで実行可能になりました。このCSSライブラリには、効果を適用するために画像に追加するいくつかのドロップインクラスが含まれています。これがどのように機能するかについての詳細はCSSGramの投稿をチェックしてください。. JustifiedJS JustifiedJS あなたのイメージギャラリーを四角い枠に収まるように配置することを可能にしながら、それらの比率をそのままに保つことを可能にする素晴らしいJavaScriptライブラリです。ライブラリには、さまざまなサイズの画像を取得するための画像パスなど、さまざまなオプションがあります。必要に応じて最小の画像を提供. ジェット ジェット データセットのリストを検索することを可能にする小さなライブラリです。その名の通り、このライブラリの主な処理能力はスピードです。他のいくつかの方法と比較して、Jetsは平均10msで結果を返します。あなたがデータセットの大きなリストを持っているなら、それはライブラリの素晴らしい選択です。. 中性子 中性子 セマンティックDOM構造に焦点を当てた新しいSassベースのフレームワークです。で列番号を定義する代わりに div 例えば、要素、スタイルシートを通してMixinを含めることができ、要素を余分なクラスから来る雑然としたものから解放することができます。. モーションUI モーションUI, 以前はZurbで内部的にのみ使用されていましたが、現在は一般に公開されています。それはアニメーションのコレクションです：CSS3変換、トランジション、そしてアニメーション。アプリケーションはドロップインクラス、MixinsまたはJavascriptを通して行うことができます。. ClickSpark このライブラリはかなりユニークです。ボタンが星で輝くようになります。あなたがあなたのウェブサイトのボタンに驚きの要素を与えたいなら、素晴らしい図書館....

Webデザイナーや開発者に彼らの仕事に特別な力を発揮させるための新しい素晴らしいツールやリソースがいくつもあります。今月は素晴らしい 無料のツールとリソース クールな写真効果を作成するためのプラグインから、コンテンツと画像をスライドさせるためのプラグインまで、本当にクールなトランジションで試してみる価値があります。. それでは、チェックしましょう. すべての私たちの新鮮なリソースをチェックしてください（月別）： プロト レスポンシブWebデザインは、Webサイトを作成する際の標準的な方法になりつつあります。これは作る この 仕事を終わらせるのに本当に役立つツール。 ProtoはSCSS上に構築されており、レスポンシブレイアウトを迅速にプロトタイピングするために用意されています。. グリッド表示 BootstrapやFoundationなどのレスポンシブデザインフレームワークを使用している場合は、ブラウザでグリッドを追跡するためにこのブックマークレットが必要になる可能性があります。このツールはあなたが見ているウェブページ上にオーバーレイグリッドを表示します。それはとても便利です、それをあなたのブックマークバーにドラッグ＆ドロップするだけです。グリッドを表示する必要があるときは、ブックマークレットをクリックするだけです。. BootMetro Windows 8はMetroデザイン言語のシンプルさを適用します。あなたがあなたのウェブサイトでこのスタイルを取り入れたいなら、BootMetroはおそらくあなたが必要とするものです. アンダースコア インターネットで利用可能なWordPressのスターターテーマはたくさんありますが、他にはアンダースコアほどすばらしいものはありません。それを使うと、あなたがテーマ名、説明、作者そして特にあなたがパッケージをダウンロードするとテーマ機能に適用されるテーマスラッグを指定して個人化することができるので、あなたは何かのようになるでしょう theme_slug_function. ジャララックス あなたがこのようなウェブサイトで見るパララックス効果のように？あなたのウェブサイトに同様の効果を適用したい場合は、Jarallax、JavaScriptのアニメーションライブラリを使用してParallax効果を作成することができます（ほとんど短時間で）。. 風が強い あなたは水平方向にのみ動くギャラリースライド効果に飽きていますか？それからWindyをチェックしてください。これは3D変換を使ってコンテンツを本当にユニークな方法で実行します。こちらのデモを見る. TiltShift 要するに、写真撮影におけるtiltShiftは、写真を実際よりも小さく見せかけるようにするためのテクニックです。この記事でこのような写真のコレクションを確認してください。 “チルトシフト写真”. あなたのフォトギャラリーでそのような効果を適用したいならば、あなたは単にこのJavaScriptライブラリ、TiltShift.jsを使うことができます. シーケンス Sequence.jsは、いくつかの高度なトランジション効果を備えたレスポンシブjQueryスライダープラグインです。他のスライダーとは異なり、Sequenceには独自の組み込みテーマはありません。だから、私たちは完全に私たちのウェブサイトに合わせてルックアンドフィールをカスタマイズすることができます. デルタ jQuery...

A 便利なWebリソースのコレクション Web開発者が彼のツールキットで本当に楽しみにしているものです。したがって、私自身が開発者であることから、私はあなたに 最高かつ最新のWeb開発リソース 毎月. 今月のコレクションには スクリーンキャストのための面白い無料アプリ, Material Design言語に基づく2つのフレームワーク、パフォーマンステスト用の2つのライブラリ、CLI、および 他の便利なリソースの一握り. それで、以下のそれらを一つずつチェックしましょう。. その他のリソースはこちら その他のリソースはこちら 推奨されるリソースの全コレクションと、利用可能な最高のWebデザインおよび開発ツールを見つけてください。. キャップ Kapは MacOS用のきれいな小さなスクリーンレコーダー. Webテクノロジを使用して構築されたオープンソースのアプリです。私はこのアプリで大好きなことの一つは、それが提供しているということです すぐに使えるビデオの変換. Kapはあなたのアプリやウェブサイトのライブデモを記録するための素晴らしい代替手段です。. めまいがする Sizzyは レスポンシブWebサイトをテストするための開発ツール 単一画面上の複数のビューポートサイズで。それはと比較して超便利なアプリです Chrome内蔵のモバイルエミュレータ. SizzyはChrome拡張機能としても登場します。. ミューズUI A 材料設計原理に基づくUIライブラリ Muse...

私たちの仲間のWeb開発者のためのもう一つの素晴らしいリソースリストを共有する時が来ました。前回は、数多くの参照、アプリケーション、そしていくつかのJavaScriptライブラリーを取り上げました。. この連載でまだ取り上げていないJavaScriptライブラリーが多数あることを考慮すると、この記事では、Web開発者としてのスキルを向上させるための、jQueryプラグインと参照をいくつか紹介します。チェックしてみましょう. その他のリソースはこちら その他のリソースはこちら 推奨されるリソースの全コレクションと、利用可能な最高のWebデザインおよび開発ツールを見つけてください。. jQueryMy jQueryMy です リアルタイムのデータバインディングを処理するためのjQueryプラグイン. ネイティブのブラウザコントロールや入力、およびjQuery UIなどのUIライブラリをそのまま使用できます。検証、条件付き書式設定、複雑な依存関係管理を備えているため、非常に優れています。 - MV *フレームワークの代替 Backbone.js、Ember.js、Vue.jsのように 頭 通常、 頭 タグには タイトル タグ、 リンク スタイルシートを指すタグ スクリプト JavaScriptファイルをロードするためのタグ。このリポジトリはそれを示しています 私たちが内に含めることができることがもっとたくさんあります 頭 タグ. このリストには、特定のプラットフォームへの一般的なリンクとメタタグが含まれています。. SmoothState...

お正月はちょうど昨日だったようです。それにもかかわらず、私たちは今ここにいます 5月 仲間のWeb開発者と新しいリソースを共有する時が来ました. このラウンドでは、ブックマークに値する良い参考文献、HTMLの間違いをチェックするのに役立つツール、楽譜を作成するためのショートコード、レスポンシブにテーブルを処理するためのJSライブラリ、およびレスポンシブグリッドシステム. CanIUseショートコード CanIUseは、最新のWeb機能に対するブラウザのサポートを追跡するための包括的な情報源です。これは便利なショートコードを使って指定された機能のためのCanIUseテーブルを表示するWordPressプラグインです。有効にしたら、たとえば次のように追加できます。, [ciu-display feature = "audio"] HTML5オーディオ要素サポートの結果を表に表示する. jQuery FileAPI ブラウザのAPIファイルとやり取りしてファイルのアップロードを処理するjQueryプラグインです。このプラグインには、画像のトリミングとサイズ変更、および複数ファイルのアップロードの機能も含まれています。. TabellaJS レスポンシブテーブルを作成するのはとても難しいです。使用できるJavaScriptライブラリーと技法はたくさんありますが、それぞれ独自の落とし穴があります。. Tabella レスポンシブWebデザインにおけるこの悪名高いハードルに立ち向かうための入札で有望に見えるライブラリです。. StickyFill StickyFillは ポリフィル 新しいCSS3の ねばねばしている ポジション。それは完全にスティッキー位置の振る舞いをシミュレートし、そしてそれはまた多くのスティッキーインスタンスで動作します. Basket.js Basket.js JavaScriptのロード時間を最適化するために使用されるJavaScriptライブラリです。 Basket.jsはJavaScriptをlocalStorageにキャッシュするので、将来の不要な負荷を避けることができます。スクリプトはユーザーから呼び出されるのではなくサーバーから取得されるため、これによってWebサイトの速度も向上します。. HTMLHint HTMLHint...

誤解と見下しにもかかわらず、PHPは現在でも最新のものです。 Webアプリケーションを構築するための開発者の人気のある選択肢. そしてPHP 7が導入されて以来、PHP言語はスピードファクターに飛躍的な進歩をもたらしました。. 私はここ数週間でPHPを詳しく調べてきましたが、共有する価値のあることがたくさんありました。だから、このラウンドはすべてになります PHPのリソース を含む。 Node.jsのようにチャットボットを構築し、イベント駆動型アプリケーションを実行することを可能にするPHPフレームワーク, 対話型CLIと、一握りの学習リソースを構築する あなたのPHPスキルをレベルアップする. 始めましょう. ボットマン ボットマンは チャットボットを構築するためのPHPフレームワーク Slack、HipChat、Telegramなどの多くのメッセージングプラットフォームと統合するように設計されています。 Composerからインストールするのは簡単です。 組み込みCLI 同様に. おっと 作るPHPフレームワーク コードをきれいにデバッグする きれいできれいなインターフェースを使って。 PHPアプリケーションでエラーが発生した場合インタフェースが作成します トレース コードを表示 連続して実行されたもの、問題のあるコード、およびアプリケーション環境. PHPReact できることを知っていましたか イベント駆動型プログラミング PHPで？まあ、ReactPHPを使えばできます。これは低レベルのPHPフレームワークです。...

CLI（コマンドラインインターフェース）を使えば、 Web開発ワークフローの合理化と自動化. それで、今回の記事では、ローカルコンピューターにインストールしたり、サーバー上で何かを実行したりするための、すばらしいCLIを多数用意しました。それに加えて、我々はまたいくつかを含めています PHPツール、ブラウザアドオン、およびJavaScriptライブラリ. チェックしてみましょう. その他のリソースはこちら その他のリソースはこちら 推奨されるリソースの全コレクションと、利用可能な最高のWebデザインおよび開発ツールを見つけてください。. ゲッツリ Googleからの新しいエンコーダ 最大35％画像を圧縮することができます 品質を保ちながら初期サイズから。次のような同様のオープンソースエンコーダを考えれば、これはかなりの進歩です。 JPEGOptimとjpegtranは、平均で20％に制限されています. 私は、JPEGファイルを最適化するためにGuetzliを統合したCMSプラットフォーム用のアプリやプラグインがいくつもあることがわかります. 開発者ロードマップ その名前が示すように、開発者ロードマップは Web開発者であることの旅のインフォグラフィック. フロントエンド、バックエンド、DevOpsの3つのコースがあります。これらのロードマップは、まさに地図のようなものです。そして参照するのに最適な参考資料です。 現在いる場所、逃した可能性がある場所、次に進む場所. Netlify CMS SmashingMagazineは最近、 溝に大胆な動きWordPress そしてNetlify CMSと呼ばれる新しいCMSで全く新しいことを試してみてください。これはReact.jsの上に構築された新しいCMSです。 Jekyll、Hugo、MiddleManなどの静的サイトジェネレータと統合. BadSSL それは SSL設定を確認するWebサイト. BadSSLはあなたのサイトにインストールされたSSLを介してデバッグやエラーを実行するための便利なツールです。....

前回の記事では、さまざまなJavascriptおよびCSSライブラリーに焦点を当てて、より優れたWebサイトおよびWebアプリケーションを構築する手助けをしました。今月は、タイポグラフィに少し焦点を当てることをお勧めします. 連載のこの回では、いくつかのJSライブラリー、ヒント集、タイポグラフィに関する非常に長いエッセイ、カラー・ジェネレーター、および軽量フロントエンド・フレームワークについて説明します。それ以上面倒なことなく、チェックしましょう. その他のリソースはこちら その他のリソースはこちら 推奨されるリソースの全コレクションと、利用可能な最高のWebデザインおよび開発ツールを見つけてください。. JSのヒント JSのヒントはJavaScriptのヒントのコレクションです。 構文, いくつか コードの効率と性能, また、AngularJSのようなフレームワークに固有のものもあります。新しいヒントが毎日追加され、現在発行されている50のヒントがあります。それは本質的に 必須のブックマーク すべてのWeb開発者のためのサイト. Vagrant Manager Vagrant Manager Vagrantを制御するためのGUIアプリケーションです。 Vagrantを停止または実行し、現在どのVagrantが実行されているかを確認できる、同様のMAMP。このアプリはOS X用とWindows用があります。 Vagrantが何であるかがわからない場合は、Vagrantを使用してWordPressをローカルにインストールする方法に関する以前の投稿を確認してください。. ブルマ ブルマ フロントエンドフレームワークです。パッケージにはいくつか含まれています 一般的なUIコンポーネント Webのナビゲーション、ドロップダウン、そして（もちろん）完全に構築されたグリッド フレックスボックス. （少なくとも今のところ）欠けている唯一の機能はJavaScriptコンポーネントです。 BulmaコンポーネントはBootstrapに比べてはるかにスリムですが、小さくても見やすいWebサイトを構築するのに十分なはずです。. グーテンベルク...