https://b.hatena.ne.jp/hitode909/css/ cssに関するhitode909のはてなブックマーク (30) http://www.jacopocolo.com/hexclock/ おしゃれ hitode909 2014-06-21T11:25:37Z design css color <blockquote cite="http://www.jacopocolo.com/hexclock/" title="Hex clock"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fwww.jacopocolo.com%2Fhexclock%2F" alt="" /> <a href="http://www.jacopocolo.com/hexclock/">Hex clock</a></cite><p><a href="http://www.jacopocolo.com/hexclock/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/f06711c966fc3a176251d4059bbe61049bad7e1e/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fwww.jacopocolo.com%2Fhexclock%2Fpreview.jpg" alt="Hex clock" title="Hex clock" class="entry-image" /></a></p><p>This clock is joining the Global #ClimateStrike on September 20th. Will you?</p><p><a href="https://b.hatena.ne.jp/entry/www.jacopocolo.com/hexclock/"><img src="https://b.hatena.ne.jp/entry/image/http://www.jacopocolo.com/hexclock/" alt="はてなブックマーク - Hex clock" title="はてなブックマーク - Hex clock" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/www.jacopocolo.com/hexclock/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 116 https://zeldman.com/2012/03/01/replacing-the-9999px-hack-new-image-replacement/ 画像置換 hitode909 2013-07-09T09:04:45Z css <blockquote cite="https://zeldman.com/2012/03/01/replacing-the-9999px-hack-new-image-replacement/" title="Jeffrey Zeldman Presents - Replacing the -9999px hack (new image replacement) -"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fzeldman.com%2F2012%2F03%2F01%2Freplacing-the-9999px-hack-new-image-replacement%2F" alt="" /> <a href="https://zeldman.com/2012/03/01/replacing-the-9999px-hack-new-image-replacement/">Jeffrey Zeldman Presents - Replacing the -9999px hack (new image replacement) -</a></cite><p><a href="https://zeldman.com/2012/03/01/replacing-the-9999px-hack-new-image-replacement/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/dd05443d77a87b1a9d5ea8c5359dacd186af485b/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fi0.wp.com%2Fzeldman.com%2Fwp-content%2Fuploads%2Fz-red-1260x675-social-image.png%3Ffit%3D1200%252C675%26ssl%3D1" alt="Jeffrey Zeldman Presents - Replacing the -9999px hack (new image replacement) -" title="Jeffrey Zeldman Presents - Replacing the -9999px hack (new image replacement) -" class="entry-image" /></a></p><p>IN THE BEGINNING was FIR, AKA Fahrner Image Replacement (note that one of the following links returns a 404): The Daily Report’s 2003 redesign uses (and our book explained) an image replacement technique intended to combine the benefits of accessibility with the power of graphic design. We christ...</p><p><a href="https://b.hatena.ne.jp/entry/s/zeldman.com/2012/03/01/replacing-the-9999px-hack-new-image-replacement/"><img src="https://b.hatena.ne.jp/entry/image/https://zeldman.com/2012/03/01/replacing-the-9999px-hack-new-image-replacement/" alt="はてなブックマーク - Jeffrey Zeldman Presents - Replacing the -9999px hack (new image replacement) -" title="はてなブックマーク - Jeffrey Zeldman Presents - Replacing the -9999px hack (new image replacement) -" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/zeldman.com/2012/03/01/replacing-the-9999px-hack-new-image-replacement/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 36 https://kudakurage.hatenadiary.com/entry/2013/02/08/135725 hitode909 2013-02-10T02:45:30Z css <blockquote cite="https://kudakurage.hatenadiary.com/entry/2013/02/08/135725" title="スマートフォンなどに対応したレスポンシブデザインに関するCSSスタイル（font size自動調整をきるなど） - くらげだらけ"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fkudakurage.hatenadiary.com%2Fentry%2F2013%2F02%2F08%2F135725" alt="" /> <a href="https://kudakurage.hatenadiary.com/entry/2013/02/08/135725">スマートフォンなどに対応したレスポンシブデザインに関するCSSスタイル（font size自動調整をきるなど） - くらげだらけ</a></cite><p><a href="https://kudakurage.hatenadiary.com/entry/2013/02/08/135725"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/ea23812f876ed81d5e24df11b4b56f60b847f6f4/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2Fd80e84a8901afa61c7fc248e189490a67fd6b803%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttp%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252Fk%252Fkudakurage%252F20130208%252F20130208133925.gif" alt="スマートフォンなどに対応したレスポンシブデザインに関するCSSスタイル（font size自動調整をきるなど） - くらげだらけ" title="スマートフォンなどに対応したレスポンシブデザインに関するCSSスタイル（font size自動調整をきるなど） - くらげだらけ" class="entry-image" /></a></p><p>前にも一度、同じような問題に直面して調べて解決したような気がしたのですが、今回もおそらくその時と同じくGoogleで調べて解決したので、メモって忘れないようにしておこう。 font size自動調整をきる 最近ではレスポンシブデザインでいろんなデバイスに対応したりしますが、私もそんな感じの仕事をしていたわけです。...</p><p><a href="https://b.hatena.ne.jp/entry/s/kudakurage.hatenadiary.com/entry/2013/02/08/135725"><img src="https://b.hatena.ne.jp/entry/image/https://kudakurage.hatenadiary.com/entry/2013/02/08/135725" alt="はてなブックマーク - スマートフォンなどに対応したレスポンシブデザインに関するCSSスタイル（font size自動調整をきるなど） - くらげだらけ" title="はてなブックマーク - スマートフォンなどに対応したレスポンシブデザインに関するCSSスタイル（font size自動調整をきるなど） - くらげだらけ" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/kudakurage.hatenadiary.com/entry/2013/02/08/135725"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 98 http://www.pixate.com/ hitode909 2013-01-23T04:07:15Z iphone css <blockquote cite="http://www.pixate.com/" title="Pixate"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fwww.pixate.com%2F" alt="" /> <a href="http://www.pixate.com/">Pixate</a></cite><p><a href="http://www.pixate.com/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/9d1689a3c162c92cefa4c60bb05dcee54c2a6eef/backend=imagemagick;height=90;version=1;width=120/http%3A%2F%2Fwww.pixate.com%2Fimg%2Fv2%2Fanims%2Fassets13.jpg" alt="Pixate" title="Pixate" class="entry-image" /></a></p><p>Saying farewell to Pixate. When we launched Pixate, our mission was to change the way mobile apps were prototyped. We joined Google just over a year ago to continue our mission, and to pursue a broader vision of changing the way products were designed and built. While a lot of the ideas we’ve bee...</p><p><a href="https://b.hatena.ne.jp/entry/www.pixate.com/"><img src="https://b.hatena.ne.jp/entry/image/http://www.pixate.com/" alt="はてなブックマーク - Pixate" title="はてなブックマーク - Pixate" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/www.pixate.com/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 332 https://stackoverflow.com/questions/1252690/ie-hidden-radio-button-not-checked-when-the-corresponding-label-is-clicked IE input radio display:noneすると操作できない top: -9999pxとかすると良い hitode909 2012-06-26T07:24:37Z ie browser bug css <blockquote cite="https://stackoverflow.com/questions/1252690/ie-hidden-radio-button-not-checked-when-the-corresponding-label-is-clicked" title="IE - hidden radio button not checked when the corresponding label is clicked"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fstackoverflow.com%2Fquestions%2F1252690%2Fie-hidden-radio-button-not-checked-when-the-corresponding-label-is-clicked" alt="" /> <a href="https://stackoverflow.com/questions/1252690/ie-hidden-radio-button-not-checked-when-the-corresponding-label-is-clicked">IE - hidden radio button not checked when the corresponding label is clicked</a></cite><p><a href="https://stackoverflow.com/questions/1252690/ie-hidden-radio-button-not-checked-when-the-corresponding-label-is-clicked"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/18990d533cb6d838cf1b2c7bc4060fd77790a91d/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcdn.sstatic.net%2FSites%2Fstackoverflow%2FImg%2Fapple-touch-icon%402.png%3Fv%3D73d79a89bded" alt="IE - hidden radio button not checked when the corresponding label is clicked" title="IE - hidden radio button not checked when the corresponding label is clicked" class="entry-image" /></a></p><p>I just noticed a strange behaviour in IE7. I have radio buttons with associated labels as follows: &lt;input type=&quot;radio&quot; name=&quot;filter&quot; id=&quot;filter_1&quot; value=&quot;Activities&quot; checked=&quot;checked&quot; /&gt; &lt;label for=&quot;filter_1&quot;&gt;Activities&lt;/label&gt; &lt;input type=&quot;radio&quot; name=&quot;filter&quot; id=&quot;filter_2&quot; value=&quot;Services&quot; /&gt; &lt;...</p><p><a href="https://b.hatena.ne.jp/entry/s/stackoverflow.com/questions/1252690/ie-hidden-radio-button-not-checked-when-the-corresponding-label-is-clicked"><img src="https://b.hatena.ne.jp/entry/image/https://stackoverflow.com/questions/1252690/ie-hidden-radio-button-not-checked-when-the-corresponding-label-is-clicked" alt="はてなブックマーク - IE - hidden radio button not checked when the corresponding label is clicked" title="はてなブックマーク - IE - hidden radio button not checked when the corresponding label is clicked" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/stackoverflow.com/questions/1252690/ie-hidden-radio-button-not-checked-when-the-corresponding-label-is-clicked"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 4 https://www.browsersupport.net/ hitode909 2012-05-14T11:15:02Z css browser <blockquote cite="https://www.browsersupport.net/" title="My Browser Information"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.browsersupport.net%2F" alt="" /> <a href="https://www.browsersupport.net/">My Browser Information</a></cite><p><a href="https://www.browsersupport.net/"><img src="" alt="My Browser Information" title="My Browser Information" class="entry-image" /></a></p><p>Your Browser Info Information about your web browser. Download the report below and share it with your developer or support team.</p><p><a href="https://b.hatena.ne.jp/entry/s/www.browsersupport.net/"><img src="https://b.hatena.ne.jp/entry/image/https://www.browsersupport.net/" alt="はてなブックマーク - My Browser Information" title="はてなブックマーク - My Browser Information" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.browsersupport.net/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 78 http://morecss.org/ たくさん書いてコンパイルすると短かくなる hitode909 2012-05-02T03:12:09Z css <blockquote cite="http://morecss.org/" title="More CSS"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fmorecss.org%2F" alt="" /> <a href="http://morecss.org/">More CSS</a></cite><p><a href="http://morecss.org/"><img src="" alt="More CSS" title="More CSS" class="entry-image" /></a></p><p>Write more, do less More simplifies CSS to make it more intuitive, allowing you to write human readable code that fits with the way you think. More runs on both the client-side and server-side (Node.js). Write some More: #header colour: cmyk(one-hundred-and-eight, eighteen, zero, forty-five) !uni...</p><p><a href="https://b.hatena.ne.jp/entry/morecss.org/"><img src="https://b.hatena.ne.jp/entry/image/http://morecss.org/" alt="はてなブックマーク - More CSS" title="はてなブックマーク - More CSS" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/morecss.org/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 18 https://en.wikipedia.org/wiki/CSS_box_model 詳しい hitode909 2012-04-23T07:46:23Z ie css <blockquote cite="https://en.wikipedia.org/wiki/CSS_box_model" title="CSS box model - Wikipedia"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fen.wikipedia.org%2Fwiki%2FCSS_box_model" alt="" /> <a href="https://en.wikipedia.org/wiki/CSS_box_model">CSS box model - Wikipedia</a></cite><p><a href="https://en.wikipedia.org/wiki/CSS_box_model"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/4d0de75913ec6d143846e7abd071436de1d24f8b/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fupload.wikimedia.org%2Fwikipedia%2Fcommons%2F7%2F7a%2FBoxmodell-detail.png" alt="CSS box model - Wikipedia" title="CSS box model - Wikipedia" class="entry-image" /></a></p><p>This article has multiple issues. Please help improve it or discuss these issues on the talk page. (Learn how and when to remove these messages) This article relies excessively on references to primary sources. Please improve this article by adding secondary or tertiary sources. Find sources: &quot;CS...</p><p><a href="https://b.hatena.ne.jp/entry/s/en.wikipedia.org/wiki/CSS_box_model"><img src="https://b.hatena.ne.jp/entry/image/https://en.wikipedia.org/wiki/CSS_box_model" alt="はてなブックマーク - CSS box model - Wikipedia" title="はてなブックマーク - CSS box model - Wikipedia" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/en.wikipedia.org/wiki/CSS_box_model"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 4 https://jdhuntington.com/emacs/less-css-mode.el less-css-mode.el あとで試す hitode909 2012-04-19T02:20:40Z less css emacs <blockquote cite="https://jdhuntington.com/emacs/less-css-mode.el" title="https://jdhuntington.com/emacs/less-css-mode.el"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fjdhuntington.com%2Femacs%2Fless-css-mode.el" alt="" /> <a href="https://jdhuntington.com/emacs/less-css-mode.el">https://jdhuntington.com/emacs/less-css-mode.el</a></cite><p><a href="https://jdhuntington.com/emacs/less-css-mode.el"><img src="" alt="https://jdhuntington.com/emacs/less-css-mode.el" title="https://jdhuntington.com/emacs/less-css-mode.el" class="entry-image" /></a></p><p></p><p><a href="https://b.hatena.ne.jp/entry/s/jdhuntington.com/emacs/less-css-mode.el"><img src="https://b.hatena.ne.jp/entry/image/https://jdhuntington.com/emacs/less-css-mode.el" alt="はてなブックマーク - https://jdhuntington.com/emacs/less-css-mode.el" title="はてなブックマーク - https://jdhuntington.com/emacs/less-css-mode.el" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/jdhuntington.com/emacs/less-css-mode.el"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 2 https://lab.hakim.se/scroll-effects/ おもしろい hitode909 2012-04-16T13:10:23Z css ui <blockquote cite="https://lab.hakim.se/scroll-effects/" title="stroll.js - CSS3 Scroll Effects"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Flab.hakim.se%2Fscroll-effects%2F" alt="" /> <a href="https://lab.hakim.se/scroll-effects/">stroll.js - CSS3 Scroll Effects</a></cite><p><a href="https://lab.hakim.se/scroll-effects/"><img src="" alt="stroll.js - CSS3 Scroll Effects" title="stroll.js - CSS3 Scroll Effects" class="entry-image" /></a></p><p></p><p><a href="https://b.hatena.ne.jp/entry/s/lab.hakim.se/scroll-effects/"><img src="https://b.hatena.ne.jp/entry/image/https://lab.hakim.se/scroll-effects/" alt="はてなブックマーク - stroll.js - CSS3 Scroll Effects" title="はてなブックマーク - stroll.js - CSS3 Scroll Effects" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/lab.hakim.se/scroll-effects/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 680 http://webrocketsmagazine.com/entry/20120224/css3-image-effects.html hitode909 2012-02-25T00:32:15Z css 画像 <blockquote cite="http://webrocketsmagazine.com/entry/20120224/css3-image-effects.html" title="CSS3を使ってできる画像まわりのエフェクトやスタイリング18"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fwebrocketsmagazine.com%2Fentry%2F20120224%2Fcss3-image-effects.html" alt="" /> <a href="http://webrocketsmagazine.com/entry/20120224/css3-image-effects.html">CSS3を使ってできる画像まわりのエフェクトやスタイリング18</a></cite><p><a href="http://webrocketsmagazine.com/entry/20120224/css3-image-effects.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/902db45fb87389bbf5a8c9fa26a571c0d36d2de4/backend=imagemagick;height=90;version=1;width=120/http%3A%2F%2Fwebrocketsmagazine.com%2Fimg%2Fupload%2F3467.png" alt="CSS3を使ってできる画像まわりのエフェクトやスタイリング18" title="CSS3を使ってできる画像まわりのエフェクトやスタイリング18" class="entry-image" /></a></p><p>CSS3を使った画像のエフェクトやスタイリングについて、思いつく限り一挙にまとめてみました。 たくさん画像を扱うサイトなどを作る際に、CSSでできる表現のカタログとして使ってもらえたらと思います。 ※ 2/24 「2. めくれた風」を書き忘れていたので追記しました 目次 1. シャドウ 2. めくれた風 3. トイカメラ風トン...</p><p><a href="https://b.hatena.ne.jp/entry/webrocketsmagazine.com/entry/20120224/css3-image-effects.html"><img src="https://b.hatena.ne.jp/entry/image/http://webrocketsmagazine.com/entry/20120224/css3-image-effects.html" alt="はてなブックマーク - CSS3を使ってできる画像まわりのエフェクトやスタイリング18" title="はてなブックマーク - CSS3を使ってできる画像まわりのエフェクトやスタイリング18" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/webrocketsmagazine.com/entry/20120224/css3-image-effects.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 992 http://less.carbonfairy.org/post/18072493708 バッドノウハウ hitode909 2012-02-24T01:47:54Z css <blockquote cite="http://less.carbonfairy.org/post/18072493708" title="IE 9以下に存在するセレクター数制限にはまった"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fless.carbonfairy.org%2Fpost%2F18072493708" alt="" /> <a href="http://less.carbonfairy.org/post/18072493708">IE 9以下に存在するセレクター数制限にはまった</a></cite><p><a href="http://less.carbonfairy.org/post/18072493708"><img src="" alt="IE 9以下に存在するセレクター数制限にはまった" title="IE 9以下に存在するセレクター数制限にはまった" class="entry-image" /></a></p><p>IE 9以下に存在するセレクター数制限にはまった 開発中にいきなりCSSが壊れて原因を探っていたらこれに行き着きました。IE 9以下では1つのCSSファイル当たり4,095個までしかセレクターを認識しない。4,096個以上は無視される。ええええ。。 SCSSだと割とカジュアルにセレクター数が増える CSSは出来るだけ1ファイルにま...</p><p><a href="https://b.hatena.ne.jp/entry/less.carbonfairy.org/post/18072493708"><img src="https://b.hatena.ne.jp/entry/image/http://less.carbonfairy.org/post/18072493708" alt="はてなブックマーク - IE 9以下に存在するセレクター数制限にはまった" title="はてなブックマーク - IE 9以下に存在するセレクター数制限にはまった" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/less.carbonfairy.org/post/18072493708"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 118 http://emacs.g.hatena.ne.jp/k1LoW/20120110/1326198461 hitode909 2012-01-10T15:04:11Z emacs anything.el css <blockquote cite="http://emacs.g.hatena.ne.jp/k1LoW/20120110/1326198461" title="はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Femacs.g.hatena.ne.jp%2Fk1LoW%2F20120110%2F1326198461" alt="" /> <a href="http://emacs.g.hatena.ne.jp/k1LoW/20120110/1326198461">はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知</a></cite><p><a href="http://emacs.g.hatena.ne.jp/k1LoW/20120110/1326198461"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/6e60b1efb974203c94d41c7729a087dc4741802f/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fogimage.blog.st-hatena.com%2F26006613547248301%2F26006613547294880%2F1709195433" alt="はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知" title="はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知" class="entry-image" /></a></p><p>はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認くださ...</p><p><a href="https://b.hatena.ne.jp/entry/emacs.g.hatena.ne.jp/k1LoW/20120110/1326198461"><img src="https://b.hatena.ne.jp/entry/image/http://emacs.g.hatena.ne.jp/k1LoW/20120110/1326198461" alt="はてなブックマーク - はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知" title="はてなブックマーク - はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/emacs.g.hatena.ne.jp/k1LoW/20120110/1326198461"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 24 http://caniuse.com/ hitode909 2011-11-24T15:56:48Z browser html css まとめ <blockquote cite="http://caniuse.com/" title="can I use... Support tables for HTML5, CSS3, etc"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fcaniuse.com%2F" alt="" /> <a href="http://caniuse.com/">can I use... Support tables for HTML5, CSS3, etc</a></cite><p><a href="http://caniuse.com/"><img src="" alt="can I use... Support tables for HTML5, CSS3, etc" title="can I use... Support tables for HTML5, CSS3, etc" class="entry-image" /></a></p><p>Test a feature Our partnership with BrowserStack now lets you test your website for compatibility across 2,000+ real browsers and devices. Test on: Did you know? Next If a feature you&#39;re looking for is not available on the site, you can vote to have it included. Better yet, if you&#39;ve done the res...</p><p><a href="https://b.hatena.ne.jp/entry/caniuse.com/"><img src="https://b.hatena.ne.jp/entry/image/http://caniuse.com/" alt="はてなブックマーク - can I use... Support tables for HTML5, CSS3, etc" title="はてなブックマーク - can I use... Support tables for HTML5, CSS3, etc" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/caniuse.com/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 1300 https://hail2u.net/blog/webdesign/reset-vs-normalize hitode909 2011-11-03T01:16:50Z css design <blockquote cite="https://hail2u.net/blog/webdesign/reset-vs-normalize" title="Reset vs Normalize"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fhail2u.net%2Fblog%2Fwebdesign%2Freset-vs-normalize" alt="" /> <a href="https://hail2u.net/blog/webdesign/reset-vs-normalize">Reset vs Normalize</a></cite><p><a href="https://hail2u.net/blog/webdesign/reset-vs-normalize"><img src="" alt="Reset vs Normalize" title="Reset vs Normalize" class="entry-image" /></a></p><p>CSSの記述法として、ブラウザごとの違いを「Reset」して一から指定するという方法が長らくマジョリティを占めていました。まだまだその方向で書いている人が大半ですが、「Normalize」するという方法を採る人達も増えています。なぜリセットではなくノーマライズなのかというような話をなんとなくダラダラ書いてみたい感...</p><p><a href="https://b.hatena.ne.jp/entry/s/hail2u.net/blog/webdesign/reset-vs-normalize"><img src="https://b.hatena.ne.jp/entry/image/https://hail2u.net/blog/webdesign/reset-vs-normalize" alt="はてなブックマーク - Reset vs Normalize" title="はてなブックマーク - Reset vs Normalize" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/hail2u.net/blog/webdesign/reset-vs-normalize"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 47 https://getbootstrap.com/2.3.2/ hitode909 2011-08-23T08:43:46Z design framework css <blockquote cite="https://getbootstrap.com/2.3.2/" title="Components · Twitter Bootstrap"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fgetbootstrap.com%2F2.3.2%2F" alt="" /> <a href="https://getbootstrap.com/2.3.2/">Components · Twitter Bootstrap</a></cite><p><a href="https://getbootstrap.com/2.3.2/"><img src="" alt="Components · Twitter Bootstrap" title="Components · Twitter Bootstrap" class="entry-image" /></a></p><p>Sleek, intuitive, and powerful front-end framework for faster and easier web development. Download Bootstrap GitHub project Examples Extend Version 2.3.2</p><p><a href="https://b.hatena.ne.jp/entry/s/getbootstrap.com/2.3.2/"><img src="https://b.hatena.ne.jp/entry/image/https://getbootstrap.com/2.3.2/" alt="はてなブックマーク - Components · Twitter Bootstrap" title="はてなブックマーク - Components · Twitter Bootstrap" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/getbootstrap.com/2.3.2/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 2226 https://hail2u.net/blog/webdesign/centering-floated-list hitode909 2011-05-09T00:40:39Z css <blockquote cite="https://hail2u.net/blog/webdesign/centering-floated-list" title="hail2u.net - Weblog - floatで並べたリストのセンタリング"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fhail2u.net%2Fblog%2Fwebdesign%2Fcentering-floated-list" alt="" /> <a href="https://hail2u.net/blog/webdesign/centering-floated-list">hail2u.net - Weblog - floatで並べたリストのセンタリング</a></cite><p><a href="https://hail2u.net/blog/webdesign/centering-floated-list"><img src="" alt="hail2u.net - Weblog - floatで並べたリストのセンタリング" title="hail2u.net - Weblog - floatで並べたリストのセンタリング" class="entry-image" /></a></p><p>ページング・ナビゲーションなどでリスト項目をfloat: left;で横に並べるというのは割りと良く使われると思う。並べること自体は特に難しいわけではないが、その並べたリスト全体をセンタリングしようとするとちょっとややこしい。display: inline-block;を使う手法やdisplay: table;を使う手法という黒魔法的(私見)な手...</p><p><a href="https://b.hatena.ne.jp/entry/s/hail2u.net/blog/webdesign/centering-floated-list"><img src="https://b.hatena.ne.jp/entry/image/https://hail2u.net/blog/webdesign/centering-floated-list" alt="はてなブックマーク - hail2u.net - Weblog - floatで並べたリストのセンタリング" title="はてなブックマーク - hail2u.net - Weblog - floatで並べたリストのセンタリング" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/hail2u.net/blog/webdesign/centering-floated-list"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 350 https://css-tricks.com/adding-stroke-to-web-text/ hitode909 2011-05-05T00:19:19Z css 縁取り <blockquote cite="https://css-tricks.com/adding-stroke-to-web-text/" title="Adding Stroke to Web Text | CSS-Tricks"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcss-tricks.com%2Fadding-stroke-to-web-text%2F" alt="" /> <a href="https://css-tricks.com/adding-stroke-to-web-text/">Adding Stroke to Web Text | CSS-Tricks</a></cite><p><a href="https://css-tricks.com/adding-stroke-to-web-text/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/ee3c6359c54ef8ffa5023ba7cd04e18af0288b13/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcss-tricks.com%2Fwp-json%2Fsocial-image-generator%2Fv1%2Fimage%2F7405" alt="Adding Stroke to Web Text | CSS-Tricks" title="Adding Stroke to Web Text | CSS-Tricks" class="entry-image" /></a></p><p>Fonts on the web are essentially vector-based graphics. That’s why you can display them at 12px or 120px and they remain crisp and relatively sharp-edged. Vector means that their shape is determined by points and mathematics to describe the shape, rather than actual pixel data. Because they are v...</p><p><a href="https://b.hatena.ne.jp/entry/s/css-tricks.com/adding-stroke-to-web-text/"><img src="https://b.hatena.ne.jp/entry/image/https://css-tricks.com/adding-stroke-to-web-text/" alt="はてなブックマーク - Adding Stroke to Web Text | CSS-Tricks" title="はてなブックマーク - Adding Stroke to Web Text | CSS-Tricks" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/css-tricks.com/adding-stroke-to-web-text/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 11 http://csswizardry.com/inuitcss/ hitode909 2011-04-22T03:34:05Z css framework <blockquote cite="http://csswizardry.com/inuitcss/" title="inuit.css—cooler than a polar bear’s toenails…"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fcsswizardry.com%2Finuitcss%2F" alt="" /> <a href="http://csswizardry.com/inuitcss/">inuit.css—cooler than a polar bear’s toenails…</a></cite><p><a href="http://csswizardry.com/inuitcss/"><img src="" alt="inuit.css—cooler than a polar bear’s toenails…" title="inuit.css—cooler than a polar bear’s toenails…" class="entry-image" /></a></p><p>Another CSS framework?! Yup, ’fraid so, but this one’s different… It combines years of my best dev tips, tricks and practices in one handy file. inuit.css keywords Progressive Flexible Mobile Tablet Sensible Extensible Accessible Pragmatic Functional Useful Production-ready More What does it do? ...</p><p><a href="https://b.hatena.ne.jp/entry/csswizardry.com/inuitcss/"><img src="https://b.hatena.ne.jp/entry/image/http://csswizardry.com/inuitcss/" alt="はてなブックマーク - inuit.css—cooler than a polar bear’s toenails…" title="はてなブックマーク - inuit.css—cooler than a polar bear’s toenails…" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/csswizardry.com/inuitcss/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 59 http://www.patternify.com/ hitode909 2011-04-11T15:14:07Z generator png css <blockquote cite="http://www.patternify.com/" title="patternify.com - patternify リソースおよび情報"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fwww.patternify.com%2F" alt="" /> <a href="http://www.patternify.com/">patternify.com - patternify リソースおよび情報</a></cite><p><a href="http://www.patternify.com/"><img src="" alt="patternify.com - patternify リソースおよび情報" title="patternify.com - patternify リソースおよび情報" class="entry-image" /></a></p><p>This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.</p><p><a href="https://b.hatena.ne.jp/entry/www.patternify.com/"><img src="https://b.hatena.ne.jp/entry/image/http://www.patternify.com/" alt="はてなブックマーク - patternify.com - patternify リソースおよび情報" title="はてなブックマーク - patternify.com - patternify リソースおよび情報" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/www.patternify.com/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 170