サクサク読めて、
アプリ限定の機能も多数！
アプリで開く
●はてなブックマークって？
●アプリ・拡張の紹介
●ユーザー登録
●ログイン
●ログアウト
トップへ戻る
総合
●人気
●新着
●
IT
●
最新ガジェット
●
自然科学
●
経済・金融
●
おもしろ
●
マンガ
●
ゲーム
●
はてなブログ︵総合︶
一般
●人気
●新着
●
社会ニュース
●
地域
●
国際
●
天気
●
グルメ
●
映画・音楽
●
スポーツ
●
はてな匿名ダイアリー
世の中
●人気
●新着
●
新型コロナウイルス
●
働き方
●
生き方
●
地域
●
医療・ヘルス
●
教育
●
はてな匿名ダイアリー
政治と経済
●人気
●新着
●
政治
●
経済・金融
●
企業
●
仕事・就職
●
マーケット
●
国際
●
はてなブログ︵政治と経済︶
暮らし
●人気
●新着
●
カルチャー・ライフスタイル
●
ファッション
●
運動・エクササイズ
●
結婚・子育て
●
住まい
●
グルメ
●
お金
●
はてなブログ︵暮らし︶
●
掃除・整理整頓
●
雑貨
●
買ってよかったもの
●
旅行
●
アウトドア
●
趣味
学び
●人気
●新着
●
人文科学
●
社会科学
●
自然科学
●
語学
●
ビジネス・経営学
●
デザイン
●
法律
●
本・書評
●
将棋・囲碁
●
はてなブログ︵学び︶
テクノロジー
●人気
●新着
●
IT
●
セキュリティ技術
●
はてなブログ︵テクノロジー︶
●
AI・機械学習
●
プログラミング
●
エンジニア
おもしろ
●人気
●新着
●
まとめ
●
ネタ
●
おもしろ
●
これはすごい
●
かわいい
●
雑学
●
癒やし
エンタメ
●人気
●新着
●
スポーツ
●
映画
●
音楽
●
アイドル
●
芸能
●
お笑い
●
サッカー
●
話題の動画
アニメとゲーム
●人気
●新着
●
マンガ
●
Webマンガ
●
ゲーム
●
任天堂
●
PlayStation
●
アニメ
●
バーチャルYouTuber
●
オタクカルチャー
●
おすすめ
買ってよかったもの
﹃Home﹄
●
人気
●
新着
●
すべて
8users
benfrain.com
●
世の中
●2017/03/16 10:31
3users
benfrain.com
2587 days since last revision. Details are possibly out of date. I’m always on the look out for a simple way to undo default user agent styling on some ‘pickier’ elements (it’s what led to app-reset). Right up front, I want to say that unless you are very careful, you probably don’t want to remove the default styling of ALL elements. Form controls, buttons, video tags etc. all have well-considered
●
テクノロジー
●2016/11/07 16:06
●CSS
4users
benfrain.com
2629 days since last revision. Details are possibly out of date. I’m a big fan of Safari in general. My loathing of Safari on iOS is largely restricted to the menu bar. For clarity, I’m talking about the UI at the bottom with the forward/backward icons in: That bar isn’t hostile in principle; rather it’s the actions that invoke/dismiss its presence and its hijacking of the bottom 44px of the viewp
●
テクノロジー
●2016/09/23 23:07
●iOS
●mobile
3users
benfrain.com
1366 days since last revision. Details are possibly out of date. TL;DR solution for 2020/iOS 13+ Thanks to the comments below (and that’s why I love comments so much), we can put a few things together to have a working CSS only solution for iOS 13+: .bg-scrolling-element-when-modal-active { /* when modal active */ touch-action: none; -webkit-overflow-scrolling: none; overflow: hidden; /* Other bro
●
テクノロジー
●2016/09/15 15:52
●ios
●ui
●development
3users
benfrain.com
2959 days since last revision. Details are possibly out of date. I’ve done a lot of CSS debugging. Others code and my own. Mobile platforms and standard desktop browsers. Everything from old versions of Internet Explorer to the latest WebKit nightlies. What became apparent to me as I’ve worked with others, is that many people don’t have a set procedure for debugging CSS. I found, more often than n
●
テクノロジー
●2016/06/01 13:09
●CSS
4users
benfrain.com
3418 days since last revision. Details are possibly out of date. Right now, I have a near frictionless CSS workflow. I write in Sass, compile with Libsass and get vendor prefixes added with PostCSS/Autoprefixer via Gulp/Grunt. Why would I want to upset that? Just under a year ago, my interest was piqued by a post by Nicolas Gallagher. In it he described how he/they (Twitter) were using a JS tool t
●
テクノロジー
●2015/07/30 11:33
●postcss
●css
●javascript
4users
benfrain.com
3032 days since last revision. Details are possibly out of date. Stylelint is a new linting tool for CSS that runs via PostCSS. It’s quite new, having just released a 0.1.1 version. I love it. And I’d like to tell you why. I like to think I practice good dental hygiene. I’ve invested in a sonic toothbrush and perform a good, thorough, brush twice daily. However, as diligent as I am with my brushin
●
テクノロジー
●2015/07/22 19:04
●css
5users
benfrain.com
3353 days since last revision. Details are possibly out of date. Around a year ago I wrote a couple of CSS performance related posts. The first post centred on CSS selectors and the second on CSS layout methods (Flexbox v Table). Sadly, while I dispelled (at least for myself) some long-standing CSS performance myths (principally that certain CSS selectors should be avoided at all costs for perform
●
テクノロジー
●2015/04/02 22:05
●css
●performance
●browser
4users
benfrain.com
3406 days since last revision. Details are possibly out of date. For many months now, in response to many failed attempts to find a suitable approach to scaling the CSS on the projects I work on, I have been using ‘ECSS’, my own Frankenstein approach to large-scale CSS architecture. It’s detailed more fully in the post, Enduring CSS: writing style sheets for rapidly changing, long-lived projects.
●
テクノロジー
●2015/01/23 08:30
●english
●css
●あとで読む
16users
benfrain.com
25th September, 2015. The methodology of this post has now been updated, expanded and detailed more fully in my book, Enduring CSS, available from Leanpub. When architecting CSS for a large scale project it’s a common aim to abstract visual patterns for re-use, DRY out code and normalise our designs as much as possible. However, for rapidly changing projects, I’m no longer convinced those principl
●
テクノロジー
●2014/08/08 08:33
●css
●architecture
3users
benfrain.com
3770 days since last revision. Details are possibly out of date. When it came to cross-testing a design on an old Android recently I came across a familiar problem to most front-end developers. The CSS property/value pair of position: fixed; doesn’t work. Update: 2/3/14 – Since writing this post I actually came across and documented a related issue regarding the poor performance of fixed position
●
テクノロジー
●2014/07/20 13:07
●browser
●css
●Android
●tips
3users
benfrain.com
●
テクノロジー
●2014/04/16 21:09
3users
benfrain.com
3715 days since last revision. Details are possibly out of date. Is the latest Flexbox implementation slower than CSS table layout? Yes, it is. But not enough to concern yourself about. If you need to use Flexbox, use it. For all but the most extreme situations, any speed difference against other layout methods is largely inconsequential. If you want to know why you would employ display: table and
●
テクノロジー
●2014/04/01 13:15
●performance
●css
4users
benfrain.com
What is fast CSS? Where are the bottlenecks? Are the rules of slow and fast selectors even valid anymore? Are the properties we use more important than the selectors? I felt it was time to revisit some of these questions. In the broad scheme of things, CSS optimisation is certainly low down the priority order when trying to speed websites/web applications up. There are so many other optimisations
●
テクノロジー
●2014/02/27 23:08
●css
●performance
4users
benfrain.com
●
テクノロジー
●2013/12/15 23:33
●css
11users
benfrain.com
3710 days since last revision. Details are possibly out of date. Not long ago I wrote about my current modular CSS (BEM/OOCSS) naming conundrum. This is a shorter but related post about how those kinds of selectors can be produced with new features of Sass 3.3. Update 16th March 2014: The final release of Sass of 3.3 changed the way that suffix selectors could be written. This post (now much short
●
テクノロジー
●2013/12/05 09:28
●sass
●BEM
●oocss
●css
6users
benfrain.com
The bigger the Sass project you work on, the slower compilation of your Sass project can become. That's because ordinarily Sass is Ruby based and there's never been a way around that. Until now. If you are interested in Libsass, you might be interested to read another post about migrating a code base from a Ruby based Sass compiler to Libsass? If so, take a look at ‘Is Libsass, the lightning fast
●
テクノロジー
●2013/08/09 10:15
●Sass
●Grunt
●css
●development
●*あとで
11users
benfrain.com
This post is now pretty out of date. I re-added it as the Chrome dev pages and css-tricks were linking in and nobody likes link rot. However, it’s likely things have changed quite a bit since I wrote this. Consider yourself warned! 😉 This is the third re-write of this post since first posting it back in November 2012. I’ll keep trying to update as and when things change as there’s every chance yo
●
テクノロジー
●2013/02/22 00:11
●sass
●compass
●Tools
●chrome
8users
benfrain.com
●
テクノロジー
●2013/01/25 09:34
●middleman
●tutorial
●HTML
●css
●Ruby
6users
benfrain.com
4182 days since last revision. Details are possibly out of date. Update 17th August 2012: The original version of this post was based on the Editor’s Draft, 20 April 2012. Since then, the specification has undergone further changes. The article has now been updated and is based on the Editor’s Draft, 13th August 2012. The current Editor’s draft can be found at http://dev.w3.org/csswg/css3-flexbox/
●
テクノロジー
●2012/08/19 22:12
●css3
●CSS
このページはまだ
ブックマークされていません
このページを最初にブックマークしてみませんか？
﹃Home﹄の新着エントリーを見る
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
●総合
●一般
●世の中
●政治と経済
●暮らし
●学び
●テクノロジー
●エンタメ
●アニメとゲーム
●おもしろ
●アプリ・拡張機能
●開発ブログ
●ヘルプ
●お問い合わせ
●ガイドライン
●利用規約
●プライバシーポリシー
●利用者情報の外部送信について
●ガイドライン
●利用規約
●プライバシーポリシー
●利用者情報の外部送信について
●公式アカウント
●ホットエントリー
●はてなブログ
●はてなブログPro
●人力検索はてな
●はてなブログ タグ
●はてなニュース
●ソレドコ
Copyright © 2005-2024 Hatena. All Rights Reserved.
設定を変更しましたx