なんだと思う?多分、きっと文字と画像のバランスなんだ。このブログにはタイトルロゴもない。文字の割合が多すぎるんだ。見て楽しいものを置いてみよう。結果から結果はこうなりました。after要素』で作成されています。簡潔でイメージしやすく・・・したつもりです。個人的には満足ですが、見やすくは無いかもしれません。ここから先は、この実装を行った経緯が書いてあります。実装が見たい方は作成編へどうぞ。一応言っておきますが、CSSで凝った図形を作るのは、かなり非効率です。通常はおとなしく画像にしておきましょう。デメリットを挙げるならこんな感じ。古いブラウザ(主にIE8以前)等で上手く表示されないブラウザや端末ごとに微妙にズレる微妙な位置調整が難しく、CSS側の制限も多いという訳で今回のやり方は参考程度に考えてください。私も最初は『アイキャッチ用のアイコンを探そう!』って思いました。良さそうなサイトの規約ページに飛んだらシルエットデザインの素材はイラストレータaiデータです。シルエットデザインイラレかぁ・・・。adobe製イラストレーターが無いと編集もできなかったんです。デザイナーではない私は、当然そんなもの持っていません。私はイラっとして、自分で作ることにしました。(イラレだけに)※注)上記サイトが悪い訳ではありません!!!何で作るか私が使えて画像が扱えるツールといえばPowerPointかペイント系のソフトぐらいですが、パワポは画像作成には向いてないし、ペイントとかは使い慣れていなくて楽しくなさそう。業務で慣れてるHTMLとCSSで作っちゃおう。最近のCSSは強力で、大体なんでもできちゃいます。ドラえもんだって簡単に作れます。難しいことではありません。そんな世の中だからこそシンプルが良い。世の中もフラットデザインが流行ってますしね。after要素』という3つの道具に絞って考えることにしました。実装については、長くなるので別記事へ。はてなブログPro昭和の最後の方に生まれた♂。IT系に就職してシステム開発を行う。結婚してても一人ボウリングや一人カラオケに行く。beatmaniaIIDXにハマっており練習のためのツール開発などをしている。スコア記録ブログはこちら。寝る前にスマホを触らない時期が過ぎたクリスマスツリーやるべきことを朝にやる安くて美味しいものスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。