WordPressをヘッドレスCMS化する方法とは？メリットやデメリットを解説！ | Web Design Trends
WordPressはこれまでブログやWebサイトの作成や管理のためのCMSとして多くのユーザーに利用されてきましたが、最近ではヘッドレスCMSとしてWordPressを活用する方法が注目されています。 ヘッドレスCMSとは、フロントエンドとバックエンドが分離されているCMSのことで、様々なメリットがあります。 今回は、WordPressをヘッドレスCMSとして利用するメリットや具体的な方法をご紹介したいと思います。 【2023年最新】WordPressの使い方を徹底解説！初心者向けのおすすめ設定も WordPressは初心者でも簡単にWebサイトを作ることができる人気のソフトウェアです。 しかし、機能がやや複雑で初めてWordPressに挑戦する人には導入時のハードルがやや高く、どのように設定す... Web Design Trends ヘッドレスCMSとは ヘッドレスCMSとは、コンテン
昨今のAIを活用した最新サービスの進化はすさまじく、それはUIデザインにおいても同様に勢いを見せてきています。 おそらく今後様々な新サービスが登場し、現在では当たり前となっているワークフローが大きく変わっていくことは間違いないでしょう。 今回は、2023年最新のAIを活用したUIデザイン制作に関連する注目サービス・アプリケーションをご紹介していきたいと思います。 Geniusは、FigmaでのUIデザインの制作をサポートしてくれるAIコンパニオンサービスです。 公開されているティザー動画では、AIがFigma上で共同編集者として登場し、あなたが作成したUIデザインに要素を追加したり、サイズを整えたりと、「コンパニオン」のようにサポートしてくれる様子が紹介されています。 AIでのデザイン制作と聞くと、0から新しいものを作ってくれるイメージがあるかもしれませんが、Geniusはデザイン制作を効
CSS FlexboxはWebコーディングのレイアウトを柔軟に作成できるため、様々な場面で使われています。 今回は、CSS Flexboxを使って要素の左寄せ・中央寄せ・右寄せするための指定方法とTipsをご紹介します。 もう迷わない！CSS Flexboxの使い方を徹底解説 CSS Flexboxは、CSSによるレイアウト作成でよく使われるCSSのレイアウト手法です。 レイアウトを作成する方法は他にもCSS Grid Layoutや、inline-blockを使用する方法... Web Design Trends
2022年4月の最近見つけた「デザインの参考にしたい魅力的なWebサイト」をまとめました。 優れたWebデザインに触れることによって、トレンドのデザインを知ることができたり、デザインのヒントを見つかったりするなど、様々なメリットがあります。ぜひ自身の好みに合うような素晴らしいWebサイトを探してみてください。 Webデザインのおすすめギャラリーサイト23個まとめ【2022年最新】 様々なインスピレーションを与えてくれるデザインの優れたWebサイトをチェックするには、国内、海外の最新Webサイトの情報が日々更新されているWebデザインのギャラリーサイトがおすすめです。 ギャラリー... Web Design Trends 2022年に流行するWebデザインの最新トレンド10個まとめ 2021年のミニマリズムを中心としたトレンドが注目されていましたが、2022年は鮮やかで、奇抜で、記憶に強く残
Paaatterns：SketchやXD、Figmaで使えるおしゃれな22種類の背景パターン集 | Web Design Trends
TOP > デザイン > Paaatterns：SketchやXD、Figmaで使えるおしゃれな22種類の背景パターン集 幾何学模様や流線型、流体シェイプなど様々な背景パターンが1つにまとまった「Paaatterns」という背景パターン集が公開されました。 無料でダウンロードすることができ、クレジット表記なしで商用利用も可能なので、様々なデザインに活用できそうです。 Paaatternsとは Paaatternsは、様々なデザインツールで利用することができる無料の背景パターン集です。幾何学模様や流線型、流体シェイプなど様々な背景パターンが全部で22種類利用することができます。 クレジット表記なしで商用利用OKなので、様々なプロジェクトのデザインに活用することができそうです。 どれもおしゃれなパターンばかりなので、そのまま背景として利用すれば簡単に魅力的な雰囲気のデザインを作り上げることがで
モーダルウインドウを背景固定にしてスクロールバー分のガタつき問題を解決しつつ、iOS Safariにも対応してしかもjQuery非依存にしたいワガママなアナタへ捧ぐ愛のコード | ma-ya's CREATE / WEB DESIGN
モーダルウインドウを背景固定にしてスクロールバー分のガタつき問題を解決しつつ、iOS Safariにも対応してしかもjQuery非依存にしたいワガママなアナタへ捧ぐ愛のコード JavaScript こんにちは、ma-ya’s CREATE［まーやずくりえいと］です。 もはやモーダルウインドウの実装なんて当たり前の要件となってきた昨今、 サクッとプラグインを使えば、世の中の優秀なフロントエンド開発者が実装した機能を簡単に使うことができますね。 ただそれでも、JSに対する興味や情熱から、自前のコードで実装したいなんてこともあるかもしれません（無い？）。 今日はそんなお話。 追加機能が増えると意外と悩ましいモーダルウインドウの実装 モーダルウインドウは単に表示するだけならかなりシンプルに実装が可能です。 過去当サイトでは以下の通りjQuery版・jQuery非依存版で超シンプルなモーダルウインド
Top Web Design and UI Trends for 2022 Website DesignCarrie Cousins • January 02, 2022 • 10 minutes READ What web design trends will dominate 2022? What styles and techniques should you get familiar with so that your creations are fresh and modern throughout the year? Design trends can shape everything from how designers create to user interface design to future iterations of everything from websit
A higher contrast ratio is scored with a higher number, like 4.5 or 7 instead of 3. To get more familiar with the scoring table, check out Polypane's Contrast Checker. Which of these color pairings do you feel contrast more? Testing contrast between colors So, now that we know what we’re looking for, how do we test this? Here are three free tools to assist you in inspecting, correcting and measuri
https://maze.design/ Mazeの良さは、なんと言っても簡単にユーザーテストを行うことができるという点です。 Mazeの管理画面からユーザーテストの内容を設定し、発行されるテスト用URLをテスターにシェアすれば、オンラインでテストを実施することができます。PCもスマホも対応しているので、テスターも手軽にテストが行えます。 慣れてしまえばテストフローの作成からURLの発行まで1時間もあれば完了してしまうので、とにかく簡単にユーザーテストが行えます。 ユーザーテストと言われると手間と費用がかかるイメージがありますが、Mazeを使えばその点はかなり改善されるのではないでしょうか。 また、テストの準備から実施、結果の集計まですべてMazeで行えるため、非常に簡単にユーザーテストを実施することができます。 プロトタイピングツールと連携することができる MazeはSketchやInV
Web Design Trends 2022: Deliver Unforgettable UX | GraphicMama
With the top graphic design trends 2022 out of the way, it gets easier to notice and predict the upcoming trends for other graphic design fields, including what’s coming for websites next year. This is why today we’re going to unveil the web design trends 2022 coming in full force to invade the web with more vibrancy, trippy aesthetics, and an unforgettable experience where the minimalism trend of
チャットで質問！「ChatWP」ならWordPressのコードをAIが教えてくれる | Web Design Trends
ChatGPTを中心に様々なAI関連サービスが注目を集めています。Webデザイン、Web制作においても同様に様々なサービスが登場しています。 今回は、WordPressの公式ドキュメントを学習データとして作られたAIチャットボット「ChatWP」をご紹介したいと思います。 【2023年最新】WordPressの使い方を徹底解説！初心者向けのおすすめ設定も WordPressは初心者でも簡単にWebサイトを作ることができる人気のソフトウェアです。 しかし、機能がやや複雑で初めてWordPressに挑戦する人には導入時のハードルがやや高く、どのように設定す... Web Design Trends ChatWPとは ChatWPとは、海外のUglyRobot社によって提供されているWordPressの公式ドキュメントを学習したChatGPTを使ったAIチャットボットです。 カスタマイズ方法や機
世界中のデザイナーたちが作り上げる作品を観察することで、その年を代表するようなトレンドがどのようなものなのかが見えてきます。 2022年はどのような魅力的で素晴らしいデザインが登場するのでしょうか？ 今回は、2022年に流行するグラフィックデザインの10個の最新トレンド予測をご紹介していきたいと思います。 2Dと3Dの組み合わせ 3Dデザインのトレンドは、まだ広がっている途中で、今後はさらに進化し、そしてさらに当たり前の存在になっていくことでしょう。デザイナーに無限の可能性を提供する3Dデザインは、頭の中のイメージを具体的なデザインとして表現する助けになります。デジタルの世界と現実の世界の境界線が分からなくなるような超リアルな3Dデザインから、2Dや切り絵の要素を加えたクリエイティブなデザインまで、表現できることの幅もとても広いです。 2022年は、2Dと3Dのデザインを組み合わせることで
SketchやFigmaで作ったデザインでアニメーションを作れるツール「AEUX」とは | Web Design Trends
SketchやFigmaは非常に使い勝手に優れたUIデザインツールで、普段の業務で使っている人も多いのではないでしょうか。 しかし、SketchもFigmaもアニメーションデザインは得意としていないので、アニメーションのデザインは他のツールを使用していたり、そもそもアニメーションデザインまでできていないというケースはたくさんあります。 そんな方におすすめなのが、AEUXです。AEUXを使えば、SketchやFigmaで作ったデザインを簡単にAfter Effectsにエクスポートしてアニメーションデザインを作ることができます。 今回は、AEUXとはどんなツールなのか、AEUXのメリットや使い方などをご紹介したいと思います。 AEUXとは？ AEUXとは、SketchやFigmaのデザインデータをAfter Effectsにエクスポートできるオープンソースソフトウェアです。 最近ではアニメー
Photoshopは、Adobeが提供するデザインツールです。写真の加工やグラフィックデザインなど、デザイン制作の現場では欠かせないツールですが、高機能がゆえに使い方を覚えるのが大変で、使いこなせるようになるまでには多くの時間を費やしてしまいます。 初心者がPhotoshopの使い方を覚える時にやってしまう大きな間違いがいきなり高度なテクニックを覚えようとしてしまうというものです。 難しいテクニックを覚えるためには、まず基本操作や基本レベルのテクニックを身に付けておかなくてはなりません。 今回は、初心者の方がPhotoshopを使いこなせるようになるまでのおすすめの勉強法をご紹介していきます。 Photoshopとは Photoshopとは、Adobeが提供するデザインツールです。よくIllustratorと一緒に紹介される事が多いですが、それぞれ別の目的で利用されるツールです。具体的には
2022年のWebデザインのトレンドやグラフィックデザインのトレンドも明らかになり、その他のデザインの分野のトレンドの傾向も見えてきました。 今回は、2022年に流行するロゴデザインの最新トレンド予測をご紹介していきたいと思います。 いつもの通り、世界中の代理店やフリーランスのグラフィックデザイナーたちが制作した驚くほど素晴らしいデザインとともに、それぞれのトレンドをぜひ楽しんでください。
Create exceptional websites at scaleDesign →Create complex digital experiences intuitively. Development →Rapidly build and deploy custom functionality. AI features →Streamline workflows and go live quicker with built-in AI tools. Business solutions →Build business-ready sites for any client with native tools. eCommerce →Design custom stores efficiently with powerful built-in solutions. Management
20 Amazing Examples of Neumorphism - New Design Trends 2020 - Web Design Ledger
Editors PickFeaturedMobile App DesignUncategorizedWeb Design 20 Amazing Examples of Neumorphism – New Design Trends 2020 Web Design LedgerMay 7, 20200 Comment017.6k Ah, Neumorphism. We love to see it. Neumorphism is my favorite design trend thus far in 2020 and it’ll take a lot to surpass it. We’ve been seeing it a lot lately, and we stan. What is Neumorphism? Neumorphism is a new modern graphic d
Microsoft Remote Desktop 10 を使って Mac から Windows へリモートデスクトップ接続（カスペルスキー インターネット セキュリティ 2019） | Web Design Leaves
Microsoft Remote Desktop 10 を使って Mac から Windows へリモートデスクトップ接続（カスペルスキー インターネット セキュリティ 2019） CATEGORY: HTML/CSS 2019年8月7日 Microsoft Remote Desktop 10 を使って Mac から Windows へリモートデスクトップ接続する方法の覚書です。 また、ウィルス対策ソフト「カスペルスキー インターネット セキュリティ 2019」を使っている場合の設定方法についても記載しています。 目次 Windows 側の確認 リモートデスクトップ接続するには、Windows PC の IP アドレスが必要です。 また、Windows PC でリモートデスクトップ接続（RDP)を許可しておく必要があります。 「コントロール パネル」＞「システムとセキュリティ」で「リモート
829 hand-picked tools & resources for web designers & developers Curated for quality then meticulously organised and regularly maintained for your browsing pleasure.
WordPress に関する参考資料・解説等の目次ページ
Bootstrap 5 のビルドで DEPRECATION WARNING: Using / for division is deprecated | Web Design Leaves
Bootstrap 5 のビルドで DEPRECATION WARNING: Using / for division is deprecated CATEGORY: HTML/CSS 2021年5月22日 【追記】 バージョン 5.1.3 では sass での除算の代わりに乗算を使用する（例えば 1/4 にするには 0.25 を掛ける）ように変更されて、 Warning は出ないように改善されています。 関連ページ：SASS の使い方（除算とスラッシュ） npm パッケージ を使って Bootstrap 5 をインストールしてビルドする際に sass のパッケージのバージョンにより以下のような Warning が出てしまうようです。 DEPRECATION WARNING: Using / for division is deprecated and will be removed in
Hello Web Design
Read it now on the O’Reilly learning platform with a 10-day free trial. O’Reilly members get unlimited access to books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers. Hello Web Design teaches design principles, handy shortcuts, and quick solutions to common problems, so you can learn the fundamentals of design and get ahead in your career. Using rea
こまけぇこたぁいいんだよ ─ のんびりVue.js超入門［第3回：ディレクティブ / メソッド］ | ma-ya's CREATE / WEB DESIGN
こんにちは、ma-ya’s CREATE［まーやずくりえいと］です。 こまのんVue（※こま（けぇこたぁいいんだよ）のん（びり）Vue（.js超入門））第3回。 第1回、2回ではちっとも楽しさを感じられなかったVue.js。 今回、もしかするとそんなあなた（そしてぼく）のアンテナがピクリと反応するかもしれません。 ディレクティブによるデータバインディングとメソッド 後述しますがディレクティブというのはHTML中に出てくるv-○○の部分のこと。 vueでアレコレするためにHTML側から出すサインのようなものです。 イメージの湧きにくい横文字かもしれませんがただそれだけのことなんで、まずはソースを見ていきましょう。 Resultもいじって見て下さい。 やっていること ボタンクリックでイベントを発生させる そのイベントでテキストを「ごちそうさまでした」に変更 そのイベントでボタンテキストを「済」
流体シェイプやイラスト、配色などあらゆる点がしっかりと作り込まれた非常に完成度の高いWebサイトです。 オリジナリティ溢れるデザインによって、ページを見た人をサイトの世界観に一気に引き込んでいます。 神社やお寺と音楽を組み合わせるという、プロジェクトの発想自体も斬新で面白いですね。
WordPressのブロックエディターを無効化して旧エディターに戻す方法【投稿・ウィジェット】 | Web Design Trends
ブロックエディターとは WordPressのブロックエディターは、「Gutenberg」という名前が付けられていて、下記のようなページで利用することができます。 ブロックエディターになってできることが多くなった一方で、テーマによっては正常に動作しなかったり、旧エディタの扱いに慣れていて元に戻したいという意見もたくさん耳にします。 ブロックエディターは標準機能となっていて、設定などからは元に戻すことができませんが、プラグインを追加したりfunctions.phpにコードを記述することで、無効化して旧エディターを引き続き利用することができます。 では、投稿・固定ページ作成画面、ウィジェット管理画面のそれぞれでブロックエディターから旧エディターに戻す方法をご説明していきます。 投稿作成画面のブロックエディターを元に戻す方法 投稿・固定ページ編集画面は、WordPress5.0以降から「Guten
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
AIで加速するUIデザインの世界！必見の最新サービスとは？ | Web Design Trends
Flexboxで左寄せ・中央寄せ・右寄せを指定する方法 | Web Design Trends
2022年4月：デザインの参考にしたい魅力的なWebサイト10選 | Web Design Trends
Top Web Design and UI Trends for 2022 - Designmodo
Testing Web Design Color Contrast | Articles | web.dev
ユーザーテストが劇的に簡単に行えるサービス「Maze」とは | Web Design Trends
2022年に流行するグラフィックデザインの最新トレンド10個まとめ | Web Design Trends
初心者がPhotoshopの使い方を学ぶおすすめの勉強法・書籍 | Web Design Trends
2022年に流行するロゴデザインの最新トレンド8個まとめ | Web Design Trends
These 13 web design trends will take over screens in 2024
Web Design & Development Toolkit
WordPress 目次 / Web Design Leaves
2020年4月：デザインの参考にしたいWebサイト10選 | Web Design Trends