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

“ヘッドレス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は、中小企業、スタートアップ、そして開発者との間で最も人気のあるチャットアプリとなっています。...

もう12月です。時間が早すぎるようですね。これまでの数ヶ月と同じように、私たちはWebデザイナーと開発者のためにいくつかの役に立つリソースを特集するつもりです。. 今回は可能なものからいくつかのクールなリソースを持っています Photoshopでデザインをスライスする 一部に 新鮮な新しいjQueryプラグイン 見事な効果を持つ. すべての私たちの新鮮なリソースをチェックしてください（月別）： 2012年10月 2012年11月 PF倍 jQueryによる折りたたみ効果は、Web開発の世界では目新しいことではありません。そのような視覚効果を作成するために利用可能な無料のプラグインがたくさんあります。しかしPFoldを使えば、 ターゲット要素を展開して元に戻す 好き 紙の上でどうするか. 私達はまた折り目の方向を向けることができます。こちらのデモをよく見てください。. グリッドAリシャス Pinterestは人気を集めており、他のソーシャルメディアとは異なり、グリッドでレイアウトが表示されます。これで、このjQueryプラグインを使って同様のグリッドレイアウトを作成できます。 グリッドリシャス. しかし、このプラグインはそれを良くします。それは今敏感です. マキス マキス 軽いjQueryプラグインです 3Dドロップダウンエフェクトを作成する. その名のとおり、折りたたまれていると効果はマキスのようになります. マキスは竹と綿の紐で織られたマットです。 それはあなたが通常寿司を転がす方法です. 注目に値する1つのことは、3D効果が CSS 3D変換に基づいて構築された, その効果はごく最近のブラウザでしか見ることができませんｓ。こちらのデモを見る....

ここ数カ月の間にたくさんの新しいツールがリリースされたので、開発コミュニティは最近もっと活発になっているようです。連載のこの回では、言及に値するツールをいくつか紹介します。. ツールのリストの中には、 ダミーデータを生成するJavaScriptライブラリ、ローカルネットワーク内でファイルを共有するためのツール, また、ターミナルセッションをSVGアニメーションに記録できるようにするものもあります。かっこいいね？以下の全リストをチェックしましょう. Pushbar.js スライド式の引き出しを作成するためのJavaScriptライブラリです。通常、スライドドロワーはサイトメニューのナビゲーションを表示するために使用されますが、このライブラリを使用してサイトに適したものを表示できます。 Pushbar.jsは 完全にカスタマイズ可能で依存関係がない、jQueryは不要. Carbon Now CLI Carbon CLIはNode.jsパッケージです。 コードスクリーンショットを生成する コマンドラインインターフェイスを通して美しく。このツールはcarbon.now.shからヒントを得たもので、ブラウザ上の素晴らしいGUIを通して同じことができます。. Faker.js JavaScriptライブラリ ダミーデータを作成する. 名前、住所、会社名、電話番号、日付など、大量のデータの生成をサポートします。これらすべてのデータは非常に役立ちます。 Webアプリケーションをテストする. TermToSVG TermToSVGは Linuxターミナルレコーダー それはあなたのコマンドラインセッションをSVGアニメーションにレンダリングします。チュートリアルを書くための開発者にとって便利なツールです。. データベースバックアップマネージャ これはPHPライブラリで、その名前が示すように、一連の機能を提供します。 データベースのバックアップと復元を処理する. このライブラリは、Dropbox、Amazon S3、FTP、SFTP、Rackloud Cloudなど、バックアップを送受信するためのさまざまなサービスをサポートしています。....

有益な情報を提供するために一緒に参加している多くのオープンソース企業があります。 みんなが無料で使えるWebリソースとツール. これこそが、Webコミュニティーを繁栄させ、革新させ、そしてより有用なリソースを生み出すものです。. 今回のFresh Resourcesシリーズでは、いくつかの記事をまとめました。 さまざまなカテゴリからの新しいリソース さまざまなコンピュータ間でSketchプラグインを管理できるアプリ、おたくの魂のためのアイコンフォント集, いくつかのデスクトップアプリ, そして他の一握り。一つずつそれらをチェックアウトすることができます. その他のリソースはこちら その他のリソースはこちら 推奨されるリソースの全コレクションと、利用可能な最高のWebデザインおよび開発ツールを見つけてください。. 包括的なデザイン原則 優れた参考資料 Webサイトまたはソフトウェアアプリケーションを構築するための原則 それは彼らの障害に関係なくできるだけ多くの人々にとって楽しいものです。この参照は英語、スペイン語、フランス語、および日本語で利用可能です。すてきな 印刷できるポスターもあります そしてあなたのワークステーションに置きなさい. マーリンWP これは私が構築しようと考えていたものです、しかし、誰かが最初にそれをした、そしてそれは素晴らしく見えます。 MerlinWPはテーマ開発者を対象としたPHPクラスです。 素敵な オンボーディング WordPressテーマの経験 macOSやWindowsを新しいコンピュータにセットアップするのと同じような方法です。. WTFJS JavaScriptは、Web、デスクトップ、およびモバイルアプリケーションに力を与える大規模なエコシステムを備えた優れた言語です。ただし、JavaScriptを扱うのは難しい場合があります。 WTFJSは、その名の通り、これらを集めています。 風変わりな WTFを叫ぶJavaScriptの動作!...

