SitePoint: New Articles, Fresh Thinking for Web Developers and Designers WebデベロッパやWebデザイナにとって差し迫った課題のひとつに、WebサイトをどうやってiPhone 4に対応させるか、といったものがある。iPhone 4の画面解像度はiPhone 3GSの4倍。縦が2倍、横が2倍の解像度になっている。このため、スケーラブルなデータを表示させた場合、iPhone 4とiPhone 3GSでは表示されるデータの美しさに大きな違いが現れる。iPhone 4の表示は美しい。 しかし、PCやiPhone 3GS向けに用意した画像はiPhone 4では従来通りの見た目で表示される。サイズのバランスをとるために1x1ピクセルを2x2ピクセルに拡大して表示するためだ。これではiPhone 4のRetinaディスプレイの性能

sakef.jp 2024 著作権. 不許複製 プライバシーポリシー

Flash CS5 の TLF テキストでは、クラシックテキストでは実現できなかったサロゲートペア文字の入力が可能になりました。 Flex 4 に置き換えて表現すると、MX のテキストコンポーネントでは実現できなかったサロゲートペア文字の入力が SPARK のテキストコンポーネントでは可能…ということになります。 さらに TLF には CharacterUtil というクラスが用意されており、任意の文字コードが上位サロゲートか下位サロゲートかを調べることができます。この機能を組み合わせることによって、任意の文字列がサロゲートペア文字かどうかを調べることもできます。 サンプル ( 画面とソース : Flex 4.1.0.16076 でビルド ) http://labs.taiga.jp/flex4/TLFSample09/ http://labs.taiga.jp/flex4/TLFSamp

単語ﾄﾚｰﾆﾝｸﾞ 単語ﾄﾚｰﾆﾝｸﾞFree 漢字の練習帳 六年生 漢字の練習帳 五年生 漢字の練習帳 四年生 漢字の練習帳 三年生 漢字の練習帳 二年生 漢字の練習帳 一年生 JUMPIN'maru えいごのれんしゅうちょう YURAx2GIF 作文メーカー 作文メーカー FREE版 すうじのれんしゅうちょう カタカナれんしゅうちょう ひらがなれんしゅうちょう TOKINOWA ToiletTime ni-frame

Interactive Photo Desk with jQuery and CSS3 | Codrops 机の上に写真を無造作に並べたような写真ギャラりー実装デモ。 jQueryとCSS3を使って次のようなドラッグ＆ドロップも可能なギャラリーを作ることが出来ます。 ソースのダウンロードも可能なので参考にしてみましょう。 Flashを使わずともこうしたことが出来るのはよいサンプルかもしれません。 ちょっと変わったギャラリーを実装したい際の参考にしましょう。 関連エントリ jQueryを使ったFlashばりにクールなギャラリー「GalleryView」 高いカスタマイズ性を持つ画像ギャラリー実装用jQueryプラグイン「AD Gallery」 JavaScript製の画像スライダー・ギャラリーいろいろ

Geolocation クラスの使い方は前回説明した Accelerometer と良く似ています。 Geolocation.isSupported 属性を使うと、実行環境で Geolocation が使えるかどうかを確認できます。値が true なら利用可能、false なら利用不可を意味します。 if (Geolocation.isSupported) { // Geolocationの機能が利用できる } 位置情報といえば GPS が有名ですが、GPS 以外の手段で位置情報を取得するデバイスもあります。そのため、isSupported の値が true であることは、必ずしも GPS が搭載されているという意味にはなりません。 また、GPS 情報が受信できない場合の補助用に、複数の測位システムを搭載しているデバイスもあります。このようなデバイスでは、アプリ実行中に利用する測位情報シス

sakef.jp 2024 著作権. 不許複製 プライバシーポリシー

Plugins | jQuery Plugins 指定したセレクタ内の文字サイズの拡大/縮小に超便利な「FontScale」。 $(element).fontscale('p', 'up', {unit:'px', increment:1}); のように記述するだけで、element 内のフォントサイズが簡単に大きくできます。 upをdownに変えれば縮小させることが出来ます。3番目の引数で、単位と増加量を指定できるので細かな調整が可能。 文字を大きくする、小さくするといった操作を簡単に実装できてしまいます。 拡大・縮小の他にも、リセット機能があるので、大きくしすぎてしまっても安心です。 リセットする場合は、$(element).fontscale("p","reset"); のよう呼び出してあげるだけです。 関連エントリ コンピュータに指定フォントが入ってるかチェックできるjQueryプ

繊細のポイントは「気がつくかな？」ぐらいにすること。 そんなわずかな繊細をウェブデザインに加えるスタイルシートを紹介します。 Take Advantage of CSS3 to Achieve Subtle Design デモページ 下記は各ポイントを意訳したものです。 はじめに 繊細の大事なポイントは人々が気づかないかもしれない、そして記憶に残らないくらい非常にささやかなものにすることです。 私はこれが初耳だという人がいることを疑います。これは感覚と認識研究によって述べられたよく知られている概念の一つです。 繊細なデザインが難しいのは、「もう少し多くした方がいいのかな？」と容易に思えてしまうところです。このことを知らないと、繊細は失われるでしょう。 以上を踏まえた上で、ウェブデザインにさまざまな形の繊細を提供するために使用できる三つのCSS3のテクニックを紹介します。 1. transi

Animated table sort (REGEXP friendly) デモ 上記デモではヘッダをクリックすると、各データがアニメーションでソートされます。 スクリプトは正規表現をサポートしており、数字やASCII文字を上昇あるいは下降を用いてソートするかどうかをコントロールすることができます。 Animated table sortはjQueryのプラグインのため、実装にはjquery.jsが必要です。

本を買わずに解決するWeb制作の小技 ホームページ作成でちょっとしたことを参考書を買わずに解決する方法をPHP CSS Webデザイン jQuery Flashを中心に便利な技をまとめていきます！現在、長野県長野市の制作会社でWeb作成中！ 画象とか表示されたときにサイズを取得して縦が長いのか横が長いか 調べたり、要素のサイズを知りたいときに簡単な方法を調べていたら ありました！ jQuery で要素の表示時の縦横サイズ取得、あと img 要素の onload とか $(function() { $(window).bind('load', function() { alert($('#image').width()); alert($('#image').height()); }); }); jQueryで要素の表示された後に縦横サイズを取得できるみたいです！ こんど使ってみます。 $(

SitePoint: New Articles, Fresh Thinking for Web Developers and Designers Is HTML5 Viable Today? - SitePointにおいてHTML5に関して最近実施した投票結果が紹介されている。「いつごろからHTML5の使用を開始するか」という質問に対して意見を集めたもの。紹介されている投票結果は次のとおり。 すでにHTML5を使っている - 23% すぐにHTML5を使いだそうと考えている - 28% HTML5が安定してきたら使おうと思う - 46% HTML5は採用しない - 3% 約半数がHTML5の採用はまだ時間が必要だと見ていることになる。こうした結果を踏まえつつ、Craig Buckler氏が5 Reasons Why You Can Use HTML5 Todayにて、すぐにでもHTML5を