すべての記事 - ページ 1759

を使用してWebサイトを構築することは常に簡単です オープンソースツール 車輪を再発明するよりもむしろ。これらのツールはライブラリから小さなプラグインまで多岐にわたりますが、基本的には何でも解決策を見つけることができます。. 驚異的な jQuery GridTabプラグイン 良い例です。それはあなたがすることができます カスタムグリッドを設定する, ブレークポイントを定義する, そして レスポンシブタブ付きウィジェットを作成する どんなウェブサイトにも合う. 独自のCSSクラスを追加したり、既存のクラスを使用してデザインに合ったタブ機能を作成することができます。このプラグインもサポートしています next / prevコントロールのナビゲーション要素 そして タブを切り替える. インストールは簡単です。 依存関係としてのjQueryライブラリ. インストールしたら、npmからGridTabを入手するか、GitHubから直接ダウンロードします。. このタブ付きウィジェットプラグインには デフォルトスタイル, だからそれは持っていますか 別のCSSスタイルシート JSプラグインファイルの上に。しかし、このCSSを自分のCSSに統合してHTTPリクエストを減らすことができます。. プラグインを初期化するには、単に 総グリッドサイズ に加えて 任意のパラメータ...

カスタムグリッド 最初から作成するのが最も難しい機能のいくつかです。あなたは石積みグリッドプラグインをたくさん見つけることができますが、それら それぞれ独自の制限と要件があります. の ムリ文字 必要な人には強力な代替手段です。 タッチ対応のソート可能なレスポンシブグリッド要素. それは上に構築されています アニメーション用のVelocity.js, 一緒に モバイルタッチを処理するためのHammer.jsライブラリ. むり ではない jQueryが必要です, つまり、グリッドインターフェイス用の数少ない一般的なJavaScriptプラグインの1つです。. メインのプロジェクトページには、 すべての機能を備えた美しいグリッドデモ. アニメーション効果、ドラッグ＆ドロップのサポート、およびさまざまなサイズのさまざまなグリッド要素。このデモでは、Muuriグリッドを使用してどれだけ制御できるかを紹介します。. 選んでいいですよ 表示する要素, クラス（フィルタリング）に基づいて、 空のスペースをどのように埋めたいか. 石積みの格子は頻繁に空の点を残します グリッド要素は必ずしも完全には一致しません. これはPinterestなどの大規模Webサイトではかなり一般的です。でも、できます ドラッグ可能なグリッドアイテムを追加する ほとんどすべてのユーザー制御インターフェースへ. について考える ウィジェットレイアウトを使ったソーシャルプロフィール そして彼らはどのように働くのでしょう。または、について考える...

ニュースレターの設計とコーディング 時間がかかります。デザインのヒントはたくさんありますが ニュースレターをテンプレートにコーディングする 最も過酷な部分です. それはどこです MJMLフレームワーク 場に出る。それはそこに最高の無料の電子メールフレームワークの一つですそしてそれ 純粋なHTML / CSSにコンパイルする, それ すべてのEメールクライアントに対応. ニュースレターをコーディングすることに関してもっとイライラすることの1つは すべてのプラットフォームで機能するようにする. この レスポンシブデザインに2倍になる これは、モバイルおよびデスクトップクライアントにも機能する必要があります。. ありがたいことに、MJMLフレームワークを使用して 単純なHTMLの抽象化, だからあなたは手作業ですべての一行をコーディングしているのではありません。彼ら 初心者向けガイドがあります これは、Eメール開発に不慣れな人にとっては素晴らしいことです。. あなたは カスタム要素を使う といった に テンプレートの列と行を作成する. 必要に応じて、テキスト、ボタン、間隔をすばやく追加できます。 MJMLフレームワーク MJMLマークアップのコードを標準準拠のHTMLとCSSに変換します。....

の WebGLの爆発的な成長 証明する ゲームの人気 ウェブ上で。 WebGL上で構築できるクールなことはたくさんありますが、ほとんどの開発者はそうしたいと考えています。 ブラウザゲームを詳しく調べる. WebGL 強力なフレームワークですが、それは あなたが必要とする全てではありません ウェブ上のゲーム. ゲームコントロール そして オーディオ また、ブラウザゲーム開発の大きな役割を果たします。. 無料 BabylonJSライブラリ これらすべてのトピックを網羅する完璧なリソースです。誰にでも入るのに最適です。 ブラウザゲーム開発. バビロンは 3Dゲームエンジンライブラリ 3Dグラフィックス用のWebGLを搭載。しかしそれはまた単なるWebGLライブラリ以上のものです. それはからすべてを扱うことができます コントロール に オブジェクトの振る舞い, そしてさらに 音響効果. それは本当に 完全なJavaScriptゲームフレームワーク...