この記事では、リストフレームワークとツールを紹介します。 Web開発を目指して. 興味深いことに、私はMicrosoftやAlibabaのような大企業から来たこれらのツールやフレームワークのいくつかを見つけました。. より多くの企業がオープンソースに貢献し、より良いWebを形成するのに役立つので、これは良い兆候です。今月の編集のために準備ができているものを見てみましょう. その他のリソースはこちら その他のリソースはこちら 推奨されるリソースの全コレクションと、利用可能な最高のWebデザインおよび開発ツールを見つけてください。. かわいいストラップ Sassの上に構築されたUIフレームワーク。フォーム、ナビゲーション、ボタンなど、最も一般的なWebインターフェイスがすべて付属していますが、多くの場合はこれで十分です。 BootstrapやFoundationのような人気のあるフレームワークが圧倒的な場合, かわいいストラップ あなたのための素晴らしい代替手段かもしれません. HTML5テスト HTML5テスト ブラウザが最新のHTML5仕様をどれだけサポートしているかをテストするオンラインツールです。最新のWebアプリケーションのデバッグとテストに携わる人々にとって便利なツールです。. ブラウザのカロリー ブラウザのカロリー Webページの重さを測定するChromeの拡張機能です。それはロードされたファイルとページの総重量へのそれらの貢献をスキャンします。あなたがあなたのウェブサイトのパフォーマンスを最適化するのを助けるための素晴らしい小さなツール. Weex Weex HTML、CSSおよびJavaScriptだけでモバイルアプリを構築するためのAlibabaのフレームワークです。モジュール、UIコンポーネント、独自のDevTools、およびモバイル環境向けに開発をスピードアップするために設計されたCLIが付属しています。. Microsoft Webフレームワーク（MWF） マイクロソフトのフレームワーク、のUIコンポーネント MWF フラット、クリーン、そしてミニマルなMicrosoft Modernデザイン言語に基づいて構築されています。このフレームワークは、UIコンポーネント以外に、Colors、Typography、およびAnimationの使用に関する指示も与えます。私はMaterial Design Liteがついに同等の候補に出会ったと思います. バイタル...

Web開発者のために新しいものを共有する時が来ました。今回の記事では、出会ったばかりのWordPressプラグインを紹介します。共有する価値があると思います。 WordPressは、WooCommerceのようなプラグインを介したeコマースサイトなど、あらゆる種類のWebサイトに統合できる素晴らしいプラットフォームです。. 私が話しているこのプラグインは、WooCommerceをよりプロフェッショナルなeコマースサイトを運営するための一握りの機能で強化するでしょう。その上に、他にもいくつかのプラグイン、JavaScriptライブラリ、そしてビルドツールがあります。チェックしてみましょう. その他のリソースはこちら その他のリソースはこちら 推奨されるリソースの全コレクションと、利用可能な最高のWebデザインおよび開発ツールを見つけてください。. 材料設計ライト Googleの新しいフロントエンド開発フレームワーク。 Material Design Lite（MDL）を使用して、GoogleはWeb開発者がMaterial Design仕様を使用してWebサイトまたはWebアプリケーションを構築するのを支援します。フレームワークには、フロートアクションボタン（FAB）、カード、アイコンなど、Material Designの注目すべきUIコンポーネントがいくつか付属しています。. 書き物 Word文書をMarkdown準拠の構文に変換するためのWordプラグイン。エディタとしてMicrosoft Wordを使いたい人、またはMarkdownの構文を扱う時間がない人のために作られています。あなたは普通に書くことができ、そしてこのプラグインを使ってMarkdown構文を得ることができます。 Wordを開くこともできます .md または .値下げ ファイルフォーマット. RTL CSS スタイルを自動的にRTL CSSに変換するツール。あなたのウェブサイトがアラビア語のように右から左に書かれたスクリプトをサポートしようとしているならば特に役に立つツール。このツールは、次のようにサポートされているCSS値を切り替えて変更することによって機能します。 パディング そして テキスト整列, WebサイトがRTLモードのときにレイアウトとコンテンツが正しく揃うようにする. オープンSTF...