id と class に日本語を使う

http://unformedbuilding.com/demo/test/ub/2011-07-01/HTML <html> <head> <meta charset="UTF-8" /> <title>2011-07-01</title> <link rel="stylesheet" type="text/css" media="screen" href="style.css" /> </head> <body> <h1 id="タイトル">Heading 1</h1> <p class="リンク"></p></body></html>

20 Reasons Why Your Website Design Sucks の超簡易まとめ

原文を読んだほうが早いかもしれないw Part1: http://www.1stwebdesigner.com/design/20-reasons-your-design-sucks-1/ Part2: http://www.1stwebdesigner.com/design/20-reasons-your-design-sucks-2/ 配置のバランスが悪い 使い方を分かっていないベベル…

CSS の transparent

ときどき gradient() なんかで詰まる人がいるようなので。CSS Color Module Level 3 を読めば分かりますが、 transparent は rgba(0, 0, 0, 0) と考えたほうがいいです。 Fully transparent. This keyword can be considered a shorthand for transparent bl…

CSS LINT での警告 "Don't use IDs in selectors" について

今話題の CSS LINT (http://csslint.net/) ですけども。 チェックすると warnings で "Don't use IDs in selectors" って出るんですね。理由を見てみるとこんなことが書かれていました。 IDs shouldn't be used in selectors because these rules are too ti…

普段使ってるブックマークレット

一応メモっておこうと思う。ウィンドウのサイズを教えてくれるやつ。便利。 http://www.josscrowcroft.com/2011/code/window-size-bookmarklet/見ているページをついったーにポストするとき用。コメント入れられるようにスラッシュ付き。 javascript:(functi…

JavaScript で UNIX time を変換 2

http://d.hatena.ne.jp/ub-pnr/20110601/1306908663 がどうこう書いてたら @azu_re さんに 「DateをtoStringした結果。表示形式を変えるなら、まあ普通にdate.get*を使うべきですね。」 (http://twitter.com/azu_re/statuses/76518398930067456) と言われた…

jQuery メモ - 画像のプレロード

画像 URL が入った配列があるとする var images = ['url1', 'url2', ...]; これを表示するとき、1枚ずつではなく、全ての画像のロードが終わってから表示したい。 たとえば div#gallery 内にリストで表示する場合、 var $ul = $('<ul/>').appendTo('div#gallery')</ul/>…

JavaScript で UNIX time を変換

picplz API では投稿時刻が UNIX time になっているので人間にも読めるようにする。 曜日と GMT 表示はいらないので消す。Jun 01, 2011 12:40:31 みたいにしたい。 function convertTime(u) { var t = new Date(u * 1000); t.setTime(t.getTime() + (60 * 60…

picplz メモ - 取得できる画像の数

現在の API で取れる Interesting の画像は240枚までっぽい。 feed.json の更新時刻は分からない。

picplz メモ - 画像のサイズ

API ドキュメントには To help guide you here are the formats we have pre-generated: Square Thumbnails: 56px, 64px, 75px, 100px, 200px Longest Side: 150px, 320px, 640px, 1024px と書かれているけど、 Longest Side は 400px (400r) でも取れる。 …

WebStormメモ - 行末で Right を押したときに次の行頭に移動したい

フリーカーソルっていうの? あれがすごく苦手というか気持ち悪いので、 カーソルが行末にあるときに → を押したら次の行頭に移動するようにしたい。IDE Settings > Editor - Virtual Space > Allow placement of caret after end of lineのチェックを外せば…

picplz メモ - API の URL

http://api.picplz.com/api/v2/feed.json interesting 一覧の取得先 http://api.picplz.com/api/v2/user.json ではないuser.json はユーザー(単/複)を取るときに使う。 feed.json は network 取得にも使うが、こっちは認証が必要。公式プラグイン使えばいい…

WebStormメモ - エディタ用フォントの設定について

Consolas に VL Gothic をフォントリンクしたものを使いたいがどうにも上手くいかない。 英数部分は Consolas になるけど日本語部分はよく分からないフォントになる。そこで、いったん MigMix 1M などの日本語等幅フォントを指定して、WebStorm を終了、再起…

ブログに書く予定のものだけど

無駄が多い気がする。 jQuery(function ($) { var $years = $('.year-select').children(), $yearLists = $years.children('li'), $selectYear = $yearLists.children('a'), $months = $('.monthly-archives').children(); var singleHeight = $yearLists.he…

dlvr.it との連携テスト

html { overflow-y: scroll; }

ここはメモ帳です。

思いついたのをぱぱっと書いておけるものが欲しかったので作った。 デザインは適当なので気が付いたら直していく(つもり)。

Chrome で text-shadow したときにフォントが汚くなる件について

Arial とかメイリオだと分かりやすいかもしれない。 これ書いてたときに気付いた。 .class { text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.2); } これを直すには .class { text-shadow: 0 0 0 transparent, -1px -1px 0 rgba(0, 0, 0, 0.2); } と、シャドウの…