鹿野さん Zenn
鹿野さんポートフォリオ
今どきの入力フォームはこう書く！
ノンデザイナーも必見！デザインの基礎が学べるスライドまとめ
サイトの表示高速化につながる18のこと
Chrome の CSS transition がページロード時に動いてしまう問題の機序と対処
marginの相殺が起こる3つのケースと例外を紹介！
CSSのaspect-ratioプロパティ解説！レスポンシブ対応もカンタンに！
【CSS object-fitの使い方】CSSで画像トリミングする方法
リセットCSS、ノーマライズCSS、サニタイズCSSの違い
動くWebデザイン アイディア帳
2023年、現在の環境に適したリセットCSSのまとめ
スマホを操作するのは右手？ それとも左手？
CSS box-shadowで出来る様々なスタイルを収集、コードもコピーできる
can i use 使用したいcssのプロパティが各ブラウザで対応しているか確認出来るサイト
backgroundプロパティの使い方を徹底解説！
CSSの背景画像指定！backgroundの使い方とプロパティの説明書
固定ヘッダーをレスポンシブ化してスマホ対応する手順
paddingとmarginの違いをできる限り難しい言葉を使わず説明してみた
もう迷わない！CSS Flexboxの使い方を徹底解説
font-familyの書き方まとめ：CSSでフォント種類を指定しよう
游ゴシックのfont-family指定方法！@font-faceは絶対NG！WindowsのChromeでかすれる問題徹底検証
意外と知らないフォント設定の仕方
「nth-child」と「nth-of-type」の違いをわかりやすくまとめてみた
positionについての解説が詳しく書いてあるサイト
overflowの使い方：hiddenやscrollの違いは？
css3のグラデーションが簡単に作れちゃうサイト
ファビコンの作成方法
様々なファビコンを一括生成。favicon generator
CSS3のアニメーション機能が書かれているサイト１
CSS3のアニメーション機能が書かれているサイト２
WebサイトのWidth(横幅)について ~業界毎の主要webサイト調査結果~
リッチ表示（OGP）の設定が詳しく書かれているサイト
コピペで使えるリストデザイン34選
CSSのみで実装するボタンデザインやホバーエフェクト 20＋α
コピペ実装！CSSだけで作れるお洒落で使いやすいボタン
CSSのみで実装するキャプションエフェクト 20
CSSのみで実装するボタンデザインやホバーエフェクト 20＋α
CSSのコピペだけ！おしゃれな見出しのデザイン例まとめ68選
beforeとafterの使い方を基本からマスターするためのチュートリアル
サルワカbeforeとafterの使い方まとめ
パンくずリスト-作り方とCSSデザインサンプル12選
パンくずリスト-SEOに有効な理由と関係性を解説
最近のWebサイトで見かける、パンくずリストのデザイン・配置・機能のまとめ
パンくずリストを作る際の構造化マークアップする時のschema.orgについての説明
意外と知らない!?CSSセレクタ20個のおさらい
疑似要素:beforeや:afterのcontentで記号（特殊文字）などを表示する方法。コード表やシミュレーター有り
CSSの圧縮されたコードを改行してくれるツール
CSSのコードを圧縮してくれるツール（jsも）
SCSSの基本的な書き方
Sassの基本的な書き方
Sass/ScssをリアルタイムでCSSに変換してくれるツール sassmeister
イメージマップのコードを生成するツール
イメージマップのコードを生成するツール（参考Webサイト）
Font Awesome5の基本的な使い方
ページ内リンクはスムーズスクロールしなくても一瞬点滅すればいいんじゃないかという実験
一目で分かる、Internet Explorer（IE）のサポート終了時期
mainタグがIEでは動作しない件について
IEでsvgタグ内のimageが表示されない
HTML5から意味の変わる要素 bタグ、iタグ、emタグ、strongタグ、smallタグ、hrタグ
ランディングページ集めました。
column（段組レイアウト）の使用
カラムを使って2段組みレイアウト
URLの正規化とは？正規化が必要な理由と実践方法
URL正規化とは？www有り無しhtaccessリダイレクト設定方法まとめ
.htaccessとは？
.htaccessの使い方・設定方法
.htaccess生成ツール
CSS3で縦書きにする方法と挙動
WEBサイトのテキストにルビをふる
CSSでデザイン調整可能なルビ
figure要素(挿絵や図面などのブロック)について
figure: 任意のキャプション付きの図要素
CSSだけでここまで出来る！？タイトルや見出しにオススメなぬるぬる動く最新のCSSテキストエフェクト19選
【CSS】displayの使い方を総まとめ！inlineやblockの違いは？
【float】についてちょっと本気出して説明してみた。
もう悩まない！floatで起きる問題を解決する5つの方法
format-detectionのtelephone,email,address=noの使い方
OGPを設定しよう！SNSでシェアされやすい設定方法とは？
レイアウトを構築するための新しい仕様 CSS Grid Layout!
色見本と配色サイト
サイトで使用されている色をゲット出来る
イソラボ Web カラー 配色パターン
毎日センスある配色パターンを提供してくれるサイト
イケサイ
ウェブセレクション
Webデザインの見本帳
Webデザインギャラリー
bookma! v3
最強ポートフォリオの簡単な作り方
ポートフォリオのまとめ１
ポートフォリオのまとめ２
ポートフォリオのまとめ３
アイコンのフリー素材（iconfinder）
アイコンのフリー素材（icooon-mono）
写真素材 足成【フリーフォト、無料写真素材サイト】
写真素材 足成【フリーフォト、無料写真素材サイト】
写真素材 ぱくたそ【フリーフォト、無料写真素材サイト】
写真素材 Unsplash
写真素材 Pixabay
写真素材 写真AC
写真素材 食材の素材【フリーフォト、無料写真素材サイト】
サイトの色んな技術なんかがまとまってます。nxworld.net
Google Fonts
Facebookページの埋め込み方法
twitterの埋め込み方法
instagramの埋め込み方法
LINEで送るボタンの設置コード
CSS3で色んな図形
Web サイトや Blog に Google カレンダーを表示する
GoogleMapのカスタマイズ
backgroundで動画が動くアニメーション設定がされているサイト
jQuery 背景に画像や動画を全面に表示するプラグイン10選抜
Webデザイントレンド
デザイナーが押さえておきたい、2019年のウェブデザイントレンド10個まとめ
2019年新卒採用サイトのトレンドは？おしゃれなデザインまとめ16選
2019年に注目したい！グラフィックデザインの最新トレンド10個まとめ
2019年のWEBデザイン7つのトレンド【2019年はこれが来る！】
2018年・2019年のWebデザイン最新トレンド
2019年の予測。Webデザインの最新トレンドとは？
HTMLサイトをWordPressに移行する手順のまとめーその１
HTMLサイトをWordPressに移行する手順のまとめーその２
静的HTMLサイトをWordPress化するときの具体的な移行手順
wordpressで独自のページテンプレートを作成して固定ページに適用するための手順
各固定ページのページデザインをテンプレート選択で可能にする方法
Chromeでページ読み込み時にtransitionが効いてしまう件
column-countで、隙間なく詰めるレイアウトを実装
入力フォームはデザインが重要！注意すべき16のポイントと参考にしたい記事8選
ページのキャッシュを無効にする
HTML5のvideoタグを使った動画再生に関するまとめ
Webサイトの横幅100%表示は、実は結構難しい
フリー 動画 the Pexels community.
LPデザインのヒントに！参考にするべきサイト16選と4つのコツ
スマホ対応デザインとPC版デザインの関連性
レスポンシブデザインとは？定義、特徴、メリットとデメリットを解説