iOS5なのにposition:fixed;が効かない時に確認すること | Culture27
なんだかんだでFirefoxメインで制作しているわけですが、とあるページでposition:fixed;が効いてないみたいだよ？と@e_luckさんに教えてもらいまして、、、でちょっと調べてみて気づいたことです。 HTML5 Rocks - Improving the Performance of your HTML5 Appの「The magic CSS bullet」で紹介されていた下記のコードは、指定するとGPUアクセラレーションが有効になるのでパフォーマンス向上の恩恵を受けることができるかもしれない、といったような事が言われています（アニメーションの描画がスムーズになる？）。 GPUアクセラレーションを有効にするスタイル
iPadやiPhoneなど、デバイスごとに最適化したCSSを読み込む Media Queries
iPhoneとかiPadとか、デバイスに応じて最適化する @tee_suzuki さんに、Media Queries なる実装が存在すると聞いて、早速トライしてみました。Media Queries自体はCSS3の実装の一環のようです。media属性の中に、デバイスの種類や解像度、向きなどの条件文を記述することで、適用するCSSを分岐させる仕組み。 こんな感じのものをheader要素へ width: 〜480pxの端末のときには iphone.css width: 481〜1024の端末が縦（portrait）のときには ipad-portrait.css width: 481〜1024の端末が横（landscape）のときには ipad-landscape.css width: 1025〜の端末のときにはpc.css Media Queries デモ ためしに、Media Queriesを
vim-css3-syntax v0.3
@hokacchaから@mediaブロック内でのクラス名のハイライトがうまくいっていないバグの修正を貰ったのでそれを反映させ、他いくつか漏れていたCSS3モジュールへの対応を行い、vim-css3-syntaxを0.3にした。 ついでにREADMEにHTMLやSCSSでのCSSの構文強調にも反映させる方法も書いておいた。Media Queriesだけコメントアウトしているのはネストの表現がまずくて、ハイライトが吹っ飛ぶことがあるので。 ベンダー拡張プリフィックスへの対応とかも貰ったが、メンテナンスが大変そうだし、変わったものはともかく消えたものをどうするか考えるのも面倒くさいので、今のところ対応する気はない。-webkitなどの部分だけを強調する仕組みを考えてみようかと思っているが、Vimのシンタックス・プラグインを書くスキルが低すぎて目鼻がつかない。そもそもそれじゃシンタックス・ハイライ
Google アドセンスと Ajax
社内のLT後の懇親会で Web サービス作って広告貼って小銭稼ぐとして、Ajax を駆使してクライアントサイドでコンテンツを生成するサービスを作った場合に Google アドセンス（Google AdSense） は正しく広告を表示してくれるのだろうか？いったいどういう挙動をするのだろうか？という話題がでたので実際にコンテンツを作って検証してみた。 経験ではアドセンス用のクローラーがページをクロールしてコンテンツを読み取り、広告内容を決定しているため、Ajax のみで構築したページはコンテンツ内容を正しく判断できず、適当な（or 標準的な）広告を出していると考えている。 用意したページ 以下の5種類のページを用意してそれぞれに広告を配置してみた。 通常のページ AjaxでサーバにあるテキストをHTMLに流しこむページ ※元のページには Ajaxコードとアドセンスコードのみ記述 ページ2 に
プログラマにしかわからないジョーク(ネタ)を教えてください。…
プログラマにしかわからないジョーク(ネタ)を教えてください。 例えばこんなのです： private int i; // i とは決して公開しないこと よろしくお願いします。
SVG & CSSでアンサガのスキルパネルのようなメニューを作る
「SVGにチャレンジ！ 第1回」です。第2回があるかは分かりません。 インラインSVGを使って『アンリミテッド：サガ』というゲームのスキルパネル風のメニューを作ります。 実物は「アンリミテッドサガ スキルパネル」とかで画像検索してみてください。 このスクエアさんの『アンリミテッド：サガ』というゲームがすごく好きでですね……以前からこれをウェブページとして作ってみたいと思っていたんですよ。 クリッカブルマップとかも考えましたが、あれあまり好きじゃない。 というわけでSVGでやることにしました。拡大しても綺麗ですしね！ Unlimited Saga Style Panel Menu with SVG & CSS デモファイルをダウンロード 表示確認で一番期待通りに表示できたのは、Firefox 7とChrome 16 devです。 IE 9とSafari 5.1は、transitionしません
禅の公安スタイルでCoffeeScriptを学ぶ「coffeescript-koans」 - にのせき日記
https://github.com/sleepyfox/coffeescript-koans 禅において弟子に与えられる課題に公安というものがある。(「隻手の声」とか) それが転じて、プログラミングの世界では穴埋め形式でプログラミング言語を学ぶことがKoan(Koans)と呼ばれるようになった。(ex.ruby_koans) 今回紹介するcoffeescript-koansはCoffeeScriptを公安スタイルで学習できるものだ。 ひと通りCoffeeScriptのチュートリアルを読んで文法を学んだ後でチャレンジしてみよう。 こういう場合はどうなるんだっけ？という疑問がでてきて、より深くCoffeeScriptを学べるはずだ。 実行方法 テストランナーはJasmineが使用されている。 基本的には/koans以下にある.coffeeファイルにあるFILL_ME_INに答えを埋めていくこ
JavaScript/CSS圧縮処理を80秒から6秒まで短縮したテクニック - Mozilla | エンタープライズ | マイコミジャーナル
The Mozilla Foundation Mozilla WebDevブログに「From 80 Seconds to 6: Optimizing Our Asset Compression」として、JavaScript・CSS・画像の連結およびミニファイ処理にかかる時間を、80秒～160秒レベルから6秒まで短縮させたときのテクニックが掲載されている。実用的な資料として参考になる。 現在、「Add-ons for Firefox」はCDNを活用してリソースを提供しているが、こうなる前はキャッシュ効果を最大限に発揮させるためにJavaScript・CSS・画像をファイルへ連結してミニファイ処理を実施して使っていたという。このリソースの生成には80秒から160秒かかっていたが、処理を工夫することで最終的に6秒にまで短縮を実現したと説明がある。 ここで紹介されている高速化テクニックをまとめると
From 80 Seconds to 6: Optimizing Our Asset Compression
Before pushing our CSS and JavaScript assets to our CDN, we run them through jingo-minify to concat and minify the files, as well as cache bust them and any resources (such as images) contained inside them. Turns out, this was by far the slowest part of our push process — it took between 80 and 160 seconds for addons.mozilla.org (AMO) assets. It wasn’t a huge priority, since most of the time th
Learn to Code - for Free | Codecademy
Get personalized job listings and practice interview questions
Are TextMate and Coda Yesterday's Editors?
Based on the title alone, many of you might cry, “blasphemy.” TextMate particularly has been a cornerstone for Mac-based web developers for years and years. However, things change, and, recently, better editors, like Sublime Text 2, have surfaced. With TextMate 2 and Coda 2 on the near horizon, can they compete, or are they too late to the next inning? The editor wars have begun. Competition is Go
新しい Mac mini を買いまして。 - WebOS Goodies
WebOS Goodies へようこそ！ WebOS はインターネットの未来形。あらゆる Web サイトが繋がり、共有し、協力して創り上げる、ひとつの巨大な情報システムです。そこでは、あらゆる情報がネットワーク上に蓄積され、我々はいつでも、どこからでも、多彩なデバイスを使ってそれらにアクセスできます。 WebOS Goodies は、さまざまな情報提供やツール開発を通して、そんな世界の実現に少しでも貢献するべく活動していきます。 これまで、自宅では Mac mini の Mid 2007 という、だいぶ古いモデルを使っていました。 Wikipedia で調べたら、 4 つも前のモデルなんですね。私は日常的な作業で重いアプリはあまり使わないので大丈夫だったのですが、最近は Google Maps の WebGL 版もまともに動かないし、 Lion の一部機能にも非対応だったりして、さすがに限
「 iCloud ってさあ、無料とか言いながら容量がたったの 5GB でしょ？少なすぎて使えねぇよ！」 →「いえ。余裕ですし、誤解です。」を解説します。 | 覚醒する @CDiP
「 iCloud ってさあ、無料とか言いながら容量がたったの 5GB でしょ？少なすぎて使えねぇよ！」 →「いえ。余裕ですし、誤解です。」を解説します。 iOS5 がリリースされてはや2週間余り。iCloud使ってますか！ アップル – iCloud – あなたのコンテンツを、あなたのすべてのデバイスで。 Photo by donpy 巷では毎日のように iCloud を使って「感動の嵐！」を謳いながらエントリーをされている方、「便利過ぎ！ワロタ！」などとツイートされている方がたくさんいらっしゃいます。そんな投稿を見ながら私も iCloud を色々実験的に手持ちのiPadだとか、お下がりになった iPhone4 などで試してみてはニヤニヤしています。 方や、未だ様子見の方や、まったく使っていないどころかアカウント登録すらしていない方々も多くいらっしゃるようです。 そんな方々の多くの理由は「
Say Hello to Hubot
ProductSay Hello to HubotFor the past year or so we've been telling people about Hubot, our amazing Campfire bot. We have a lot of fun working on Hubot. He makes us laugh, he… For the past year or so we’ve been telling people about Hubot, our amazing Campfire bot. We have a lot of fun working on Hubot. He makes us laugh, he ships our code, he is the interface to our CI server, and a whole lot more
とてもとても簡単な、jQueryプラグインのつくりかた。 | Ginpen.com
こんなに短いコードですが、jQueryプラグインを作る上で忘れられない、5つのポイントがあります。 $がjQueryである事を期待しない。 jQuery.fnにメソッドを定義する。 実行コンテキストthisはjQueryオブジェクト。 .each()を使って処理する。 thisをreturnする。 他のプラグインと併用し、$がjQueryを指していない場合も考慮して、直接$は使いません。全体を無名関数にして、その引数としてjQueryを$という名前で受け取るようにしましょう。 jQuery.fnのプロパティとして関数を設置しておくと、それが$(elem)のメソッドとして呼び出せるようになります。またその際の「実行コンテキスト」つまりthisは、当然ですがメソッドを呼び出しているjQueryオブジェクトになります。このときに複数の要素を内包している場合がある（$('.hoge')を想像してく
Big Sky :: データベースを扱うPerlスクリプトをsonictemplate-vimを使って30秒で書こう
昨日書いたsonictemplate-vimを使えば... mattn/sonictemplate-vim - GitHub sonictemplate chooser for vim https://github.com/mattn/sonictemplate-vim 注意：DBは既に用意されている物とする 以下をやるにはオプションの設定が必要だったのでデフォルトで動作する様にした template-vimはthincaさんの物と名前がバッティングしたので、「音速でコーディング出来る」と言う意味でsonictemplate-vimに改名しました。 よーいどん # vim foo.pl 起動したら :Template script と書いてドーン use strict; use warnings; use utf8; _ _はカーソル位置 ここで use DBI; を足しておこう。さて :
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Google Chromeの中の人に聞く、ブラウザの未来とは | ライフハッカー・ジャパン
Cygwinを使わずにcoffeescriptを使う - 環境構築・零
Google Maps API有料化の詳細発表、該当ユーザーは2012年初めに強制課金開始 
partake.in