すべての記事 - ページ 1562

お正月はちょうど昨日だったようです。それにもかかわらず、私たちは今ここにいます 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...

Web開発の世界では、ここ数カ月間にたくさんのことが起こりました。まず、新しい ブロックベースのエディタ、コードネームGutenberg, ついにWordPress 5.0にマージされました。それは、WordPressが将来発展するための新しい基盤を設定し、開発者がWordPressの機能をどのように拡張するかを変えることになるので、開始以来、本当に大きな変化です。. 第二に、私たちの仲間の開発者の何人かはそれを可能にするもののようないくつかの本当に役に立つツールを作りました ターミナルでJSONを見る そしてWebデザインや開発プロジェクトで大きな助けになることを証明することができるいくつかのReactライブラリ. そして最後に、最も効果的なもの リソース、参照、およびプラグイン 新しいトレンドに合わせてプロジェクトを更新するのに役立つように開始されました. 新鮮なWeb開発リソースの最も包括的なリストを入手しましょう. グーテンベルクハンドブック デザインの参考文献を調べることができる公式のWordPressハンドブック, ブロックを作成するためのコード例 他の人やプロジェクトに貢献するためのガイド。それはグーテンベルクで開発するためのあなたの最初の参照です. ブロック足場 ブロックベースのエディタでは、WP-CLIは今から始めるための便利な方法を提供します。 新しいCLIコマンドでGutenberg Blockを作成する, WP足場ブロック. あなたはそれを作成してあなたの既存のプラグインとテーマに含めることができます. CGB グーテンベルクブロックを簡単に起動するもう1つの方法は、グーテンブロックを作成する（CGB）ツールです。 定型文を生成する グーテンベルクブロックを開発する。 React.js、Webpack、ESLint、Babelなどの最新のツールで構成されています。 これらのツールを設定する必要はありません だからあなたは単にあなたのコードを書くことに集中することができる. グーテンベルクのエレメンターブロック あなたを可能にするWordPressのプラグイン...

誤解と見下しにもかかわらず、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サイトを構築するのに十分なはずです。. グーテンベルク...

3月の間、新鮮な資源の次のラウンドのための時間。この一連のシリーズでは、新進気味のブラウザ、ウェアラブルデバイスのモックアップ、変形可能なアイコンのコレクション、その他いくつかの素晴らしいものがあります。. Web開発者向けのより新鮮なリソースについては、このシリーズに従ってください。. コードパッド CodePadは、コードを保存して共有するために使用できるWebアプリです。それはCSSからXSLTまで及ぶ複数のプログラミング言語をサポートします。自分のコードスニペットを非公開アクセスに設定して、自分だけが表示できるようにしたり、一般公開の状態でアクセスできるようにしたりすることができます。これにより、検索エンジンでも取得できます。. UINames オンラインのサービスのアカウントを開くときにユーザー名を選ぶのが難しい場合は、デザイナーがプロトタイプのコンテンツ入力者またはプレースホルダーとして偽の名前を思いつくことがどれほど難しいかを考えてください。. UINames Lorem Ipsumのように、人の名前の代わりに、ランダムな名前を生成することができます。性別や国（日本、中国、ベトナムなど）に基づいて名前を選択できます。. DevToolsアプリ DevToolsアプリはあなたがあなたのウェブサイトをデバッグすることを可能にするアプリケーションです。これはChromeで見つけることができるDevToolsのように機能します。このアプリは、DevToolsをChromeから分離するための実験的プロジェクトです。Chromeユーザーの大多数はDevToolsを必要としない、または使用しないため、これはかなり合理的なアイデアです。. Is.js Is.js あなたが直感的に評価を実行することを可能にする便利な小さなJavaScriptライブラリです。 です 方法。あなたは文字列、配列、時間、正規表現（正規表現）、さらには環境を含むほとんどすべてのデータ型をテストすることができます。. 次のコード例は、Internet Explorer 6にいるかどうかを評価します。 var IE6 = is.ie（6）if（IE6）//ここで関数を実行 TheatrJS TheatrJSは、類似のライブラリとは異なり、タイピング効果を生み出すためのJavaScriptライブラリです。少し遅れて、誤字を入れて、修正する. TintUI TintUI 複数のソースから派生したカラーパレットのコレクションです。ここでは、iOS、Android Material Design、またはMicrosoft...

今回の新鮮なリソースでは、リストにさまざまなリソースがあります。一部を除いて コードベースのツール 新しいJavaScriptライブラリやフレームワークのように、便利なものもいくつか含まれています。 GUIアプリケーション 開発者と設計者の両方が感謝すると確信しています. リストを詳細にチェックして、下のコメント欄であなたのお気に入りのリストを教えてください。. ユニーク するためのツール ユニークなフォントを探す Uniqueは、ロゴを作成したり、わずか数クリックで簡単にドキュメントの固有の適切なフォントの組み合わせを見つけたりするのに役立ちます。設定を選択したら、次のことができます。 自分のフォントをダウンロードして名前を付ける. かっこいい! ダブルトーン 簡単なWebアプリ 写真をダブルトーンにする;対照的な2色からなるモノクロ写真。あなたはあなた自身の写真をアップロードするか、ツールが結果を編集してダウンロードするために提供する写真を選択することができます。良い あなたのウェブサイトに印象的な背景画像を作成するためのツール. MDX MDXはその仕様です MarkdownとJSXを組み合わせたもの. これにより、Markdownファイルのインポートなど、これまでになかった狂ったことをすることができます。, Markdownファイルをスタンドアロンコンポーネントとして使用する 他のファイルにインクルードし、その中にReactコンポーネントを使用する. FontDrop 便利です フォントに関する詳細情報を表示するためのツール. フォントをドロップするだけで、名前、スタイル、バージョン、著作権情報、グリフ、サポートされている言語などが表示されます。. DOMテストライブラリ DOM（Document Object Model）をテストするためのJavaScriptライブラリ。あなたはこれを使用することができます...

私達は中年版のためのリストを広げています。今回の記事では、いくつかの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モジュールです。電子メールのほぼすべての領域をカスタマイズできるように、いくつかのオプションが用意されています。あなたは電子メールを設定することができます...