はてなブックマーク

Twitterでたまにトレンドに入る「診断メーカー」や「診断ドットコム」のような診断ツールをブログにも取り入れたい！ そう思い作ったのがこちら。 30秒診断 あなたの余命はあと何年！？ ※結果はフィクションです ...

CVボタンを作ります！ 作成するCVボタンがこちら。 簡単5分登録 別途料金は発生しません 無料 公式HPはこちら リンク先：https://www.google.com/ 現在キャンペーン中！終了まで残りわずか！ PCで見てる方はスク...

<div class="box1-green"> <div class="box-title">ここにタイトルを入力します</div> <p>ここにコンテンツを入力します。</p> </div>.box1-green{ margin: 2em auto; /* ボックスの余白 */ background: #eef8f3;...

プロフィールはこちら Webデザイナー×ブロガーで現在3サイト運営してます。1サイト月間43万PV達成！当ブログは2019年2月START！ デザインと動物が大好きなアラサーおじさん。 依頼も引き受けてるのでお気軽にご連...

比較表第2弾！スマホに特化したテーブルデザインを作りました！ 第1弾がこちら！ 関連 tableタグを使わない比較表デザイン！ 前回はtableタグを使わずに比較表を作る方法を紹介しました。 今回はtableタグを使っ...

こんにちは、ぽんひろ(@ponhiroo)です。 今回はCocoonのリストをカスタマイズします。 (※Cocoonじゃなくても使えます。) Cocoonのリストってシンプルすぎて少し味気ないですよね。 いかにもカスタマイズしてくれ...

/************************************ ** アイコンつきリスト ************************************/ /* ボックス全体 */ .iconbox{ margin: 0 auto 2em; /* 余白 */ background: #fef9ed; /* 背景色 */ borde...

/************************************ ** 比較表 ************************************/ /* 比較表全体 */ .compare-box { display:-webkit-box;/* 配置 */ display:-ms-flexbox;/* 配置 */ display:flex;/* ...

こんにちは、ぽんひろ(@ponhiroo)です。 アイキャッチ画像についてお悩みですか？難しいし、面倒ですよね。 ただ、ルール通りにやればアイキャッチ制作ってそこまで難しくないんです。 ということで今回はアイキ...