Webページを見た目どおりに作成するのは難しいと思いますか。 WordPressテーマの助けを借りても、作成プロセスはあなたが望むよりも時間がかかりますか？それなら、あなたはQardsを試してみるとよいでしょう。. QardsはWordPressのプラグインです。 デザインモード, これにより、既存のページを編集したり、意図したとおりに新しいページを作成したりできます。ドラッグアンドドロップで個別に配置できる編集可能なカードを使用して、独自のWebページを作成するための柔軟性を提供します。. Qardsがその仕事をしますが、何が起こっているのかを完全に管理することができます。最終的な結果はランディングページ、あるいは時にはあなたがそれを想像した通りである全体のウェブサイトです。. Qardsに最適な使い方 Qardsを使えば、構築済みのランディングページを利用して、それをあなたの心のコンテンツに合わせて編集できます。そのコピーを作成して、そこから新しいランディングページを作成することもできます。これにより、QardsはWebサイトデザインとの一貫性を維持するための優れたツールとなり、あるページから次のページへと同様の継続的で統一されたテーマを達成できます。. あるいは、WordPressテーマとは関係なくこのプラグインを使用して、まったく新しいWebサイトを最初から作成することもできます。 Qardsは、設計プロセスのどの段階からでも始めることができるほど柔軟です。. Qardsのしくみ Qardsはそうでない以外はパズルのように機能します - あなたが 常に それが何をするのか、そして何を知るのか できるよ 作品と。この場合のパズルのピースはカード上のブロックです. Qardsにはそれぞれ8枚のカードが入っています。 8つのカテゴリー ページ構築メニューと組み合わせて使用​​する機能。使用したいカードを取り出して編集を始めます。 メニューオプション そしてその ドラッグアンドドロップ機能 そうするには。不要なカードやブロックを簡単に排除できます. 本質的には、あなたはすでに制約なしで出発点として役立つレイアウトを可能にします. ドラッグアンドドロップ ドラッグ＆ドロップ機能は非常にばかばかしく使いやすいです、そしてあなたがあなたの好みに合わせてページをカスタマイズしたら、あなたが望むレイアウトとコンテンツを得るまで様々なブロックを微調整して微調整を始めることができます. このプラグインの使用に慣れてきたら、Qardsを使用してWebサイトを変更するのは、電子メールを入力するのと同じくらい簡単です。このDesignmodoデモを見れば、ランディングページを作成して変更を加えるのがどれほど簡単かを理解することができます。. メディア＆コンテンツ管理...

多くない カルーセルライブラリ と競争することができます 滑らかな. これは、最も詰まったjQueryプラグインです。 動的カルーセルの構築 ウェブ上で. 完全に無料です jQueryの上に構築された. コードは設定するのがとても簡単です。 いくつかの依存関係が必要. しかし多くの機能を備えているので、これを機能させるために追加のライブラリを追加する価値があります。. に Slickをインストール, GitHubリポジトリにアクセスしてコピーをダウンロードできます。付属しています 2つのCSSファイル：のための一つ 基本設定 そしてもう一つの デフォルトのスリックテーマ. スペースを節約したい場合は、これらのファイルを基本のCSSスタイルシートに簡単に組み合わせることができます。. それなら、あなたは必要です 2つのjQuery依存関係： プライマリjQueryライブラリ に加えて jQueryの移行. スリックには jQuery 1.7以上+ これは現代の開発環境では問題ないはずです. ここから、あなただけの追加...

無料 D3.jsライブラリ あなたを可能にする多くのうちの1つにすぎません インタラクティブグラフィックを作成する ページ上。 D3はおそらく最も人気のあるものですが、それを使うことを学ぶのは簡単なことではありません。. それが理由です Plottable.js そのような貴重な図書館です。無料のオープンソースプロジェクトです。 D3.jsの上に構築された, 誰でも簡単に作成できるようにする 対話型データグラフを一から作成. この図書館 汚れた作業をすべて処理, そのため、データなどの詳細に集中することができます。プロット可能 適切なコードを生成します 選択したグラフのサイズと位置. 各チャート 独自のコンポーネントを持っています あなたができるPlottableで テンプレートコードをコピー/貼り付け 自分でグラフを再構築する。これを書いている時点では、次の中から選択できます。 10プロットグラフスタイル, 棒グラフ、円グラフ、散布図、面積図を含む. あなたはできる コンポーネントを個別に再構築する そして 設定を動的にカスタマイズする. これにより、インタラクティブな要素、色、アニメーション、配置、サイズなど、必要なものを簡単に変更できます。. の...

あなたはにアクセスできます あなたの指先で何百ものフリーコードライブラリ. オープンソースコミュニティに助けを求めることができれば、プロジェクトを最初から構築する必要はありません。. しかし、どのようにして何百というライブラリを検索しますか。 あなたのニーズに最も合うものを見つけてください? それがその理由です ボイルプレート とても便利. このウェブサイト すべての最高の定型テンプレートをキュレートします ウェブサイトからモバイルアプリまで、あらゆる種類のプロジェクトのために。あなたはできる 使用している言語を検索する そして、新しいプロジェクトに最適な定型テンプレートをすべてすばやく分類する. 各ページは とてもよく整理された あなたも 選択肢が多すぎても負担がかかり過ぎない. 実際、私はこのサイトが最高の図書館を早く見つけたい人のために設計されていると主張するでしょう. 例えばjQueryページを見てください, アプリやプラグインを作成するための定型的なテンプレートがいっぱい. それぞれがプロジェクトへの直接リンクと一緒に、GitHubのトータルスター＆ウォッチを特集しています. あなたは正確に見ることができます プロジェクトが作成されたとき, 最後に更新された日時, そしてその リポジトリ内のすべてのファイルの合計サイズ. この情報はすべて、あまり手間をかけずに一目で決定を下すのに役立ちます。. 唯一の欠点はBoilrplateがアイテムのみをキュレートするということです。 GitHubから, そう...