masayoshinymのブックマーク - はてなブックマーク

IE8でツイートボタン貼り付けるとエラーが出る件
2015年1月26日時点でのメモです。今後どうなっているかはわかりません。先週くらい（2015年1月19日頃）からツイートボタンを貼り付けているページをIE8で見ると以下のエラーが出るようになった。 Script error widgets.js Code: 0 URI: https://platform.twitter.com/widget/js 相変わらず役に立たないエラーである。発生しているページhttps://about.twitter.com/resources/buttons もはや公式の配布ページでエラー。このまま貼り付けたり、jQueryプラグインとかでラップしているページでもエラーが出る。発生してないページhttp://news.yahoo.co.jp/pickup/6147359 Yahoo!ニュースの記事ページのツイートボタンではエラーが出ていない。なぜかと思
masayoshinym 2015/01/28
windows-ie
リンク
Chrome/Safariではtrにbox-shadowが効かない #CSS珍百景
CSS珍百景 Calendar 2014 3日目の記事です。日をまたいでしまいましたが、書きます。すいません。今年の9月ごろにChromeとSafariで発現した珍百景です。 Chrome/Safariにおいて、tr要素に対し、box-shadowプロパティを指定した時、それが適用されないというものです。ちなみに後述しますがFirefoxではちゃんと適用されます。ということで再現してみた以下の様なHTMLとCSSでこの現象は再現できます。 The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. /*css*/ table { box-shadow: 0 0 10px black; padding: 10px; } tr { box-shadow: 0 0 10
masayoshinym 2014/12/04
CSS

後で読む
リンク
今年のネーミングルール #CSS設計
CSS Architecture Advent Calendar 2014 1日目の記事です。 CSSの設計をしていく上で大事なネーミングルール。今年僕が関わったプロジェクトでのネーミングルールをゆるく紹介したいと思います。こうやって名前をつけてました。基本となる設計思想はBEMです。 BEMについては、 CodeGrid を御覧ください。ネーミングルールを決めるとき、区切り文字をハイフンかアンダースコアか、それとも混在か悩みましたが、とりあえず以下の様なルールでやっていくことにしました。 /*css*/ [Prefix] - [Block] - [Element] -- [[Modifier-Key] - [Modifiler-Value]] { /* Rule Set */ } 一つ一つ解説していきます。 Prefixまずは接頭辞です。接頭辞としてプロジェクト名や世代などを付与
masayoshinym 2014/12/02
CSS

命名規則
リンク
1