DoCoMo向けにCSS指定をインラインに埋め込むPHPライブラリ「toInlineCSSDoCoMo」作りました
こんにちは。Windowsの最大の発明はゴミ箱の標準装備だと思っている亀本です。 追記：Mac信者の某氏にゴミ箱はWindowsの発明じゃないと突っ込まれてしまいました。すみません<(｡_｡)> 昨日はグリーさんのオープンソース勉強会に参加してきました。 今回の講師はDeNAの川崎さんで、わりとモバイル屋さんな自分としてはぜひともチェックしておきたいなと思って参加してきました。 勉強会・懇親会ともなかなか面白い話が聞けたり、変な人がいっぱいしたりしてとても面白かったです。 モバイルをやっているといつも面倒なのは、テンプレートの扱いです。 そのあたりのまとめは以前このブログでうちの高橋さんが超まとめてくれた記事があるので、そちらをご参照ください。 とくにDoCoMoのCSS(i-CSS)は開発者泣かせですね。インラインのみに対応とか、開発しにくくて涙ちょちょぎれそうです。 さてさてそんなDo
モバゲーのような携帯サイトを作るための12のTips 携帯ホームページを作ろう！ -ちょっと詳しいモバイルサイトの作り方-
当ブログが携帯サイト作成法に関する記事をかいていることから、読者の方から、 『モバゲーのような携帯サイトを作るためにはどうしたらいいんですか？』 っていう質問を最近良く受けます。 おそらく、モバゲーがとても有名で、ある種モバゲーが携帯サイト界のデファクトスタンダードのような 位置づけになってきているのでしょうか。 確かに、携帯サイトを作ってきている身としても、 モバゲーのサイトデザインにするには、結構難しいことも多いし、学ぶことも多い。しかし、最近の携帯サイトは、実機からしかアクセスできないようになっていて、PCからコードを覗くことができないことも多く、学ぶことも難しいようです。 ということで、今回は実際にモバゲータウンに携帯でアクセスして、携帯の画面を見ながら、デザインを真似て新しく自分なりに作ってみましたので、そこから得た経験をTipsとして公開したいと思います。 ちなみに、左のスクリ
第11回 Webデザインの仕事で活用している厳選アプリ・ツール（1） | gihyo.jp
(X)HTML/CSS関連の記事が続きましたが、今回と次回の記事では私自身も仕事で活用している、なくてはならないアプリケーション・あると便利なツールを、オンラインツール・デスクトップアプリケーション問わずご紹介します。 今までいろいろなアプリケーション・ツールを試してきている中で、長く使っていて本当に便利だと感じたものかつ、仕事で実際に活用しているもののみを厳選しています。ぜひチェックしてみてください。 なお今回は、テキストエディタ・ブラウザなどの基本的なツールを中心に紹介していきます。 テキストエディタ 簡単な文書を書いたり、一時的なメモをするために気軽に立ち上げられるツールでもあり、HTMLやCSS・各種CMSのテンプレートなどを書くための必須ツールでもあります。 高価なオーサリングソフトを使わなくても、小規模なサイトのHTML/CSSであればこれだけで十分と思えるほどです。 skEd
iPhone 3G発表記念! iPhoneにおける次世代モバイルブラウジングの波｜gihyo.jp … 技術評論社
ここでは、次世代モバイル機器として台頭してきているiPhoneについて、実際のiPhone対応サイト制作やアメリカ動向とともに、今後の展望を占います。 iPhone（日本商標：アイフォーン）の基礎知識 iPhoneは、2007年6月29日にアメリカで発売されたスマートフォンに位置付けられる携帯電話です。それまで、アメリカ国内でモバイル経由でWebにアクセスしている人は全体利用者数のうち10％以下でした。しかし、iPhoneにはWebブラウザのSafariが標準搭載されており、従来のモバイル特有のインターフェースによる制限がなくなったうえ、無線LANに対応していることから、登場以来多くの人がiPhone、すなわちモバイル経由でのWebブラウジングを行うようになりました。 また、iPod touchと共通のタッチパネルを採用することにより、「つまむ」「広げる」「滑らせる」などの操作が可能
p15.jp
先日リリースされた Twister が暫定的に Twister Alternative として復活しています。 私たちはGoogle App Engine(GAE)をインフラとしたサービスとしてTwisterをリリースしましたが、GAEの 機能制限のため正常にアクセスできない状態がつづき、ご利用の皆様にご迷惑をおかけいたしました。 現在、GAE版を安定して稼動させるために調整を行っておりますが、その間も皆さんにTwisterをお楽しみ いただくために、暫定的にTwister Alternativeをリリースいたします。 * 制限： – Google App Engine版のTwisterとの間でデータの共有はできません – 将来的なサービスの継続を約束するものではありません Twister Alternative お休み中に繰り広げられていた Getting Over Quota 劇場を見
YUI Libraryを用いたCSSベースのレイアウトに移行する - builder by ZDNet Japan
DX推進を阻害する3つの要因 プロフェッショナルが語る データ分析・データ活用の実現 自社利用の知見・経験を顧客に提供 コンテナ活用を推進する日立製作所 VMware Tanzuを利用したモダナイズを伝授 特集：IT最適化への道 成功の秘訣をその道のプロが解説 カギとなるのはシステムの「見える化」 VMware 渡辺氏に聞く 顧客のデジタル変革のために 自らも改革を続けるヴイエムウェアの戦略 セキュリティモデルは変わった！ クラウド活用、リモートワークはあたりまえ いま求められるゼロトラスト実現のために 新しい働き方にあわせて変革を！ デバイスの運用管理やサポートを再考する時 ひとり情シスが考えるPCライフサイクル 大学、研究機関、製造業など いま目覚ましい躍進ぶりを見せるデルのHPC その背景と選ばれる理由にせまる RPAによる自動化を年30万で実現 小さな投資が目に見える大きな効果に！
ウノウラボ Unoh Labs: CSSによるデザインワークと相性のよいHTMLって？
yamazakiです。最近だいぶあたたかくなってきましたね。おかげで日中眠くて仕方ないわけですがいかがお過ごしでしょうか。 ウノウに入る以前も含めてそれなりに長いことHTMLとCSSを書いてきたわけですが、今回は試みに、「だいたいこういうところに気を使われたHTMLだと、CSSでのデザイン適用やレイアウトがやりやすいな」というこれまでの経験則を簡単ですがまとめてみたいと思います。 まあ、このあたりはCSS書く人とHTML書く人の間でちゃんとルールを決めておけばいいだけの話なので、そもそも何の役に立つのか疑問といえば疑問ですが（笑 たとえばユーザがCSSを書いてスキンを作れるようなサービスを作る際、どういったHTMLにするかを決める、みたいな時には少し参考になる、かもしれません。 ID、クラスを適切に割り振って、要素がCSS側から一意に特定できるように たとえばグローバルナビゲーションとカ
[Think IT] 第1回：ルールを作ろう！ (1/3)
【即実践！HTML+CSS】 チームによるWeb制作の現場 第1回：ルールを作ろう！ 著者：イー・アクセス 佐藤 恵 公開日：2008/04/03（木） ルールはなぜ必要？ 2008年4月の特集2では「即実践！HTML+CSS」について取り上げています。その中で本連載では、実際の現場の話や取り入れやすい実践的なテクニックなどを紹介していきます。第1回の今回は、現場におけるコーディングのルールについて、筆者が携わっている「JP.AOL.COM （http://www.jp.aol.com/）」で用いられている実践例をもとに解説していきましょう。 さて、読者の皆さんはWebサイトを運営するにあたって、HTMLファイルを共有する際に何かルールを設けているでしょうか？ 例えば、コードの記述方法に関して、はじめにテンプレートを作った人とファイルを更新／修正する人でコードの書き方が違うと、統一性のなく
CodeEXPRESS | デザインを(X)HTML/CSS化する特急コーディング専門サービス
CodeEXPRESSは、あなたのデザインを(X)HTML/CSS化する特急コーディングサービスです。最短１日納期から。CodeEXPRESS（コードエクスプレス）の特徴 CodeEXPRESS は、お客様がお送りいただいたデザインファイルから、(X)HTML/CSSのコーディングを特急で行うサービスです（最短１日から※）。 コーディングに特化することで、短い納期の対応を実現いたしました。 いただいたデザインを忠実に再現するだけでなく、文脈・内容を判断しながら手作業で HTML/XHTML 化いたしますので、ソースレベルでの SEO 対策が可能です。 W3C の Markup Validation Service のチェックはもちろん、弊社独自のガイドラインを整備することにより、高品質を維持しています。 ※ ページ数・レイアウトパターンにより、特急対応できないケースもございます サービス
アルファブロガーになりたくて──アウトプットにこだわる「CREAMU」川下さん
ひとりで作るネットサービス第25回は、ネット企業にデザイナーとして勤める傍ら、ネットサービスの開発、有名ブログの運営、バンドでの作曲・パフォーマンスなど、幅広く活動されている川下城誉さん（29）に話を聞いた。「常に上には上がいる。がんばるしかない」と力強く言い切る川下さん。その仕事術とはどういったものだろうか。 「アウトプットすることによってしか成長できない」 「自分でネットサービスを作って得たことは、『どうやったら、はやるサービスを作れるか？』を常に考えられるようになったことです」。川下さんは個人の生産性を高めるためのサービスを作っているが、本人も認めるようにヒットしているわけではない。ただ、作り続けることによって得るものがある、ときっぱりと主張する。 作ったネットサービスの中でも自分でよく使っているのが「TimeHacks」。「○○時までに○○をする」を登録していくだけのシンプルツール
40分でできるホームページ診断 ～最低限クリアしたい40項目のチェックシート | Web担当者Forum
40分でできるホームページ診断 最低限クリアしたい40項目のチェックシート［訪問者目線編 2008年版］ SEO？ ユーザビリティの向上？ それ以前にしなきゃいけない「サイト作りの基本のキ」を、あなたのサイトではちゃんとできているだろうか？ 高度な施策に目を向ける前に、最低限クリアしておきたいチェックポイントをまとめてみた。あなたのサイトは何点とれるだろうか？ TEXT：編集部 協力：株式会社 環 ウェブサイト作りの基本のキSEOやユーザビリティに限らず、キーワード広告、アクセス解析、LPO、リッチインターフェイスなど、サイトの効果をアップさせる手法はさまざまあり、Web担でも詳しく解説してきている。 しかし、そういった施策にコストを割く前に、現状の自社サイトが、訪問者が「あれれ？」とマウスをうろうろさせてしまうような状態になっていないか確認したことがあるだろうか。 そんなあなたのために、
短期集中連載企画： コレだけ読めばバッチリお勧め書籍紹介「第 1 回 XHTML+CSS 編」 | バシャログ。
バリバリの現場スタッフである当ブログの執筆者が、それぞれの得意分野でお勧めの書籍をご紹介する短期集中連載企画。全 8 回の予定でお送りします。 第 1 回目は 「XHTML+CSS 編」です。 STEP1 「なぜ WEB 標準に準拠する必要があるのか」 現役のデザイナーやコーダーでも「なぜ WEB 標準に準拠する必要があるのか？」を理解している人はそれほど多くないのではないでしょうか。 まだ WEB 標準が一般的ではなかった時代、当時主流だったテーブルでのレイアウト手法に慣れてしまっていた自分は、それまでに培ったノウハウとは違うベクトルの技術を覚えるために時間を割くことに抵抗がありました。 しかし、この本を読んで頭の中のモヤモヤは消し去りました。そして必死に XHTML+CSS を勉強し始めました。 この本には XHTML や CSS の実践的なテクニックはそれほど書いてありません。しかし
63歳の世界的デザイナーが挑む、新しきウェブデザインの世界 - CNET Japan
日本航空の鶴を使ったマーク、ティファニーの広告デザイン、楽器メーカーであるナカミチのコンセプト設計――これらのすべてに携わった日本人のデザイナーを知っているだろうか。米国ニューヨークに本拠を置くKatsuji Asada氏がその人だ。世界的なブランドのデザインやアートディレクションを数多く手がけるAsada氏が、新たな活躍の場としてウェブの世界に飛び出した。 インデックス・ホールディングスとサイボウズの共同出資会社であるZINGAが開発したビジネスパーソン向けのコミュニケーター「Zinga」。PCと携帯電話の両方に対応し、メールや電話などビジネスパーソンが業務に必要な連絡をすべて一カ所で取れるようにしたサービスだ。Asada氏はこのサービスのアートディレクターを務めている。 ZINGA代表取締役社長の大森洋三氏と旧知の仲であったことから実現した今回の企画は、インターネットサービスのデザイン
IM::MEMO: Hawkeye - ユーザー目線のWeb開発補助ツール
Fenrir Developer Labs (Fenrir & Co.) から Sleipnir 上で使用できるWeb開発補助ツール Hawkeye の試験公開を開始しました。 また、機能の種類ではなく作業の種類別に機能を配置することで、必要な機能だけを使うことができるシンプルな UI を目指しています。 Sleipnir 用の Plugin にはいくつかの路線(ターゲット層)があり、SeaHorse、UserAction Extension のように非常にパワフル(上級者向け)なものから、 Headline-Reader Plugin、Hawkeye のように誰もが親しめるものまで平行開発されています。 アクセサリ的で(ツール)開発者目線の既存のWeb開発補助ツールに比べて、Hawkeye の場合はシッカリと "使えること" をアピールしています。目的別にメニューが用意されていますので非
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSS Nite公式ブログ:CSS Nite in Osaka, Vol.8フォローアップ（5）
http://note.openvista.jp/268/
角丸や矩形だけではない、タブ型ナビゲーションのデザイン集 | コリス
ウープスデザインブログ
https://www.openvista.jp/archives/note/257/?257/