随時確認エントリー(よく見返すエントリーへのLink)

その他

Link一覧

 状態:結論(後で見返す用)  閲覧数:607  投稿日:2018-01-24  更新日:2020-04-18
一行で結論 / Link / PRIVATE

一行で結論 / Link / PRIVATE

 閲覧数:65 投稿日:2020-04-18 更新日:2020-07-13 

一行で結論


CSS
「:first-child」が効かない場合は「:first-of-type」

SVGの色指定は、「枠線 stroke」と「内部 fill」の2種類
<style>
svg{
 width:2.0rem;
 height:2.0rem;
}
svg > path{
 fill: orange;
}
</style>


Link


パブリックドメイン系の画像
パブリックドメイン系の画像
パブリックドメイン系の画像検索サービス

ルール
(私の)HTMLコーディングルール
(私の)CSSコーディングルール
CSS の class名 と id名 を、全プロジェクトで意識的に統一しようかと
(私の)HTMLデザインコーディングルール
作成画像保存ルール

HTML5
HTML5テンプレート / <link href="★★.css" rel="stylesheet"> / 終了タグを記述してはならない
HTML5では、inputタグの閉じタグを付与しない

CSS
隣接兄弟結合子{h1 + p}と、一般兄弟結合子{h1 ~ p}は、意味が異なる
「position:absolute;」が分からなくなったときに見るエントリー
margin相殺 / 水平方向では発生しない。「position:absolute;」「position:fixed;」指定した要素では全く発生しない 
OOCSS
「CSSプロパティ」書く順番
Private リセットCSSテンプレ / CSS圧縮Link
CSSでループ処理。一定間隔で(背景色等を)繰り返し指定する

ボタン
「ボタン」と「テキストリンク」の使い分け

フォーム
フォーム要素に対する(私の)CSS適用ルール
フォーム内項目横並べ

背景色
要素毎に順番で背景色変更

レスポンシブ確認
Sizzy

ファイル読込。スタイルシートの読込
・複数同時実行可能
・完了していなくてもJavaScriptファイルを含む他のファイル読込可能
複数のCSSファイルを、PHPを利用して1つにする
ドキュメントルート外のCSSファイル読込

ドキュメントルート外の画像をPHP経由で読込後、Webページで表示
ドキュメントルート外のJavaScriptファイルをPHPで読込
ドキュメントルート外のJavaScriptファイルをPHP経由で読込後、Webページで実行

その他
ページの途中へリンクを張る(例えば、長いドキュメントの途中など)
・ページ内リンクを使用する
・htmlソースからid確認
・URLの末尾に#idを付与する
< 具体例 >
https://sno.phy.queensu.ca/~phil/exiftool/exiftool_pod.html
https://sno.phy.queensu.ca/~phil/exiftool/exiftool_pod.html#globalTimeShift-SHIFT

PRIVATE


private CSS。マテリアルデザインカラー など
UIランキング。パーツ選択候補 / Topナビゲーション / Bottomナビゲーション / グリッド / 組積造 / コンテンツタブ切替 / テーブル / フォーム / ボタン
Design系Link

アイコン
私がよく利用するFont Awesome 無料アイコン。毎回探すことが面倒なので

CSSのこのアイデアはすごすぎる!Webページのトラッキング・解析ができるスタイルシート -Crooked Style Sheets

画像エフェクトルーティンワーク
画像補正プライベート運用ルール

Next


マテリアルデザインカラー
・内容は素晴らしいが、あのGoogleが提唱しているから、という理由だけで、固執する必要はないかも
・自分なりのカラーパターンを探してみることが必要かも

Design系Link | 「CSS」カテゴリー | Design 0 ← private

外部リンク

 閲覧数:73 投稿日:2020-06-24 更新日:2020-06-24 

外部リンク


ロゴ作成
Draw a Logo - Logoshi




類似度ページランキング
順位 ページタイトル抜粋
1 良い感じのWebデザインを発見したら、その場で確認後、このエントリーへ追記していく 32
2 格好が良いロゴを見つけたら、そのページへのリンクを張っていくエントリー 29
3 UIコードダウンロードLink 29
4 「position:absolute;」が分からなくなったときに見るエントリー 27
5 (私の)HTMLコーディングルール 27
6 いい感じのロゴを見つけたら、そのサイトへのリンクを張っていくページ 27
7 (私の)HTMLデザインコーディングルール 25
8 Private リセットCSSテンプレ / CSS圧縮Link 24
9 ブラウザ一覧(公式サイトリンク) 23
10 (私の)CSSコーディングルール 23
11 FireFov6.0 指定サイトでrssURLの確認 23
12 アンカーポイントの追加 21
13 Design系Link 21
14 Firefox7 「このサイトのパスワードを保存しますか?」を非表示にする(案) 21
15 フォーム要素に対する(私の)CSS適用ルール 20
16 ページ内リンクの位置を微調整するためには、Negative margin を使用する 20
17 Flickrがサポートするライセンス 9 + 特別なライセンス 2 20
18 「Create Link」復活 19
19 ダウンロードしたモックアップベクター素材の感想を書いてみる予定のエントリー 19
20 レスポンシブスマホサイトで、意図せず横スクロールが発生する場合は、URLを折り返し表示するよう設定 18
2021/7/28 9:25 更新
週間人気ページランキング / 7-21 → 7-27
順位 ページタイトル抜粋 アクセス数
1 RGB ⇔ Lab | 色変換(色) 47
2 画面キャプチャ | Chrome 拡張機能(ブラウザ) 32
3 血の色 / #b30000 / #360800 / #ff0000 | 色 30
4 Windows10で「Google Chrome」が常に最前面に表示される。「アクティブウィンドウ」が最前面で表示されない → 解決方法存在しない | Google Chrome(ブラウザ) 26
5 RGBの種類 / ビットカラー | RGB(色) 17
6 「属性」「プロパティ」「アトリビュート」の違い | CSS 16
7 「マウスオーバー」「ロールオーバー」「ホバー」の違い | CSS 15
7 HSLとHSVの違い | 色変換(色) 15
8 使用していないCSSをチェックする、標準的な方法を知りたい | CSS 14
9 Design 0 12
9 「Bootstrapデザイン」✕「グラフ」 | 2系(Bootstrap) 12
10 「bgcolor」「background-color」「background」の違い | CSS 10
11 「:hover」「z-index」を組み合わせて使用すると、正常動作しないことがある | z-index(CSS) 9
12 親要素の背景色を、CSSで打ち消したい | CSS 7
12 「overflow」効果を打ち消すスタイルシートは、「overflow: auto;」 7
12 キャラクター無料着せ替えジェネレーター Rinmaru Games / オンラインサービス | イラスト素材(デザイン) 7
13 Chromeブックマークの不満な点 | Chromeブックマーク(ブラウザ) 6
13 100/7%ではなく100%/7。(100/7)%ではなく(100%/7) | CSS 6
13 ログイン 6
13 グラデーション練習 | Fireworks 8(Fireworks) 6
2021/7/28 1:01 更新