EmChart | Aloe Studios Blog Using a relative unit such as EM is a great way to maintain the vertical rhythm of a web page when a user resizes text in their browser.CSSのem指定のサイズが一発でわかっちゃう「EmChart」 基本のサイズが24ピクセルで、9px にしたい場合、0.375emにすればよい、というのが簡単に分かるようになっています。 これはなかなか便利そうですね。チャートのダウンロードも可能です。 関連エントリ サイト上でCSSによるフォントスタイルを確認できる便利ツール サイトに使用するフォントのCSSを選ぶ際に役立つ「CSSTYPE」

色んなところで優秀・便利と言われているActionScriptのエディタ FlashDevelop ですが、 Windowsのアプリケーションなのでずっと遠くから見てるだけでした。 しかもMac使い始めて2年経たないのでwinに戻ろうかとも…ｗ でもそろそろ少しずつ外に書けるようになってきたし、Finder便利だし、FlashDevelopなしでは開発スピードが半減するわよねオホホ的な話をよく聞くので、 ずっとめんどくさかったけど使えるようにしてみました。 いくつかうまくいかないんだよなぁ。 Parallelsのインストールとかbootcamp領域のXPを使えるようにするのはすごく簡単でした。Parallels Tools を入れるまではwin領域をクリックしてしまったらカーソルをMacに戻せなくてちょっと焦りましたｗ control + option (alt) で戻れますｗ Ap

ケータイサイトの保守でチェックすべき8つのこと Tweet 2009/2/12 木曜日 matsui Posted in au, DoCoMo, SoftBank, サーバ | No Comments » ケータイサイトは、PCサイトと違い、作ったら放置しっぱなしというわけにはいきません。 もちろん、PCサイトも放置でよいわけではありませんが、ケータイサイトの方がマメな情報収集が必要になることは確かです。 今回は「ケータイサイトの保守でチェックすべき8つのこと」と題して、色々と厄介なケータイサイトのメンテナンスについてまとめてみました。 1. キャリアのIPアドレス帯域が変更になっていないか 最も手間で、更新を忘れると大変なことになるのがこちらです。 ケータイサイトはケータイ以外からのアクセスを拒否するため、IPアドレスによる制限をかけることが多いです。 キャリアのIPアドレスは、結構頻繁

Flash, AcrionScript, Design… and more全画面に動画（FLV）をバシッと貼り付けて、いい感じにカッコ良いサイトを最近よく見ますが、たいていその動画の上にドット模様の付いたスクリーンが貼り付けられているのが多いと思います。あのスクリーンが張ってある理由は、実際に作ってみるとわかるのですが、VideoやFLVPlayBackの大きさをWindowサイズ（stageのサイズ）にあわせて大きくすると、映像がもんやりしてしまいます。しかしどうでしょう。その上に件のドット調を載っけるとあら不思議。なんだかブラウン管やオーロラビジョンで映像を見ているような、イイ感じに仕上がります。 僕がこういう「ドット調＋全画面FLV」にすれば、いい感じになるんだねぇ～と最初に気付いたのがベルギーのgroup94のサイトを見たときでした。で、ここでその素敵っぷりをご紹介しようとしたの

ForcibleLoader?クラス Version9未満のswfファイルを無理矢理Version9形式にコンバートして読み込みます。 http://fladdict.net/blog/2007/05/avm2avm1swf.html コード http://snippets.libspark.org/svn/as3/ForcibleLoader/src/org/libspark/utils/ForcibleLoader.as にあります。 リポジトリブラウザで閲覧 サンプルというか使い方 import org.libspark.utils.ForcibleLoader; var loader:Loader = Loader(addChild(new Loader())); var fLoader:ForcibleLoader = new ForcibleLoader(loader); fL

この文書は「HTML5 differences from HTML4 (W3C Working Draft 25 May 2011)」の日本語訳です。 原文の最新版 は、この日本語訳が参照した版から更新されている可能性があります。 この日本語訳は参考情報であり、正式な文書ではないことにご注意ください。また、翻訳において生じた誤りが含まれる可能性があります。他の仕様の訳については Web 標準仕様 日本語訳一覧 を参照してください。 更新日: 2011-09-15 公開日: 2011-05-26 翻訳者: 矢倉 眞隆 <yakura-masataka@mitsue.co.jp> HTML5 における HTML4 からの変更点 2011年5月25日付 W3C 草案 (Working Draft) この版: http://www.w3.org/TR/2011/WD-html5-diff-2011

Flashデベロッパー向けのPhotoshopスクリプト集 Spark Projectにコミットしました。 http://www.libspark.org/wiki/yoshihiko/jsx オーサリングの際にPSDからパーツ切り出すために、毎度毎度、 [全選択]⇒[選択範囲を結合してコピー]⇒[新規作成]⇒[ペースト]⇒[Web用に保存]×パーツ分 を繰り返すのが面倒になったのでスクリプト化してみた。 ついでによく使う動作もスクリプト化してみた。 選択したレイヤーのみ表示.jsx、選択したレイヤー以外を非表示.jsx Photoshopの[ほかのレイヤーをすべて表示/非表示]機能は、選択したレイヤーしか対象にしてくれず、レイヤーセット上で実行すると、レイヤーセットの最上部のみしか表示が残らず不便だった。 レイヤー/レイヤーセットを選択してこのスクリプトを実行すると、サブレイ

