25 Essential Chrome Extensions for Web Designers & Developers – Speckyboy
25 Essential Chrome Extensions for Web Designers & Developers Chrome extensions offer a powerful way to enhance the design process and your workflow. They build on the solid foundation provided by Chrome Dev Tools, offering specialized functionalities that cater to the unique needs of web design and development. By integrating these extensions, you can significantly expand your browser’s capabilit
モバイルサイトを作るときに参考になるサイト – creamu
Mashableで、モバイルサイトを作るときに参考になるサイトが紹介されています。 いくつかご紹介しますね。 Mippin RSSを使ってサイトのモバイル版が作れるサービス WPtouch WordPressをiPhoneやAndroid携帯に対応させてくれるプラグイン Mobify デバイスごとの表示をリアルタイムに確認しながらCSSを編集できる。A List Apartがこれで作られた iPhone Compatible CSS Layouts iPhoneに対応したCSSレイアウトを配布 Smashing Magazines’s Mobile Design Showcase 9月にSmashing Magazineがまとめた、iPhoneデザインまとめ CSSiPhone iPhoneサイトのCSSギャラリー A List Apartの例はとてもいいですね。 一度見てみてください。
モバイルサイトマークアップ5つの小技 : LINE Corporation ディレクターブログ
こんにちは。10月の組織編成でブログビジネス部に異動になりました飯田です。 普段はディレクターしてますが、時にモバイルサイトのマークアップをするときがあります。以前、こちらのエントリーでモバイルサイトを作るうえでのノウハウを紹介していますが、本エントリーではもう少し実践的な「モバイルサイトで○○を表現するには」をすごく簡潔に紹介してみたいと思います。 ある程度の端末で正常に表示されることを確認していますが、一部を除いて正常に表示されない場合もありますがご了承ください。なお、本エントリーで紹介している記述はわかりやすいように style 属性を全てインラインで記述しています。 見出しに背景色 div タグXHTML 対応の端末であれば下記のタグで簡単に見出しに背景色をつけることができます。 <div style="background-color="#0000ff;">ほげほげ</div>
IE 6とIE 7のためのCSSハック16選（1/3） - ＠IT
有限会社タグパンダ 喜安 亮介 2009/11/17 Webブラウザごとのレンダリングエンジンの違いにより起こるレイアウトの表示ずれ問題に泣かされるWebデザイナのために、Webブラウザごとに使えるかどうかの表を交えながら問題を解決するためのCSSハック＆フィルタTipsをお届けします（編集部） Webブラウザ別CSSハック一覧表 前回の「IE 6で泣かないための、9つのCSSハック」では、仕様通りの正しいコーディングを行っているにもかかわらず、Internet Explorer（以下、IE） 6で見ると、レイアウトがズレてしまうなどのさまざまな問題を解決するための9つのテクニックを紹介しました。 今回は、IE 6とIE 7のためのCSSハックのテクニックを下記に分けて紹介します。 IE 6をハック（IE 6のみに効く、もしくはIE 6のみに効かないハック） IE 6のみに効くハック スタ
Use compression to make the web faster
Every day, more than 99 human years are wasted because of uncompressed content. Although support for compression is a standard feature of all modern browsers, there are still many cases in which users of these browsers do not receive compressed content. This wastes bandwidth and slows down users' interactions with web pages. Uncompressed content hurts all users. For bandwidth-constrained users, it
Mobile Design and Development
Read it now on the O’Reilly learning platform with a 10-day free trial. O’Reilly members get unlimited access to books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers. Mobile devices outnumber desktop and laptop computers three to one worldwide, yet little information is available for designing and developing mobile applications. Mobile Design and De
GT Nitro: カーレーシング・ドラッグレーシングゲーム - Google Play のアプリ
GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー！古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠
携帯電話向けWebアプリのセッション管理はどうなっているか - ockeghem's blog
最近購入したPHP×携帯サイト 実践アプリケーション集を読んでいて妙な感じがしたので、この感覚はなんだろうと思っていたら、その理由に気づいた。本書に出てくるアプリケーションは、PHPのセッション管理機構を使っていないのだ。そんな馬鹿なと思ったが、目次にも索引にも「セッション」や「session」という語は出てこない。サンプルプログラムのCD-ROM上で session を検索しても出てこないので、セッションはどこでも使っていないのだろう。 そうは言っても、本書にはブログやSNSなど認証が必要なアプリケーションも登場する。本書で採用している認証方式はこうだ。 携帯電話の個体識別番号を用いた、いわゆる「かんたんログイン」のみを使う 認証状態をセッション管理機構で維持しない。全てのページで毎回認証する そのため、「iモードID」など、ユーザに確認せずに自動的に送信されるIDを用いる つまり、全て
ウノウラボ Unoh Labs: iモードブラウザ 2.0まとめ
こんばんは、五十川です。 ご存知の通り、5月以降に発売開始されたNTTドコモの携帯電話の殆どには、新しいiモードブラウザ 2.0が搭載されています。iモードブラウザの大幅な仕様の拡張はi-XHTMLの登場以来ということになりますが、iモードの登場から10年経って登場した新しいブラウザは、i-XHTMLのときよりも遥かに大きな、過去最大の変化を遂げています。 iモードブラウザ 2.0の詳細は、ドコモ公式のiモードブラウザ 2.0にまとめられています。以下では主要な変更点を確認していこうと思います。 キャッシュ容量拡大 1画面あたり読み込めるデータの最大量が、従来の100Kバイトから500Kバイトに、大幅に拡大されました。ご存知の通りiモードの場合この値は、画像などの外部リソースもすべてひっくるめた値ですが、iモードブラウザ 2.0では、新たにCSSファイルやJavaScriptファイルも外部
cakephpで携帯サイトを作る-絵文字対応編-(MobilePictogramConverterとNet_UserAgent_Mobile) - 適当な日々
フリーランスでwebの仕事をしながらwebサービスとかを作ったり作らなかったり、成長と挫折の記録・・・かもしれないゼロから携帯サイトを作ることになったので、cakephpを使って携帯サイトを素早く構築してみる。 携帯サイトを作るとなるとネックになるのが携帯独自の機能の実装。 すごくおおざっぱに分けると以下の３つかな キャリア依存絵文字 端末毎の動作の違い セッション管理 んで、これを実現させるとなるとなにが必要かということですが、それぞれこんな感じ キャリア依存絵文字 端末のキャリア判別→絵文字を対応するキャリアのものに変換してやる 端末毎の動作の違い これは細かくやるときりがないけど、動きとしては端末の種類を判別→独自処理に振り分ける といった感じ セッション管理 すべてのリンクにセッションIDを付与する or 端末IDを取得しDBに格納する とこう書くとすごくめんどくさい感じだけど
携帯サイト form 入力文字指定一覧 モバイルサイト開発者の裏メモ
３キャリア向け携帯サイト作成で相違のあるフォームformの記述例 ドコモ istyle="1" 全角かなモード istyle="2" 半角カナモード istyle="3" 半角英字モード istyle="4" 半角数字モード au format="*A" 半角英字（大文字）モード format="*a" 半角英字（小文字）モード format="*N" 半角数字モード format="*X" 半角英数（大文字）モード format="*x" 半角英数（小文字）モード format="*M" 全角かなモード format="*m" 全角英字モード ※頭の*は文字数の指定。 最大文字数の制限ではなく、確実に必要な文字数の設定。 ソフトバンク mode="hiragana" 全角かなモード mode="katakana" 全角カナモード mode="alphabet" 半角英字モード mode=
第2回 ユーザービリティを高める開発プロセスとは？
皆さんは，自分が構築するシステムがユーザーにとって使いやすくなるように，普段から何か工夫をしていますか？レスポンスなどの性能要件や，情報漏えい対策などのセキュリティ要件は，十分に考慮していると思います。これら性能要件やセキュリティ要件と比べると，使いやすさ，すなわちユーザビリティについて考慮することは少ないのが現実ではないでしょうか。 ユーザビリティを向上する施策は，以前から研究・実践されてきました。しかし，それは，ユーザビリティに関する高度なスキルや知識を持ったプロフェッショナルによって実施されることが多く，特に情報システムの分野では実施されることは少なかったのです。ユーザビリティの向上施策は，高度なスキルと知識がなければできないものと思っている方が多いと思います。しかし，やり方が分かれば，実践できることは多いのです。 筆者が所属する日立システムアンドサービスでは「ユーザビリティを向上す
IT news, careers, business technology, reviews
Heads on: Apple’s Vision Pro delivers a glimpse of the future
3キャリア(+PC)対応のPHPの絵文字変換ライブラリまとめ - 15Pub
絵文字変換ライブラリにはいろいろありますが、制作者側が表示したい絵文字を1文字指定して変換するライブラリではなく、ユーザーから投稿されたテキストの絵文字部分を3キャリア（＋PC)に変換できるライブラリのまとめ。 MobilePictogramConverter 絵文字変換ライブラリ 2007/10/25公開 2008/01/31最終更新 実際に使っているレポートもいくつかあって、それなりに安定している印象 あきやんさんも（絵文字除去に）採用していたりしている バイナリやWeb用のコードが変換できたり、絵文字の除去ができたり、高機能 Text_Pictogram_Mobile(＆sfPictogramMobilePlugin) 2008/02/28公開 2008/05/01最終更新 symfonyプラグインから始まっている絵文字変換ライブラリ Ethnaに組み込む例もあった
Howgry | Universe Of Knowledge - Universe Of Knowledge
Universe Of Knowledge
7 Rich & Creative User Interfaces and How to Create Your Own - noupe
There are plenty of perfectly acceptable and functional websites out there that don't use dynamic content. But what if you want to give your site that little something extra that makes your visitors say "Wow"? What then? Maybe you'll find your answer below. There are tons of great, creative user interface options featured below, from modal windows to live search to hover effects. But they aren't j
まずは、mixiアプリを使ってみよう、作ってみよう
まずは、mixiアプリを使ってみよう、作ってみよう：基礎から分かる、mixiアプリ作成入門（1）（1/3 ページ） mixiのアプリ？それって何？ 「mixiアプリ」は、iGoogleのガジェットのように、SNS「mixi（ミクシィ）」上に組み込まれて実行される、Webアプリケーションです。主に、JavaScript＋XML＋HTML＋CSSで作ります（やり方によっては、Flashなども使える）。 誰でも開発でき、人が開発したmixiアプリを自分のマイページなどに自由に組み込むことができます。また、Webアプリケーションのため課金方式は異なりますが、iPhoneアプリのようにmixiアプリを作って公開することで報酬を得ることもできます。 mixiアプリは、2009年6月現在、オープンβ環境のみで利用可能となっています。正式版は、8月公開予定です（参考：「mixiアプリ」8月に正式公開 販売
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Make Your Results Look Better on Google.com
http://www.rcdtokyo.com/ucb/contents/i000865.php
IDEA * IDEA
