CSS Rader - Tips and Tricks, Sometimes with jQuery
CSS Tips and Tricks Sometimes with jQueryCSSスプライトとは？ CSSスプライトってご存知ですか？ Yahoo！のパフォーマンス改善チームにも推奨されている手法で、CSSのコードもスマートに読みやすくなる、一石二鳥のテクニック。 さらに、ちょっと面倒な値を設定や画像の生成を手伝ってくれるオンラインツールも紹介しよう。 CSSでカラムのheightを合わせる 複数カラムを採用する場合のそれぞれのカラムの高さが同じにならない。 CSSレイアウトでよく出会うこんな不満。 Tableレイアウトにしてしまう前に、シンプルな解決を紹介。 IE ダブルマージンフロートバグをFix floatした要素に対して、同じ方向にmarginを与えると、marginが2倍になってしまう。 という、IEにおける不可解なバグ。 レイアウトに欠かすことのできないfloat
Dreamweaver歴8年半の僕が3日前にSublime Text 2にしてやったこと | clear sky source
これまでかたくなに Dreamweaver を利用していたのですが、CS6 にアップデートしたあたりから動作が重くなり、直近ではもーやってられんとなりましたので重い腰をあげて Sublime Text 2 デビューをはたしました。 これでやっと僕にも春が来るのかなとワクワクしております。 参考にした記事 以下あたりを読みました。 基本 Sublime Text 2ってエディタがすごくイイ。Dreamweaverから乗り換えた時の初期設定とか使い方とかをメモ | Mnemoniqs Web Designer Blog Sublime Text2の複数カーソルの使い方 #SublimeText2 – Qiita [キータ] SublimeText2を3ヶ月使ってみて利用を決めたPackageまとめ | 濃紺ピッチャー Emmet系 Sublime Text 2のEmmetでdivの閉じタグにコ
任意のデータをウェブから入手して美しく表示するStatus Boardアプリ
天気や時計を表示できるアプリはいくらでもあります。でも任意の自分のデータを表示できるアプリは？ MacでのftpアプリTransmitや、Coda2の開発環境で知られるPanicから、ちょっと異色のiPadアプリが登場しています。さまざまなデータを美しいパネルで可視化することを可能にする Status Board です。 アプリの購入時点でメールやツイッターの情報を表示する機能はすでにありますが、簡単なコードを書いたり、データを用意することができたりすれば、どんな情報も表示できます。### メール、つぶやき、サイトの更新回数を表示 Status Board は駅の構内や、企業のロビーに大きめの液晶でとりつけてある情報ボードを再現するアプリといってもいいでしょう。 たとえばこちらは、天気と時計以外に、私の Gmail 受信箱にあるメッセージの数、ツイッターでつぶやいたつぶやきの回数、ブログの
jQueryで地震分布図を作成しよう
地理情報を含むデータを表現する場合、地図上で表すことで視覚的にその情報を認知しやすくなります。例えば、車のナビや道路標識などでは、単純に方向や座標だけを示すのではなく、地図上に表現することで、見た人が直感的に認知できるようにしています。本稿では、jQuery対応コントロール集である「Ignite UI 2013 Volume 1」のigMapというコントロールを用いて、地震分布図を作成していきます。 対象読者 JavaScriptの経験者、地図アプリに興味のある方。 必要環境 IDEは特に必要がなく、コード編集用のエディタと動作確認用のブラウザがあれば良いです。 今回使用するigMapコントロールは、jQuery UIウィジェットの一つであり、jQueryライブラリとjQuery UIライブラリに依存します。そのため、対応ブラウザについてもjQuery UIに依存します。 プログラム実行時
インタラクティブ・アートとヒューマン・インターフェースの潮流 ― 日本科学未来館 メディアラボの展示から
"ドッグイヤー"と称されるように，情報科学分野の更新スピードは実に目まぐるしいものがあります．日本科学未来館（東京・お台場）の常設展示は，数年単位で作り直すことを前提に制作していますが，数年あれば一般家庭の通信基盤はダイヤルアップから光回線に，CPUの周波数はMHzからGHzに変わるのが情報科学の世界です． ヒューマン・インターフェースに関する技術に注目すると，それは"人間の理解"や"見立て"が重要であることが分かります．例えば，縦置きのディスプレイ上のカーソルと，手元にある平面上でのマウス操作には人間の脳内で行われるちょっとした座標軸変換が必要です． それでは，見立てとは何でしょうか？ 例えば，デスクトップ画面に表示されるフォルダは，現実世界における書類を収納する機能と同じイメージをコンピュータの中に見立てたものです（現実のフォルダを見たことがない世代には，その見立てが通じないケースもあ
デザイン制作を彩るクオリティーの高いPSD素材まとめ「40 Fresh PSD’s Files For Free Download」
TOP > Design > デザイン制作を彩るクオリティーの高いPSD素材まとめ「40 Fresh PSD’s Files For Free Download」 デザイン制作時にパーツを一つ一つ制作すると、どうしても制作時間が膨らんでしまいます。そんな時に活用したい、デザイン制作を彩るクオリティーの高いPSD素材をまとめた「40 Fresh PSD’s Files For Free Download」を紹介したいと思います。 GraphicsFuel.com | Paper Login Form PSD アイコンからUIエレメントまで、デザイン制作に必要なさまざまなパーツ素材が紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。 詳しくは以下 ■Dark Toolbar – 365psd ダークな色合いの立体感が美しいツールバー素材です
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
