iPad/iPhone VS Androidに戸惑っているWebデザイナ／開発者のために、Web技術でネイティブアプリを作れるオープンソースの開発ツール「Titanium」を紹介し、その利点や使い方を連載で解説します HTML＋JavaScriptでiPhone/Androidアプリを作る Web技術でネイティブアプリを作れるTitanium（1）　iPad/iPhone VS Androidに戸惑っているWebデザイナ／開発者のためにオープンソースの開発ツールを紹介します

PHPやASP.NETなどのサーバーサイドの場合、多言語対応できるようなライブラリが揃っている事が多いですが、javascriptだとあまり有名なライブラリを見ない気がします。 本日紹介する「l10n.js」というライブラリを使用すると言語に依存するメッセージを多言語対応させる事が可能です。 以下のようなコードで実装できるようです。 まずはJSと多言語データのJSONを読み込みます。 . JSONには各言語のデータが設定されています。 { "en-US": { "What is your favourite colour?": "What is your favorite color?" }, "fr": "path/to/french-localization.json" } 最後にlという関数で多言語文字を取得します。 document.title = l("%title.search

CSS3のアニメーション機能「CSS Transitions」をウェブサイトのどこにどのように使うのがよいかを検証するチュートリアルをCarsonifiedから紹介します。 Sexy Interactions with CSS Transitions 「CSS Transitions」の対応ブラウザは、WebkitベースのブラウザであるChrome、Safariとなっています。 下記にさまざまなサイトに利用できる、CSS Transitionsを使用したテクニックを紹介します。 1. アニメーションで背景色を変更 <textarea name="code" class="css" cols="60" rows="5"> #example-1 .example-area blockquote { background: #eee; ⋮ transition: all .3s linear;

Filament Group Lab Example From Page from: Image-free CSS Tooltip Pointers - A Use for Polygonal CSS? 画像なしで実現するCSS吹き出しツールチップ実装サンプルの実装チュートリアルが公開されてます。 CSSのみというわけではなくjQuery UI CSS Frameworkを使っていますが、吹き出し部分が画像でない分、左右・中央に自由に吹き出しがつけられます。 バックグラウンドがいい感じに馴染んでますね。 関連エントリ ピュアCSSで実装された吹き出しのデザイン例色々 これは驚きの、CSSだけで作れる吹き出しボックス

長いリストやコンテンツに表示を小分けにするページネーションを簡単に適用できるスクリプトをThe Silver Liningから紹介します。

郑州展柜制作有限公司 郑州泰达展柜有限公司是国内较知名的展柜制作企业之一。是展柜、展示柜、药柜、化妆品展柜的专业生产厂家，公司主要产品有展柜、钢木结合展柜、产品展示柜、化妆品展柜、展示架、货架、鞋柜、烟酒柜台、化妆品背柜、化妆品高柜、化妆品形象柜、化妆品展示柜、中岛柜、药店展柜(中草药展柜)、补品药柜、参茸滋补品展柜、草药柜、虫草柜、冬虫夏草展柜等。 郑州泰达展柜厂是拥有雄厚的技术实力和丰富的生产经验之一，产品畅销目标为31个省市，自治区，主要包括河南省内的郑州、开封、洛阳、平顶山、焦作、鹤壁、新乡、安阳、濮阳、许昌、漯河、三门峡、南阳、商丘、信阳、周口、驻马店、济源等市区及县城，乡镇。我们设计的展柜产品深受国内购买过展柜的客户的好评，部分展柜还准备参加一些国际展览展示会进行宣传推广。 1、材料选择：MDF密度板、大芯板、防火板、亚克力、玻璃等，一般采用中纤板烤漆或外贴实木纹饰面板或银镜、

こんにちは。きんくまです。 ひきつづきProg4です。 Prog本によるとPRML形式のXMLを使う事で、シーン（実際に見えるページではなく構造だけ）を動的に生成することができるそうです。 PRMLはProgressionで定義されているXMLの一種で、公式にもマニュアルがありました。 >> PRML リファレンス それで、これを使って動的にサイトのシーン構造を生成して、さらにそのXMLにシーンごとのデータを埋め込むことができるので、結構いろいろなことができます。 そんで、prog本を参考にしつつ作ってみました。 まずもととなるXML ■scenedata.xml <?xml version="1.0" encoding="utf-8" ?> <prml version="2.0.0" type="text/prml"> <scene name="index" cls="IndexScen

こんにちは。きんくまです。 今度はベースとなるシーンクラスやページクラスを作って、それを再利用してみました。 ↓今回つくったやつ（画像クリックでとびます） インデックスがあって、 その下に３ページならびます サイト構成はこんなかんじ ライブラリに3つだけならぶ。BasicPageを再利用してPage1～3のそれぞれを作成します。 各ソースです。 ■Index package { import jp.progression.casts.CastDocument; import jp.progression.config.WebConfig; import jp.progression.debug.Debugger; /** * ... * @author ... */ public class Index extends CastDocument { public function Inde

こんにちは。きんくまです。 先日発売されたProg本を早速購入しました。 >> ProgressionによるFlashコンテンツ開発ガイドブック (単行本（ソフトカバー）) 私はProgression2の頃に１回セミナーにいったことがあったのですが、少しさわってみて 正直わからん！となってしまい、そのあと機会を見つけてはチャレンジ　> よくわからん！の 繰り返しでした。 ところが、上の本のチュートリアルを読んだところ、これがすごくわかりやすくてよかったです。 Web上で何回か公式のチュートリアルもやってはみたのですが、いまいちピンとこなかったんです。 が、何故か書籍版だとしっくりきました。 この本の後半が逆引きリファレンスとなっているので、そのあたりも合わせて読めたからよかったのかもしれませんね。 そんで、１回は実案件でやってみようと思い、今日一日やってみたところ、なんとか実案件で ひっか