サクサク読めて、
アプリ限定の機能も多数！
アプリで開く
●はてなブックマークって？
●アプリ・拡張の紹介
●ユーザー登録
●ログイン
●ログアウト
nekonyantaro
id:nekonyantaro
●
3,901
ブックマーク
●
-
お気に入り
●
-
お気に入られ
タグ
●すべて
●
*レシピ
(2)
●
ADHD
(3)
●
AI(24)
●
Amazon
(5)
●
Apple
(3)
●
BL(2)
●
CCC
(2)
●
CM(3)
●
COVID-19
(60)
●
ChatGPT
(6)
●
DB(4)
●
DIY
(3)
●
DV(3)
●
DX(2)
●
EU(2)
●
EV(9)
●
Google
(4)
●
HTML
(8)
●
HTML・CSS
(2)
●
IP(3)
●
IT業界
(2)
●
JR(3)
●
LGBT
(2)
●
MVNO
(2)
●
PC(12)
●
PDF
(2)
●
PPAP
(2)
●
PayPay
(5)
●
RAIL
(2)
●
SNS
(23)
●
SQL
(4)
●
Suica
(2)
●
TED
(2)
●
UI(6)
●
VR(2)
●
X(3)
●
Yahoo!知恵袋
(3)
●
art
(5)
●
css
(5)
●
dpz
(30)
●
excel
(9)
●
it(46)
●
medical
(4)
●
news
(4)
●
nhk
(15)
●
science
(8)
●
software
(3)
●
sony
(2)
●
tips
(7)
●
togetter
(31)
●
twitter
(42)
●
unicode
(3)
●
web
(18)
●
webサービス
(19)
●
webデザイン
(3)
●
windows
(8)
●
windows 10
(2)
●
あとで読まない
(2)
●
あとで読む
(98)
●
あるある
(4)
●
いい話
(5)
●
いじめ
(5)
●
いらすとや
(2)
●
おもしろ
(47)
●
お出かけ
(2)
●
お役所仕事
(3)
●
お金
(31)
●
ことば
(24)
●
こども
(2)
●
これはこわい
(4)
●
これはすごい
(52)
●
これはひどい
(313)
●
これはよい
(2)
●
これは役に立つ
(2)
●
これは面白い
(2)
●
そば
(3)
●
ためになる
(2)
●
つくば
(2)
●
つづく
(16)
●
なるほど
(2)
●
なんじゃこりゃ
(2)
●
なんだこれは
(3)
●
ねこ
(4)
●
はてな
(16)
●
はてブ
(17)
●
まとめ
(10)
●
みうらじゅん
(2)
●
みずほ
(6)
●
ものづくり
(2)
●
やまもといちろう
(2)
●
やる気
(5)
●
わかる
(6)
●
アイドル
(4)
●
アウトプット
(3)
●
アニメ
(6)
●
アフィリエイト
(2)
●
アベノミクス
(2)
●
アメリカ
(18)
●
アート
(5)
●
イギリス
(4)
●
イベント
(10)
●
イラスト
(3)
●
インターネット
(36)
●
インフレ
(3)
●
エイプリルフール
(4)
●
エロ
(5)
●
エンジニア
(5)
●
オタク
(11)
●
オリンピック
(29)
●
オーストラリア
(2)
●
カメラ
(8)
●
カラオケ
(2)
●
キャッシュレス
(5)
●
キャリア
(6)
●
キャンセルカルチャー
(2)
●
ギャンブル
(2)
●
クレジットカード
(6)
●
グラフ
(2)
●
グルメ
(15)
●
ゲーム
(11)
●
コミュニケーション
(73)
●
コロナ
(39)
●
コンセプト
(2)
●
コンテンツ
(3)
●
コンビニ
(5)
●
コーヒー
(3)
●
サイゼリヤ
(2)
●
サッカー
(3)
●
サービス
(20)
●
サーモン
(2)
●
システム
(22)
●
ジェンダー
(31)
●
ジャニーズ
(7)
●
スキル
(8)
●
スケベ
(2)
●
スタバ
(3)
●
ストレッチ
(2)
●
スポーツ
(30)
●
スマホ
(10)
●
セキュリティ
(31)
●
セックス
(14)
●
テクニック
(6)
●
テレビ
(10)
●
デイリーポータルZ(21)
●
デザイン
(28)
●
デジタル
(5)
●
デマ
(3)
●
データ
(10)
●
デート
(3)
●
トイレ
(4)
●
トラブル
(30)
●
トンデモ
(17)
●
ナショナリズム
(3)
●
ニュース
(48)
●
ネコ
(8)
●
ネコカラ
(5)
●
ネタ
(206)
●
ネタにマジレス
(2)
●
ネット
(44)
●
ネットワーク
(7)
●
ノート
(4)
●
ハラスメント
(4)
●
バス
(11)
●
パソコン
(4)
●
パワハラ
(8)
●
ヒグマ
(2)
●
ビジネス
(82)
●
ビール
(2)
●
ファッション
(18)
●
フェミニズム
(11)
●
フォント
(7)
●
フジロック
(2)
●
ブコメ
(9)
●
ブックマーク
(2)
●
ブラウザ
(3)
●
ブラック企業
(6)
●
ブランド
(9)
●
ブログ
(10)
●
プログラミング
(22)
●
プロジェクト
(8)
●
ヘイト
(2)
●
ホームレス
(2)
●
ポピュリズム
(3)
●
ポリコレ
(3)
●
マクドナルド
(4)
●
マスコミ
(6)
●
マナー
(6)
●
マネジメント
(27)
●
マネー
(13)
●
マンション
(4)
●
メディア
(29)
●
メンタルヘルス
(20)
●
メール
(5)
●
モチベーション
(12)
●
モラハラ
(3)
●
ヤンキー
(2)
●
ライティング
(8)
●
ライフ
(4)
●
ライフハック
(11)
●
ランキング
(2)
●
ラーメン
(7)
●
リア充
(3)
●
リニア
(2)
●
リベラル
(5)
●
ルール
(4)
●
レシピ
(9)
●
レトロ
(3)
●
レンズ
(2)
●
ロシア
(3)
●
ロボット
(6)
●
ワクチン
(11)
●
ワロタ
(3)
●
三菱自動車
(4)
●
上司
(2)
●
不倫
(6)
●
不動産
(16)
●
不正
(8)
●
世の中
(11)
●
世代
(15)
●
中国
(15)
●
事件
(49)
●
事故
(31)
●
互助会
(2)
●
交通
(38)
●
京都
(13)
●
人事
(4)
●
人工知能
(13)
●
人権
(10)
●
人物
(2)
●
人生
(106)
●
人間
(16)
●
人間関係
(15)
●
介護
(4)
●
仕事
(166)
●
仮想通貨
(2)
●
企業
(63)
●
休日
(3)
●
会社
(51)
●
会話
(6)
●
会議
(3)
●
会食
(2)
●
体育会系
(2)
●
作家
(5)
●
価値観
(3)
●
保存版
(4)
●
保育園
(3)
●
俳句
(2)
●
健康
(26)
●
偽科学
(4)
●
働き方
(2)
●
僧侶
(6)
●
内田樹
(3)
●
写真
(22)
●
出会い系
(3)
●
出版
(6)
●
創作
(11)
●
努力
(2)
●
労働
(45)
●
勉強
(63)
●
勉強法
(6)
●
動物
(9)
●
化学
(8)
●
北朝鮮
(5)
●
北海道
(2)
●
医療
(50)
●
医療崩壊
(2)
●
単位
(2)
●
博物館
(6)
●
友人
(3)
●
古代史
(5)
●
古墳
(2)
●
台湾
(2)
●
司法
(7)
●
吉野家
(3)
●
名古屋
(3)
●
哲学
(3)
●
図書館
(4)
●
国債
(4)
●
国家
(4)
●
国民民主党
(2)
●
国際
(26)
●
地主恵亮
(2)
●
地名
(3)
●
地図
(7)
●
地域
(21)
●
地方
(31)
●
地理
(11)
●
地震
(4)
●
報道
(9)
●
増田
(343)
●
増田文学
(44)
●
夏目漱石
(2)
●
外交
(4)
●
外国人
(2)
●
外食
(12)
●
夢
(2)
●
大学
(24)
●
大学生
(3)
●
大日本帝国
(3)
●
大阪
(6)
●
夫婦
(23)
●
奈良
(13)
●
契約
(12)
●
女性
(39)
●
妊娠
(8)
●
子ども
(24)
●
子育て
(14)
●
学び
(7)
●
学校
(25)
●
学歴
(5)
●
学習
(48)
●
宇宙
(5)
●
安倍晋三
(9)
●
安全
(19)
●
安全保障
(2)
●
宗教
(16)
●
実験
(3)
●
家事
(10)
●
家制度
(2)
●
家庭
(12)
●
家族
(9)
●
家電
(6)
●
宿泊
(3)
●
対人関係
(5)
●
寿命
(3)
●
将棋
(2)
●
少子化
(7)
●
就活
(2)
●
居酒屋
(4)
●
山
(3)
●
工具
(2)
●
左翼
(3)
●
差別
(19)
●
年収
(8)
●
年金
(4)
●
広告
(15)
●
店
(8)
●
店舗
(3)
●
建築
(10)
●
心理
(71)
●
心理学
(7)
●
思考
(9)
●
性
(43)
●
恋愛
(36)
●
情報
(24)
●
感情
(6)
●
憲法
(8)
●
戦争
(31)
●
技術
(70)
●
携帯
(5)
●
政治
(136)
●
政治資金
(3)
●
教育
(76)
●
教養
(8)
●
数値
(3)
●
数学
(17)
●
文化
(50)
●
文化財
(5)
●
文字
(17)
●
文字コード
(3)
●
文学
(10)
●
文章
(26)
●
文章力
(3)
●
料理
(29)
●
新聞
(7)
●
旅行
(27)
●
日本
(77)
●
日本会議
(6)
●
日本語
(26)
●
日経ビジネス
(3)
●
昆虫
(3)
●
映画
(5)
●
時間
(15)
●
暮らし
(10)
●
暴力
(8)
●
服
(11)
●
本
(38)
●
東京
(29)
●
東京五輪
(5)
●
東日本大震災
(27)
●
格差
(15)
●
植物
(4)
●
正規表現
(3)
●
歴史
(83)
●
歴史修正主義
(3)
●
歴史認識
(4)
●
民主主義
(3)
●
民主党
(4)
●
気象
(5)
●
沖縄
(4)
●
法律
(21)
●
洗濯
(4)
●
流通
(5)
●
海外
(7)
●
海運
(3)
●
温泉
(3)
●
漢字
(7)
●
漫画
(4)
●
災害
(15)
●
炎上
(17)
●
無印良品
(3)
●
無線
(4)
●
燃費
(4)
●
物流
(3)
●
物理
(3)
●
犯罪
(28)
●
現実
(6)
●
環境
(19)
●
生き方
(7)
●
生活
(101)
●
生物
(10)
●
生産性
(5)
●
用語
(6)
●
男女
(87)
●
画像
(18)
●
疑似科学
(4)
●
発達障害
(4)
●
登山
(4)
●
相撲
(3)
●
睡眠
(3)
●
瞑想
(4)
●
研究
(36)
●
社会
(349)
●
福祉
(11)
●
科学
(62)
●
税金
(11)
●
立憲民主党
(3)
●
竹中平蔵
(5)
●
管理
(10)
●
素材
(3)
●
組体操
(3)
●
組織
(27)
●
経営
(25)
●
経済
(96)
●
結婚
(24)
●
給与
(3)
●
統計
(21)
●
維新
(5)
●
美術館
(4)
●
習慣
(14)
●
老害
(4)
●
考え方
(162)
●
考察
(3)
●
育児
(11)
●
育成
(5)
●
胸
(4)
●
脳
(9)
●
自動車
(25)
●
自動運転
(4)
●
自民党
(34)
●
自然
(4)
●
自転車
(3)
●
芸能
(21)
●
若者
(11)
●
英語
(10)
●
茨城
(4)
●
著作権
(6)
●
虚構新聞
(16)
●
行政
(43)
●
衛生
(5)
●
表現規制
(3)
●
製品
(7)
●
観光
(21)
●
言葉
(40)
●
言語
(16)
●
訃報
(5)
●
計量
(3)
●
記憶
(6)
●
詐欺
(4)
●
読み物
(24)
●
読書
(22)
●
論文
(5)
●
謎
(8)
●
警察
(9)
●
議論
(5)
●
財政
(4)
●
貧困
(19)
●
責任
(4)
●
貯蓄
(3)
●
賃貸
(8)
●
車
(25)
●
軍事
(11)
●
農業
(5)
●
近代史
(3)
●
通信
(12)
●
運動
(4)
●
道徳
(3)
●
選挙
(20)
●
都市
(10)
●
酒
(8)
●
重要
(5)
●
金融
(12)
●
釣り
(8)
●
鉄道
(28)
●
鎌倉
(3)
●
長文
(5)
●
開発
(19)
●
関数
(5)
●
雑学
(8)
●
電池
(4)
●
電車
(4)
●
電通
(9)
●
音楽
(24)
●
風俗
(8)
●
食
(85)
●
食べ物
(40)
●
食文化
(3)
●
高齢者
(4)
●
社会
(349)
●
増田
(343)
●
これはひどい
(313)
●
ネタ
(206)
●
仕事
(166)
●
考え方
(162)
●
政治
(136)
●
人生
(106)
●
生活
(101)
●
あとで読む
(98)
関連タグで絞り込む (7)
●
HTML
●
tips
●
UI・UX
●
web
●
あとで読む
●
テクニック
●
プログラミング
タグの絞り込みを解除
HTML・CSSとcssに関するnekonyantaroのブックマーク (2)
●
185 users
●
www.tak-dcxi.com
●テクノロジー
少しの記述・工夫でユーザビリティやアクセシビリティを向上させるHTML/CSSテクニックを独断と偏見で集めてみました。最近クローズドな場所で登壇を行ったのですが、そちらで話した内容を纏めたものにいくつか内容を追加したものとなります。 原則的にこのブログで取り入れられている手法だったり過去の記事で触れた手法を紹介したものです。 button要素には touch-action:manipulation を指定するiOS限定の話ではありますが、button要素をつい連続でタップすると画面が拡大表示されてしまい非常に煩わしいです。 ポストを別枠で表示する そのため、パンおよびズームのジェスチャーは有効にしつつダブルタップ時のズームなどの標準外の追加的なジェスチャーを無効にするtouch-action:manipulationを指定して誤作動を防止しておくと良いでしょう。
nekonyantaro
2024/05/19
●css
●HTML
●テクニック
●あとで読む
●プログラミング
●UI・UX
●HTML・CSS
●
683 users
●
www.tak-dcxi.com
●テクノロジー
Xの初学者のポストにて古の手法を教わっている方をよく見かけるので、2024年現在そのCSSテクニックはもう古いってものをいくつか列挙しました。 ブロックのセンタリングに margin を使うなら margin-inline:auto を使いなさいmarginを使ってブロックのセンタリングを行う際によく教わるのはmargin:0 autoあるいはmargin:autoでしょう。
nekonyantaro
2024/03/16
●web
●HTML・CSS
●tips
●css
●テクニック
1
お知らせ
ランキング
今週のはてなブックマーク数ランキング︵2024年7月第3週︶
ランキング
今週のはてなブックマーク数ランキング︵2024年7月第2週︶
お知らせ
はてなブックマーク透明性レポート︵2024年2月-2024年4月︶
もっと読む
公式Twitter
●@HatenaBookmark
リリース、障害情報などのサービスのお知らせ
●@hatebu
最新の人気エントリーの配信
処理を実行中です
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
●総合
●一般
●世の中
●政治と経済
●暮らし
●学び
●テクノロジー
●エンタメ
●アニメとゲーム
●おもしろ
●アプリ・拡張機能
●開発ブログ
●ヘルプ
●お問い合わせ
●ガイドライン
●利用規約
●プライバシーポリシー
●利用者情報の外部送信について
●ガイドライン
●利用規約
●プライバシーポリシー
●利用者情報の外部送信について
●公式アカウント
●ホットエントリー
●はてなブログ
●はてなブログPro
●人力検索はてな
●はてなブログ タグ
●はてなニュース
●ソレドコ
Copyright © 2005-2024 Hatena. All Rights Reserved.
設定を変更しましたx
少しの記述でユーザビリティやアクセシビリティを向上させるHTML/CSSテクニック集 – TAKLOG
あなたが教わってるそのCSSテクニックはもう古い ｜ TAKLOG