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

私たちは仲間のWeb開発者のための一握りのリソースで再び戻ってきました。今回の記事では、コレクションは非常に多様です。リストにはデスクトップアプリケーション、いくつかのWebアプリケーション、便利なPHPおよびJavaScriptライブラリ、そしていくつかのWordPressプラグインがあります。チェックしてみましょう. その他のリソースはこちら その他のリソースはこちら 推奨されるリソースの全コレクションと、利用可能な最高のWebデザインおよび開発ツールを見つけてください。. マープ マープ 編集者です Markdownでプレゼンテーションを作成する. 2つのパネルがあります。左側にエディタ、右側にプレビューがあり、スライド出力をリアルタイムで表示できます。 OS X、Windows、Linuxで利用可能です。それはPowerPointのような肥大化したソフトウェアに対する素晴らしい代替手段です。. ライトギャラリー へのJavaScript 画像を表示するライトボックスとギャラリー. の ライトボックスインタフェース ズームイン、ズームアウト、画像のダウンロード、画像のフルスクリーン表示を可能にするボタンがいくつかあります。これは本当にこのカテゴリのオールインワンパッケージのJavaScriptライブラリです。. React開発者ツール React開発者ツール Google Chromeの拡張機能で、デコードが可能です。 レンダリングされたコンポーネント ブラウザで。インストールが完了すると、DevToolsに新しいタブが追加され、通常のHTMLの場合と同じようにルート、要素、およびReactコンポーネントをデバッグできます。. 共有ボタン 共有ボタン です 共有ボタンジェネレータ. 現在、Facebook、Twitter、Pinterestsなどの人気の高いソーシャルサイトを数多くサポートしています。出力はJavaScriptの肥大化を解消し、後でCSSを通じて簡単にカスタマイズできます。. バッフル バッフル...

先月、私たちはWeb開発者としてあなたのワークフローと生産性を向上させることを目的とした新しいツール、ライブラリ、そしてアプリをいくつか紹介しました。今月、私たちはあなたと共有するためにもっといくつかあります. 今回のラウンドでは、流行の美しいフォーラムソフトウェア、見栄えの良い循環プログレスバーを作成するためのjQueryプラグイン、さらに生産性を向上させるための無料の便利なアプリケーションが2つあります。. チェックしてみましょう. その他のリソースはこちら その他のリソースはこちら 推奨されるリソースの全コレクションと、利用可能な最高のWebデザインおよび開発ツールを見つけてください。. WPパピ WP-PapiはWordPressの開発者が作成することを可能にするクラスのコレクションです。 カスタムページタイプ. 新しいページを作成すると、WP-PapiはWP-PapiのクラスとAPIを通じて登録したタイプのオプションを表示します。ユーザーは自分のページを作成する前に使用するタイプを選択できます。これらのクラスはまたそれを本当に簡単にします カスタムメタボックスを追加する と同様 既存のものを削除 ページの種類. フラム FlarumはPHPとLaravelで構築された新しいオープンソースのフォーラムソフトウェアです。 Flarumはまだ初期段階にありますが、Githubで勢いを増しており、最も人気のあるPHPプロジェクトの1つになりつつあります。通常ひどいデフォルトのテーマが付属している確立されたフォーラムソフトウェアの多くとは異なり, Flarumは単純に美しいです そしてそれは敏感です。自分で試してみる. 円周 PercircleはにjQueryのプラグインです。 循環進行インターフェースを構築する. このプラグインはいくつかのドロップインHTMLクラスを通してカスタマイズ可能です。たとえば、円を大きくするには、 大きい クラス;あなたがピンクでそれをしたい場合は、 ピンク クラス。初心者でも、Percircleは非常に簡単にデプロイできるようになりました. スクリーンキャット ScreenCatは無料のリモートコラボレーションです。 画面共有アプリ...

他の業界のWeb開発とは異なり、Web開発は飛躍的に変化しています。に対応するために、ほぼ毎日開発されている新しいツール、方法、およびフレームワークがあります。 新しいトレンドと技術の進歩 Web業界では. だからここに簡単に実行するためのPHPフレームワークを含む最新のツールとリソースのリストがあります。 あなたのPHPアプリケーションのためのE2Eテスト, W3Cアクセシビリティ標準に準拠した色を生成するためのツール、およびVue.js拡張機能のほんの一握り。全リストを見るにはジャンプしましょう. キーフレームアプリ Webベースのアプリケーション CSSアニメーションを作成するための素晴らしいGUIを提供する タイムラインでアニメーションを視覚化します。このアプリでは、満足したらCSS出力をダウンロードすることもできます。 CSSのキーフレームはCSSの最も簡単な仕様ではないので、このようなアプリを持つことは間違いなく時間の節約になるでしょう. Symfony Panther “Symfony Panther” は、SymfonyのE2E（End-to-End）テストを実行するための素晴らしいPHPフレームワークです。それは付属しています 内蔵Webサーバー コンピュータにインストールされているChromeを利用してE2Eテストを実行する可能性があります。. また、対応 JavaScriptの実行、スクリーンショットのキャプチャ、カスタムSeleniumドライバ, Chrome、そしてFirefoxクライアント。スタンドアロンフレームワークなので、WordPress、JoomlaなどのPHPプロジェクトにPantherを含めることができます。. トレンディパレット 美しいカラーパレットのコレクション。コレクションは数千を提供しています 厳選されたカラーパレット. ユーザーは新しいカラーパレットを送信できるので、常に新しいパレットが昨日追加されることがあります。 TrendyPalettesはChrome拡張機能としても利用可能です. Eagle.js Eagle.jsは、Vue.js上に構築されたスライドを作成するためのフレームワークです。そのため、スライド内でカスタムVue.jsコンポーネントを簡単に再利用できます。スライドもサポート キーボードとマウスのナビゲーション、カスタムスタイルまたはテーマ設定, インタラクティブなウィジェット、およびスライドをすばやく設定して表示するのに役立つ定型句を提供します。それは素晴らしいことができます...