twitter facebook hatena google pocket よくあるタブメニューをJavaScriptライブラリjQueryで簡単に作成できるSemantic Tabsを紹介します。 ※このjQueryプラグインは名の通り文章構造が非常にセマンティックです（後述）。 sponsors 使用方法 Semantic Tabsからjquery.semantictabs.jsをjQueryからjquery.jsをダウロードします。 <script type="text/javascript" src="jquery-1.3.js"></script> <script type="text/javascript" src="jquery.semantictabs.js"></script> <script type="text/javascript"> $(function(){ $

Make a note of it: Web tech, montaineering, and so on. Note: この記事は、3年以上前に書かれています。Webの進化は速い！情報の正確性は自己責任で判断してください。 Perlスクリプトを作ったんだけど... 動かない！ なんでだろー。ちゃんと毎ページ呼んでるし、GETリクエストも遅れてるのに... 統計に反映されてない！ ga.jsだからかと思ってUrchin.jsでアクティベートもしたのにダメだった。ちなみに元ネタはコレ。 動作確認できました。ソースは記事中の追記にて。 Google Analytics without javascript!,Linklove ケータイサイトでGoogle Analyticsを利用するためのライブラリ,ke-tai.org Google AnalyticsのAnalysis、そして滞在時間のウソ

無料のPhotoshopのパターンファイルをSmashing Magazineのエントリーからいくつか紹介します。 The Ultimate Collection Of Free Photoshop Patterns

Brush Portfolioは、オリジナルのものも豊富に揃っている、無料で使用できるPhotoshopのブラシのポータルサイトです。

画像をスムーズにスライドする、シンプルなカルーセルの軽量（2KB）スクリプトをGANESHから紹介します。 jCarousel Lite demo jCarousel Liteは、jCarouselにインスパイアされ、機能をシンプルにしたものとのことです。 カルーセルさせる画像はリスト要素で実装されており、前後に「prev」「next」ボタンが配置されています。 オプションでは、スライドのスピード、初期の表示位置などを調整することができます。 jCarousel LiteはjQueryのプラグインのため、実装にはjquery.jsが必要です。

WP WooThemes Ultimate Icon Set ダウンロードできるセットには78種類のアイコンがあり、フォーマットはPNG, GIF、サイズは256x256となっています。 ライセンスは、CC 2.5とのことです。

40 Super Sleek Fonts for Clean Web Design | Web Design Ledger シンプルだけど汎用に使えそうな綺麗なフォント集４０。綺麗なフォントが色々と紹介されているようです。 Museo Sans Duepuntozero Oregon LDO Vegur Yoxall 全部見る 個人的に、Duepuntozero、Oregonはなかなかいいなぁ、と思います。 関連エントリ 萌え系フォントのまとめ ウェブ、ＤＴＰに使えるクールなフォント集 美しいフリーフォント45セット フリーフォント大量配布/紹介サイトいろいろ

jQuery Sequential List おしゃれなリスト実装サンプル。次のようなリストをjQueryを活用して簡単実装するサンプルです。 プレーンなリスト要素に、jQueryを使って、classを item1, item2のように自動付与していきます。 あらかじめ、 li.item1, li.item2 のようにして定義しておいたCSSを適用させて、実現されています。 JavaScript+CSSのテクニックとしては勿論使えるものですが、そもそものリストがカッコいいので再利用したいところですね。 丸いバッジ型もなかなかセンスがいいです。

imagin - Flash Photo Gallery 滑らかに画像が切り替わる超絶クールFlash写真ギャラリー「imagin」 imaginのいいところは、フォルダを自動で走査してファイルを見られること。 いちいち画像ファイルのリストをxmlにしたりする必要はなくて、picturesフォルダ以下に画像をフォルダごとおけばいい。 動きもなかなかカッコよくて、Flashであることの強みを出してます。 LightBox風に画像を表示。Flashならでわの表示の滑らかさが美しい。 JavaScriptではここまで出来ないかも、というFlashギャラリースクリプトでした。

50 Excellent Icon Design Tutorials マスターしてアイコン職人になろう！アイコン作成チュートリアルが50もまとまっています。 全部やって習得すればアイコン職人を名乗ってもよいかもしれません。 The Making of an Icon How To Make An Icon 10 Mistakes in Icon Design Icon Design: Bitmap vs Vector Professional technique for creating icons 全部見る フリーアイコンなんかを使っていて便利だけど、ちょっとイメージにあったものがないときとか、差別化を図りたいだとかいうときにアイコンを作れるといいなぁと思ってしまいますね。 もちろん外注してもよいのですが、自分で作れるといいなと思いました。 関連エントリ WEB開発に活用できる、２００９

as3trick7 - 地図を使った「N-04A」スペシャルサイト にて紹介されていた N-04A のサイトがいい感じですね。自分の知る限り、Google Maps API for Flash を前面に押し出した最初のキャンペーンサイトです。しっかりと作り込んでいて、地図と Flash の連携も大変面白いです。が、詰めが甘かった。JavaScript オフで見ると…あぎゃー。なんじゃこれーと思ってぐぐってみると、Flashのフレームワーク「Progression3」を始めてみよう！：第4回　Progression3でWebサイトを作る（前編）｜gihyo.jp の サンプルサイト が引っかかりました。なるほど、これをベースに作成したんですね！私は普段、JavaScript オフで生活しているので、こういう面白い事例に出会いやすいです。JavaScript オフのとき用のページもしっかり作り