最近ようやくcoffeescriptにもLESSにも慣れてきました。で、そろそろgruntを活用しようかなと先月くらいから使ってみてますが便利です。 *.less →(コンパイル)→ style.css →(圧縮)→ style.min.css *.coffee →(コンパイル)→ *.js →(連結)→ app.js →(圧縮)→ app.min.js *-test.coffee →(コンパイル)→ *-test.js →(連結)→ tests.js app.min.js, tests.jsを読み込んでqunitでテスト index.htmlではapp.min.jsとstyle.min.cssを読み込む こんなかんじの事を簡単にできます。テストもcoffeescriptで書けて良いです。 現在リリースされている grunt v0.3.9 では coffee, less, sqwishに対
Tabnagging というフィッシング手法があるそうです。 詳しい内容は、以下の記事をごらんください。 ブラウザでたくさんのタブを開いてネットサーフィン! あなたが知らないうちに非アクティブなタブの内容が偽のGmailページに書き換えられた!(タブのアイコンも変わる!) ← 別にGmailじゃなくてもFacebookでもmixiでも。 あなたがそのタブに戻ってくるとGmail(もしくは他のサービス)のログイン画面が!(URLはおかしいけれどあなたは気づかない!) ID&PWDを入力してしまってあなた終了のお知らせ…orz ブラウザのタブを使ったフィッシングの最新手法『Tabnagging』が巧妙すぎる件… | IDEA*IDEA これは…!! というわけで、とりあえずタイトルを「ホスト名を省いたドメイン」に書き換える User JavaScript を書いてみた。 これをインストールする
jQueryは、リッチなUIを簡単な記述で実装できます。 デザイナーにも理解しやすい仕様(そこも魅力の一つ!)なので、 いまやデザイナー向けにjQueryを説明するブログもたくさんありますね。 ただ、完全にデザイナー向けのライブラリなのか?というと、そうでもなく デザイナーだけではなくプログラマ視点から見ても魅力があるライブラリだと 言えるでしょう。 今回はプログラマ視点でみたjQueryの魅力と感じた点を簡単にまとめてみます。 コードがスマートになる なんといってもココに魅力を感じます! 細かく言うと以下のものがあげられます。 ・要素の操作もシンプル簡単! jQueryはセレクタを利用して要素を簡単に取得し、 エフェクトの追加やDOMの操作ができます。 (CSSとほぼ同様のセレクタを指定して 簡単にDOMの操作ができるところがデザイナーにも優しいですね!) これは、記述方法をみていただけ
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
Nicholad Zakas, who wrote this book, recently spoke about JavaScript performance at Google; his presentation was called “Speed Up Your JavaScript” and it’s available to view on Youtube. In the presentation Nicholas covers areas rarely talked about; he takes a low-level approach by explaining what’s happening behind the scenes when you do something as simple as creating or requesting a variable in
Yahoo!のNicole Sullivanの2009.3.27のブログエントリ Reflows & Repaints: CSS Performance making your JavaScript slow? ウェブページのパフォーマンスを遅くさせるCSSの使い方。およびその回避策がテーマ 再フロー&再描画をどうやって減らすか。 TIPSは6つ紹介されてる。が、javascriptを書かないCSS書きに関係するのは、5〜6番目の table要素は特殊。固定レイアウトアルゴリズムでレンダリングされるようにしろ。 MS独自仕様のcss expression使うな。 のみ。 以下斜め読んだまとめ。 Operaの記事「Efficient JavaScript」によると再描画と再フローがjsが重くなるのに影響してる 同僚のStoyan Stefanovと一緒にこの問題の定量化に取組中 再描画と再フ
タイトルは釣り。Google I/O後にSunnvaleに移動。ホテルに入ってPCのWebからTwitterに入ってみた。異様に速い。Tweetを投げた後にするすると降りてくる「Your status has been updated」のバナーが間髪入れずに降りてくる。そんなにネットワークが速いなんてBay Area的に有り得ないだろ、とSpeed Testをしてみると案の定530Kbps程度。 ふと思い当たって、ping twitter.comしてみたところ、ラウンドトリップタイムが 5-7msec というとんでもない値。TwitterのサーバがBay Areaにあることは知られているし、地理的に近いからRTTが短いのは当然。海を越えれば当然RTTは長くなるわけで、そのホテルからping www.yahoo.co.jpは 110-111msec だった。 今、日本からping twitt
●2次元が恋人!とか言っちゃう男って結局生身の女の子に相手されないから逃げてるだけでしょ 興味ない事いってるんじゃなくて 興味ないのを女のせいにするのが気分悪い 2次元どうぞどうぞ 俺の嫁なんでも好きなようにすればいい 自分の信じてる事が絶対なら ●女「私ぃ、アメ車にしか興味ないしぃ」 プジョーの 「欧州車っぽいデザインなんだけど MINIみたいにあからさまじゃなくて今風の割と日本のコンパクトカーと大差ないデザインじゃねーか ん?でもよくみるとどこ ●【3次元】モロじゃない抜ける画像ください ガキばっかりじゃねぇかw ●【3次元】モロじゃない抜ける画像ください 最後何故そうなったwwwwwwwww ●【3次元】モロじゃない抜ける画像ください 最後wwたしかにモロじゃないww ●床オナってやばいの!?ねぇやばいの!? マジコメすると床オナから抜け出せない奴は催眠オナニー
99452197/ Hemera/ Thinkstock リアルなガジェットやデザインパーツをデザインしたい。 そんなときに参考になるのが、『40 Free PSD Files』。フリーのPSDファイル集です。 かなりクオリティーの高いものが揃っていますね。 Digital Stamp 美しい切手のデザイン Magnifying Glass 光の反射がうまく作り込まれた虫眼鏡のPSDファイル Stratocaster Classic ストラトギターのPSDファイル Knob Mash リアルな質感のボタン Apple Display とてもクールなAppleのディスプレイ iPhoneアプリをつくるときなどの参考に、ぜひ見てみてはいかがでしょうか? 40 Free PSD Files 今日は打ち合わせ続きの一日。いい内容の打ち合わせができたりと、充実した一日でした。夕方クロスバイクで豪雨に
Flash製のギャラリーなどでよく 見かけるようなエフェクトが8種 用意されているjQueryを使った スライドギャラリーのAviaSlider をご紹介します。 若干怪しいですけどIEでも動きました。懲りすぎてない、汎用的なギャラリーです。
TOP > Design , Photoshop > フリーで使えるphotoshopパターンを集めた「650+ Free Photoshop Patterns」 特定の絵柄を敷き詰めていくことができるphotoshopパターン。絵を作りこんでいく上で、自分の構想に近いものがあればかなり便利なツールです。今日紹介するのはフリーで使えるphotoshopパターンを集めた「650+ Free Photoshop Patterns」というエントリーです。 650+ Free Photoshop Patterns 様々な種類のphotoshopパターンが集められていて、全部で650種類のパターンがまとめられています。今日はその中からいくつか気になったphotoshopパターンを紹介したいと思います。 詳しくは以下 ■Tileable Starfield Patterns 幻想的な宇宙空間を
まとめておいたほうがいい気がしたからまとめてみよう。 1、分からないのに分かったと言ってしまう(で、後で分かってなかった事が露呈して怒られる)2、相槌を打つけど聞いてない(相手の話に途中でついていけなくなる。多分、会話のレベルはいたって普通の雑談程度)3、なんで怒られているのか分からなくなる(反省しようと思ってもフリしか出来ない。相手が怒鳴り始めるまで怒っていることに気付けない)4、自分が気になった話題をひたすら話す(最初は普通だけど、途中で2、3回会話の内容が飛躍する?らしくて何を言ってるのかわからなくなる。これはネット上の文章でも同じ)5、雑談出来ない(会話が途切れる。何を話したらいいのか分からない。雑談や前フリにそのまま反応してしまう。会話を発展させるということがよくわからない)6、客観的にしか相手の感情を理解出来ない(相手の感情を感じる、っていうのが良くわからない。相手はこう思って
# Portal for mobile/desktop browsers Full Writeup Keyboard Controls: It’s AWSD or arrow keys for movement and mouse button and mouse movement for the portal gun. On mobile, it’s hold down your finger to run toward your finger and hold down above you to jump, tap to aim and fire the portal gun, and second finger (multi-touch) to move the portal gun without firing (like to maneuver a held box).
ブログネタ:JavaScript に参加中! XMLに続いてJSONの扱い方のメモです。 概要は以下の通り。 ・JSONの取得 JSONの取得はajaxメソッドやgetメソッドでもできますが、getJSONを使った方がシンプルです。 ・エンコード指定 呼び出す側と呼び出される側でエンコードが異なる場合はスクリプトのcharsetの指定が必須です(特にIE)。 ・取得したJSONの取り扱い JSONはeachメソッドやfor文で扱うことができます。 Google Ajax Feed APIを使って任意のフィードからJSONを取得し、タイトル5件を表示する例です。 ソース とりあえずエラー処理は入れていないです。 $(function() { $.ajaxSetup({scriptCharset:'utf-8'}); //charsetの指定(デフォルトの書き換え) $('#get_feed'
Date 2009-01-15 19:06 Category blog / Web 関連 Tags blog / CSS / JavaScript / push!! / tips / Web 関連 / Webデザイン / Web制作 / 考え方 Navigation Link Newer Older 使用中の Firefox アドオンまとめ Comments / Trackbacks Comment Form Name URL Add Your Comment Trackback URL http://eclucifer.net/blog/web/2009011501.html/trackback/
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く