デザインでもっとも頭を悩ますことの多い「配色えらび」。配色を決まらずに、時間だけが過ぎてしまったという経験のあるひとも多いでしょう。 そんなときは、無料で使えるオンラインツールを利用してみましょう。今回は、グラデーションカラーに特化し、CSSコードも手軽にコピペできるツール17個をまとめてご紹介します。2018年のデザイントレンドをうまく反映したカラーリングだけでなく、お好みのグラデーションカラーも手軽に作成することができ、ウェブデザイン制作の時間短縮につながります。 ウェブデザイナー必見！美しいCSSグラデーションをコピペできる無料ツールまとめ Grabient ウェブサイトやグラフィックデザインに利用したくなる美しいグラデーションカラーを現在25種類揃え、お好みで色をカスタマイズ、作成できる無料の配色作成ツールです。 ボタンをクリックするだけで、Internet Explorer や

多くは語るまい。まずは、皆さんに違和感を味わっていただこう。 下の写真をご覧あれ。 ⬇ いかがだろう。 こう思ったのではないだろうか。 写真デカッッ……！ と。 数多（あまた）あるWebメディアが日々、数多の記事をアップし続けているが、反面、見かけることが少なくなっているものがある。 それは、縦写真だ。 上の写真をご覧になって、「なんか写真デカいな」と感じてしまうのは、縦写真がWeb上の記事において見慣れないから、ではないだろうか。 Web上に無数に存在する“記事”において、縦の写真が使用されることは少ない。例えば今をときめくヨッピー氏が手がけたこちらの記事を見てみると…… 34枚もの写真（丸抜きの人物写真は除く）が使用されているが、そのうち、縦の写真はゼロである。 これはごくごく一部の例証にすぎないが、なぜ縦の写真はWebメディア上でかくも存在感を後退させたのか。本稿ではその背景を考察し

原色大辞典とは 原色大辞典は1997年にオープンしたネットの色見本サイトです。 9種類の色見本と色に関する各種サービスから構成されています。 色見本コンテンツは ブラウザで定義されているHTMLカラーネーム、 日本の伝統色、 世界の伝統色、 Webセーフカラー、 パステルカラー、 ビビッドカラー、 モノトーン、 地下鉄のシンボルカラー、 国鉄制定の塗装色 の9つから構成され、特に日本の伝統色は古来伝わる先人の色彩感覚を現代に伝えるものとして多くの方々から支持をいただいています。 文字列と背景色の組み合わせを試せる配色大辞典、 規則性のある組み合わせから色を選べる配色パターン。 色見本の他にも、今日のラッキーカラー、 コトバから色を解析して調合する成分解析、 ストライプを生成するストライプメーカー、 グラデーションを生成するグラデーションメーカー、 あなたの好きな色と色を調合する色調合、 サ

ドラッグ&ドロップで サクサク作れる操作に不安な方でもご安心ください。 ジンドゥーは簡単な操作だけで ホームページが作れます。

では、HTMLから解説していきます。 HTML <ul id="dropmenu"> <li><a href="#">メニュー</a> <ul> <li><a href="#">サブメニュー</a></li> <li><a href="#">サブメニュー</a></li> <li><a href="#">サブメニュー</a></li> <li><a href="#">サブメニュー</a></li> </ul> </li> <li><a href="#">メニュー</a> <ul> <li><a href="#">サブメニュー</a></li> <li><a href="#">サブメニュー</a></li> <li><a href="#">サブメニュー</a></li> <li><a href="#">サブメニュー</a></li> </ul> </li> <li><a href="#">メ

最終更新: 2018年4月14日 皆様こんにちは！最近WP-Eメンバーに本名を忘れられているような気がするWP-E HINOTANです。寿司ネタがどこかへ行ってしまいましたね。 さて今回はタイトルの通り、便利な配色ツールを紹介していきたいと思います。 Adobe Kuler まずはAdobeが提供しているAdobe Kulerから。こちらは有名なので知っている方も多いと思います。Adobe KulerはPhotoshopやIllustratorとの連携機能があるので便利です。(Adobe Creative CloudのアカウントIDが必要となります) 「Explore」のページでは、様々なカラーパターンを見ることができ、気に入ったものを登録したり編集したりすることができます。登録したカラーパターンはPhotoshopやIllustratorにも反映されます。 Color Hexa Colo

先日、個人でやっているサイトをリニューアルしていたのですが、想像以上に色の組み合わせについて悩んでしまいました。 デザインの知識が皆無の私にはハードルが高すぎたようで、文字、リンク、バナー、背景などの色をベタベタ触っていたら、数時間後にはヘドロのような色彩美のサイトが誕生しました。絶望です。 そこで今回は、私のような素人でも参考になる配色見本サイトについて、用途別にまとめてみました。 「わからないこと」が一瞬で解決するかも？ Webデザインを効率的に学びたい、転職・就職を目指している、誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。LIGのスクールでは、現役デザイナーがマンツーマンで指導します！ ▼少しでも気になる方は、ぜひ公式サイトをご覧ください！ ベースとなるカラーを設定したい 1． 原色大辞典 https://www.colordic.org/ いつも参考に