今月のFresh Resoucesは、前の月とは少し異なります。私たち、Web開発者は、急速に変化する業界で活躍しています。Google、Microsoft、Firefox、PHPなど、いくつかの大手テクノロジー企業から発表があり、それによって私たちの構築方法が変わります。ウェブ. 今回の記事では、私たちのリストの半分は、これらの発表に関するものです。だから、未来に挨拶する準備をしなさい! 必須画像の最適化 それは Web用に画像を最適化するための包括的な記事 Addy Osmaniによって書かれました。ハウツーを中心に展開している他の記事のようなものではありません。. この記事では、実際に技術的な詳細と、 最適化の背後にある科学. また、いくつかの最適化方法と画像フォーマットに関する詳細な情報もあります。, ツール、ヒント、そして実例. PHP 7.2 包括的な PHP 7.2にやってくるものに関するリファレンス. PHPアプリケーションのパフォーマンスを向上させる追加機能以外に、PHP 7.2にも付属しています。 いくつかのものが削除される予定の減価償却 そしてもう使われるべきではない. PHP 7.2では、廃止予定の2つの関数があります。 create_function（） そして __autoload（）. あなたがWeb開発者なら, コードを確認して必要な変更を加える. 私はまだこれら二つの機能を使用している数多くのWordPressプラグインを見ました. Web共有API...

PHP7はエキサイティングな新機能とともにリリースされました。 速度. そして私達はますます多くの人を見てきました 新規または改良されたPHPライブラリ Web開発者コミュニティでリリースされました。したがって、このラウンドのフレッシュリソースでは、JavaScriptおよびCSSライブラリとともに、かなりの数のPHPライブラリを含めました。. これらのリソースの中には、人気のある純粋なCSSインターフェースのコレクション、CSSグラデーションを動的に表示するためのJSライブラリ、そしてあなた自身のドメイン名で短いURLを生成することを可能にするPHPライブラリが含まれます。, その他のリソースはこちら その他のリソースはこちら 推奨されるリソースの全コレクションと、利用可能な最高のWebデザインおよび開発ツールを見つけてください。. 国 これは PHPライブラリ を含む 詳細と属性 そのような悪魔、首都、ダイヤルコード、通貨、旗などたくさんの200カ国以上の国々。このPHPライブラリは開発者にとって金の宝庫です。. OpenColor A ダース素敵な色のコレクション （グレー、赤、青、ピンク、オレンジなど）およびその色合い. OpenColor することができます NPM経由でインストール Sass、LESS、Stylusの形式を表しています。 OpenColorスウォッチプリセットは、Photoshop、Illustrator、およびSketchスウォッチプリセットに使用できます。. CSSアイコン CSSアイコン のコレクションです 純粋にCSSで作成されたアイコン 単一の要素のみを使用します。リストには現在100個のアイコンが表示されています。これらのアイコンのいずれかをクリックすると、アイコンの作成方法の詳細が表示されます。それはあなたのCSSスキルを過激にするための素晴らしいリソースです. あなたはJavaScriptを必要としない...

