1ヶ月である程度のWebデザインができるようになった独学勉強法を書いてみる - Yukihy Life
最近はてなブログのカスタマイズ記事ばかり投稿しているゆきひーです。 ４月ぐらいまでは「HTMLって何？」ってレベルだったのですが、この数ヶ月でいろいろと学んできて、素人ではあるもののレスポンシブデザインぐらいまでなら作れるようになりました。 実際に集中して学んだのは１ヶ月ぐらいですが、趣味程度には十分だと思うので、どのようにして学んだのかをまとめてみたいと思います！ Webデザインをある程度できるようになるためのステップ Step1 「Progate」で作りながら学ぶ Step2 「ドットインストール」で総復習&補完 Step3 書籍を数冊読んでできることを確認する Step4 実際に自分のブログに応用してみる その他Webデザインを効率よく学ぶコツ Webデザイン系ブログをFeedlyで定期購読する クロームの拡張ツール クロームのディベロッパーツール Color Pick Eyedro
はてなブログの強調表示を蛍光ペン風にマーキングする - むじん島
最近よく見かける蛍光マーカー風の強調表示 CSS3のlinear-gradient()でいい感じに再現してみました。 <style type="text/css"> /* 強調表示を蛍光ペン風に */ article strong{ margin:0 0.1em; padding:0.1em 0.2em; background:#fcfc60 !important; background:linear-gradient(to bottom, transparent 60%, rgba(252,252,84,0.8) 60%) !important; } /* bタグは太字 */ article b{ font-weight:bold !important; } </style> 太字のみの「bタグ」と下線マーカーの「strongタグ」で使い分けできるようにしました。 はてなブログでの設定方
Miyahaya is under construction
Thank you for being patient. We are doing some work on the site and will be back shortly.
当ブログで行ってきたはてなブログデザインカスタマイズまとめ！ - Yukihy Life
PR：はてなブログのテーマ「Naked」を作成しました！デフォルトでもカスタマイズもしやすいテーマです。よろしければご利用ください！↓ www.yukihy.com 今までいろいろとはてなブログをカスタマイズしてきて、特にシェアボタンなどはいろんなところで使われているようでありがたいです！ 数も多くごちゃごちゃになってきたので、一旦まとめたいと思います。 新しいカスタマイズを行い次第、この記事にどんどん付け加えていこうと思っています。 カスタマイズ記事まとめ 見出しのデザイン SNSシェアボタン関係 旧バージョン 新バージョン SNSフォローボタン メニュー関係 スマホ版のみ グローバルメニューと両立してレスポンシブ対応にする グローバルメニュー（ドロップダウン）&トグルメニューのレスポンシブ対応 グローバルメニュー（ドロップダウン）&スライドメニューのレスポンシブ対応 レスポンシブ対応な
CSSで組んだドロップダウンメニューとトグルメニューを両立させたレスポンシブなメニューの作り方【コピペでOK】 - Yukihy Life
12/07：その他のカスタマイズを充実させました。 以前、グローバルメニューとトグルメニューを両立してレスポンシブスタイルにするメニューバーを作りました。 以前の記事 www.yukihy.com このメニューバー、CSSを勉強したてに作ったものなので、若干の不満な点などが残ったりしていました。例えば「タイトル下」の部分に広告を入れるとトグルメニューのときにデザインが崩れたりすることです。 また、メニューバーにドロップダウンメニューにできないかとのご質問もいただいたので、合わせて修正版のやり方を記事にしたいと思います。 はてなブログ向けですが、全く同じコードで他のブログサービスでも使えるのではないかと思います。 カスタマイズを行う際は、必ず以前のコードをメモ帳などにバックアップをとっておくようにしてください。 実装図 注意点 カスタマイズ CSS HTML&jQuery HTMLの中にリン
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