Kotoriはマルファン症候群という難病を患っています！ 今後は、マルファン症候群に関するトピックも扱っていきます！ KOTORI Blogの公式キャラクター「パンD」です。 まえがき WordPressでお問い合わせフォームを設置するプラグインといえば、真っ先にの名前が挙がるのが「Contact Form 7」でしょう。 みなさんも使用したことがあると思います。 この記事では、そんな「Contact Form 7」をより実用的に使用するカスタマイズ方法をまとめました。 ここに書いていることでフォーム周りに関する大抵のことには対応できると思います。 あと注意事項を一つ。 記事に出てくるショートコードは半角スペースを消してください。 []の前後の半角スペースです。 そのままだと展開されちゃいました。 目次 郵便番号からの住所自動入力に対応 確認用メールアドレスのフィールドを追加 確認画面を表

This page is also available in English. はじめに Contact Form 7 の基本的な使い方 管理画面 タグの使い方 フォームのテンプレートを編集する メールのセットアップ メッセージを編集する その他の設定 外部 API とのインテグレーション フォームの編集 テキスト項目 数値入力項目 日付項目 チェックボックス、ラジオボタン、メニュー ファイルのアップロードとメール添付 Really Simple CAPTCHA クイズ 承諾確認チェックボックス 隠し入力項目 送信ボタン 反映 (Reflection) フォームの自動補完 最大、最小長オプションと文字数カウント プレースホルダーテキストを設定する 文脈からデフォルト値を取得する ログインユーザーのためにデフォルト値を設定する ショートコード属性からデフォルト値を取得する 外部 API との

SekaichizuのアドバイザーSekaichizuのトラベルアドバイザーは、お客様一人ひとりの旅の興味や目的を理解するまで時間をかけてお話をお伺いします。専門知識、実際の旅行経験、航空、車、ホテル、リゾート、ツアー、クルーズ会社の手配などをパートナーとの関係を駆使して行います。お客様の思い出に残る旅行体験をお約束します。私たちの旅のエキスパートは、お客様がどこに行きたい場所を理解し、お客様をサポート全力で行います。 なぜSekaichizuを選ぶのか？創業以来、多くの方々の旅の夢を実現するお手伝いをしてきました。 旅の夢を叶えられない理由は当社にはありません。旅行代金は分割払い可能ですので、お金に制限があっても旅に出ることができます。 詳しくは当社のトラベルアドバイザーにお問い合わせください。ご旅行の日程は、ご都合のよいときにいつでも変更することができます。 ワーキングホリデー 「海外

wordpressで画像がどのように扱われているかをデータベースの説明を含めて解説する。サムネイル画像やアイキャッチ画像、編集された画像がどのようにデータベース上に表現されているかもなるべく詳細に解説できるよう努めた。wordpressを覗きたくて仕方ない人向け。wordpressの画像に強くなる wordpressのカスタマイズでは画像を扱うことが結構多い。その為、wordpressの内部で画像がどのように扱われているかをよく知っておく必要があると思う。 今回の記事ではwordpressにおいて画像はどのようにデータベースに記録されているかを説明したいと思う。 データベースを見るに当たっては拙著の記事wordpressのデータベースをデータベース管理ツールで覗いてみる方法が参考になると思う。データベースを見ながら本記事を読んでいただけると面白いのではないかと思う。 画像情報はデータベース

WordPressには世界中の開発者が制作した機能を自由に組み込むことができる「プラグイン」が存在します。プラグインを上手く活用することが、WordPressの魅力を最大限に引き出すポイントです。 そこで今回は、私がWordPressで様々な種類のWebサイトを制作してきた経験から、役立つプラグインを厳選してご紹介します。いずれも無料でも使用できるので、ぜひ活用してみてください。 WordPressプラグインとは WordPressプラグインとは、WordPressの機能を拡張させるための仕組み（ツール、モジュール、パーツのようなもの）です。 WordPressの本体は、ユーザーの様々なニーズに柔軟に対応できるように基本的でコアな部分のみで設計されています。WordPressプラグインを使うことで、ニーズに合わせた様々な機能を持ったサイトを構築することができます。 参考：WordPress

「WixとJimdoってどっちがいいですか？」と聞かれたので解説記事を書いてみます。 無料ウェブサイトビルダー2強 JimdoとWixは「無料ウェブサイトビルダー」に属するウェブサービス。どちらも「知識ゼロで簡単にウェブサイトが制作できる」ことを売りとしています。 全世界で見たときのユーザー規模としては、Jimdoが約800万ページ、Wixが約2,900万ページと、Wixが上回っています。Jimdoは日本拠点を構えて普及に努めているため、国内での知名度・利用度はJimdoに軍配が上がるでしょう。 資金調達面でいうと、Wixは5,850万ドルを調達、Jimdoはあえて多額の調達は実施しないという方針を貫いているのは対称的です。このふたつの企業がどのように対決、棲み分けしていくのかは個人的にも関心があります。 比較してみた 独断と偏見で表にするとこんな感じ。お互いどんどんサービスを改善している