今回はTwitterカード(ツイッターカード)の使い方と設定方法をまとめて解説します。「Twitterカードって何?」というところから解説するので、ご存じの方はサクッと読み飛ばしてください。上手く設定すれば、記事拡散時のクリック率がグッと上がるはずです。 1. Twitterカードとは? Twitterカードとは、ツイートに貼り付けられた記事へのリンクを魅力的に見せる機能のことです。具体的にはツイートの中に「アイキャッチ画像」や「記事のタイトル」などが表示されるようになります。
今回はPC版Canva(キャンバ)の「はじめ方」「使い方」を解説していきます。Canvaを使えば、誰でも簡単にプロっぽいデザインを作ることができるようになります。是非活用してみください。
Windows メイリオ 'メイリオ', Meiryo, 愛のあるユニークで豊かな書体 Meiryo UI 'Meiryo UI', 愛のあるユニークで豊かな書体 游ゴシック YuGothic,'Yu Gothic', 愛のあるユニークで豊かな書体 Windows8.1~ 游明朝体 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体', 愛のあるユニークで豊かな書体 Windows8.1~ Yu Gothic UI 'Yu Gothic UI', 愛のあるユニークで豊かな書体 Windows10~ MS ゴシック 'MS ゴシック', 愛のあるユニークで豊かな書体 MS Pゴシック 'MS Pゴシック','MS PGothic', 愛のあるユニークで豊かな書体 MS UIゴシック 'MS UI Gothic', 愛のあるユニークで豊かな書体 MS明
マテリアルデザインでは「鮮やかで明るめの配色」が使われる傾向があります。Googleも鮮明な色づかいを推奨しています。 ガイドラインにも色の使い方は詳しく書かれていますが、GoogleのWebサイトやサービスであっても完全には守られていなかったりします。個人的な意見ですが、以下で紹介する内容を全て守る必要はないかと思います。コンテンツが活きるような配色を心がけましょう。 1. 使用する色を選ぼう マテリアルデザイン制作時には、はじめに使用する色を3〜4色を選んでおきましょう。 メインカラー(1色)Webページやアプリの主役となる色です。最も広い面積に使われます。 サブカラー(1〜2色)補助的に使う色です。メインカラーと同じ色あいにします。 アクセントカラー(1色)重要な部分、目立たせたい部分にのみ使われる色です。あくまでもアクセントなので使いすぎはNGです。
今回は、アイキャッチ画像の作り方を解説します。デザインのコツもまとめているので、ブログやWebメディアを運営している方はぜひ参考にしてみてください。 1. アイキャッチ画像のデザインツールは? アイキャッチ画像を作るためのツールはたくさんあります。 Photoshop Photoshop(フォトショップ)を使えば写真をアーティスティックに加工したり、手描きのイラストを取り入れたりなどと、多様な表現ができます。しかし、有料です(参考)。また、ブログのアイキャッチ画像は基本的にイラストや写真をレイアウトをするだけで十分かと思います。購入してまで、フォトショップを使う必要はないでしょう。 Illustrator 当サイトでのアイキャッチ画像制作に使っているのはIllustrator(イラストレーター)です。フォトショップよりも、イラストレーターの方がアイキャッチ画像を作るような、レイアウト作業に
今回はFont Awesomeという超便利なサービスの使い方をまとめます。後半ではアイコンにさまざまなアニメーション効果をつける方法も解説します。 1. Font Awesomeとは? ざっくりというとウェブサイトやブログでWebアイコンフォントを表示できるようにしてくれるサービスです。
.btn-square { display: inline-block; padding: 0.5em 1em; text-decoration: none; background: #668ad8;/*ボタン色*/ color: #FFF; border-bottom: solid 4px #627295; border-radius: 3px; } .btn-square:active { /*ボタンを押したとき*/ -webkit-transform: translateY(4px); transform: translateY(4px);/*下に動く*/ border-bottom: none;/*線を消す*/ }
今回は見出し(h1〜h6タグ)のオシャレなデザインサンプルを68つ紹介します。CSSコードをコピペすればそのまま使うことができます。もちろん自分好みにカスタマイズして使って頂いても構いません。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く