先月、私たちはWeb開発者としてあなたのワークフローと生産性を向上させることを目的とした新しいツール、ライブラリ、そしてアプリをいくつか紹介しました。今月、私たちはあなたと共有するためにもっといくつかあります. 今回のラウンドでは、流行の美しいフォーラムソフトウェア、見栄えの良い循環プログレスバーを作成するためのjQueryプラグイン、さらに生産性を向上させるための無料の便利なアプリケーションが2つあります。. チェックしてみましょう. その他のリソースはこちら その他のリソースはこちら 推奨されるリソースの全コレクションと、利用可能な最高のWebデザインおよび開発ツールを見つけてください。. WPパピ WP-PapiはWordPressの開発者が作成することを可能にするクラスのコレクションです。 カスタムページタイプ. 新しいページを作成すると、WP-PapiはWP-PapiのクラスとAPIを通じて登録したタイプのオプションを表示します。ユーザーは自分のページを作成する前に使用するタイプを選択できます。これらのクラスはまたそれを本当に簡単にします カスタムメタボックスを追加する と同様 既存のものを削除 ページの種類. フラム FlarumはPHPとLaravelで構築された新しいオープンソースのフォーラムソフトウェアです。 Flarumはまだ初期段階にありますが、Githubで勢いを増しており、最も人気のあるPHPプロジェクトの1つになりつつあります。通常ひどいデフォルトのテーマが付属している確立されたフォーラムソフトウェアの多くとは異なり, Flarumは単純に美しいです そしてそれは敏感です。自分で試してみる. 円周 PercircleはにjQueryのプラグインです。 循環進行インターフェースを構築する. このプラグインはいくつかのドロップインHTMLクラスを通してカスタマイズ可能です。たとえば、円を大きくするには、 大きい クラス;あなたがピンクでそれをしたい場合は、 ピンク クラス。初心者でも、Percircleは非常に簡単にデプロイできるようになりました. スクリーンキャット ScreenCatは無料のリモートコラボレーションです。 画面共有アプリ...

毎月、WebデザインおよびWeb開発コミュニティの非常に寛大な人々によって共有されている何十もの無料のものがあります。これらすべての新しいものについていくのはほとんど不可能です。それにもかかわらず、あなたは心配するべきではありません。この記事では我々は選択しました コードスニペットからツール、フレームワーク、プラグインまで、10の便利な「もの」 Webデザイナーや開発者としての仕事や生活をより簡単にするため. チェックしてみましょう. すべての私たちの新鮮なリソースをチェックしてください（月別）： 2012年10月 2012年11月 2012年12月 CSSS CSSS これは「CSSベースのSlideShow System」の略です。 リーヴェロー （CSSの第一人者として知られている）。基本的に、このフレームワークを使用すると、HTMLおよびCSSのWeb標準を使用してプレゼンテーションスライドを作成できます。このスライドショーは、次のようなキーボードショートカットをサポートしています。 ←, →, ↓ そして ↑ スライドをナビゲートする. あなたがCSSとHTMLをするなら、このフレームワークは私がMS PowerPointのような高価なソフトウェアのための（より良い）代替品だと思う. 盆栽JS 盆栽は直感的なAPIを持つ軽量のJavaScriptグラフィックライブラリです。このライブラリを使用して、長方形、三角形、円形、または複雑なグラフィックなどの単純な図形を描画できます。このライブラリは、フォールバックとして、サポートされていないブラウザでScalable Vector Graphic（SVG）レンダリングを提供するためにも使用できます。. さらに、盆栽はまた、これらのグラフィックスをよりインタラクティブに機能させるために、アニメーション、イベントおよびフィルタを含むいくつかの機能を提供します。. 応答パターン レスポンシブパターンは、レスポンシブWebサイトを構築するために使用できるパターンのコレクションです。このコレクションには、画像、ビデオ、表、フォームなど、一般的なWebコンポーネントのいくつかのレスポンシブパターンを含むレスポンシブレイアウトとナビゲーションの例がいくつか含まれています。. エフィンツールセット...

もっと新鮮な資料をお探しですか？このラウンドには、開発者向けのツールがいくつか、大規模組織向けにCSSを保守する方法に関する本、2つの異なるユーザーインターフェイス（1つはグラフィカル、もう1つはコマンドライン）が含まれています。. また、ミックスで利用できるのは、あなた自身の漫画のアバターを作成するための楽しいツールと、あなたの誤植の必要性のためのフォントボールトです。. その他のリソースはこちら その他のリソースはこちら 推奨されるリソースの全コレクションと、利用可能な最高のWebデザインおよび開発ツールを見つけてください。. ジップリスト Zipplistはすべてのクリエイティブのためのウェブサイトのコレクションです。あなたが写真、ビデオ、アイコン、モックアップ、またはパターンを探しているかどうか、あなたはそれらからそれらを見つけて得ることができます Zipplistにリストされているウェブサイト 無料で。これはZipplistを必須ブックマークのウェブサイトのリストのトップにする. TypeNugget TypeNuggetにより、次のことが可能になります。 より直感的に活版印刷スタイルを生成する. TypeNuggetは多くの機能を備えています グラフィカルインタフェース フォントファミリを選択するには、フォントサイズ、行の高さを設定して、名前をいくつか指定するだけで、プレビューペインでスタイルがどのように見えるかをすぐに確認できます。あなたはできる LESS、Sass、またはプレーンCSSで出力を選択します. あなたはそのWPプラグインを必要としないかもしれません WordPressはプラグインで簡単に拡張できます。あなたがあなたのウェブサイトに追加しようと思っているものは何でも, おそらくそのためのプラグインがあります. しかし、それはあなたが実際にあなたを意味するわけではありません 必要 それ. このウェブサイトは、その名のとおり, 多数のスニペットがあります テーマに含めることができること functions.php, 追加する .htaccess それは同じ機能を提供します. JPEG.io...