スマートフォンサイトの作成術 - 大川洋一
The document discusses various techniques for developing mobile web applications, including: 1. Using viewport meta tags to control layout on different screen sizes. 2. Storing cached content in Web Storage instead of cookies for better performance on mobile. 3. Loading images lazily via Ajax to improve perceived performance. 4. Detecting device orientation changes and resizing content appropriate
1要素1クラス、画像を一切使わずCSSで実装するiPhone UI
1要素に1クラスを指定するだけで、画像も使わずさっと作れるiPhone風CSSライブラリを作ってみました。 最近Macがほしくてたまらないえどです。こんにちは。(降ってこないかな・・) ↓実際に動いているデモはこちら(iPhone向けに作っているため、iPhone/Safariでしか最適化されていません) 1要素1クラス、画像を一切使わずにCSSで実装するiPhone UI - jsdo.it - share JavaScript, HTML5 and CSS ちなみにiPhoneで実際に見るとこんな感じに見えます↓ iPhoneで実際に見るには、以下のURLから見れます↓ (jsdo.itだとviewportが使えないため、ブログ自体にデモをアップしました) http://goo.gl/s5fV 1要素1クラスで実現する 今回のサンプル作成でこだわったのは、1要素に1クラスを指定すること
Nuxeoによるfiseセマンティックエンジンの紹介
原文(投稿日：2010/09/02)へのリンク Nuxeo社の社員ブログに最近投稿された記事のなかで、NUXEOが貢献しているオープンソースのRESTfulなセマンティックエンジンであるfise (Furtwangen IKS Semantic Engine)が紹介されている。fiseの目的は、開発者に、開発の際の足がかりとなる再利用可能なHTTPセマンティックサービスの一群を提供することで、セマンティックに関する新しい機能や、流行の機能をCMSにもたらすことだ。fiseは、セマンティックWebを利用可能にすることで、CMSの提供範囲を広げようという、より大きな取り組みであるIKS(Interactive Knowledge Stack)の一部である。 セマンティック・エンジンは、非構造データ(テキストファイルなど)を入力として受け取り、検索可能なインデックスと用語索引を生成し、入力データ
Rubyによるスマートフォンアプリ開発を可能にする開発フレームワーク「Rhodes 2.0」 | OSDN Magazine
米Rhomobileは5月4日（米国時間）、クロスプラットフォームのモバイルアプリ開発フレームワークの最新版「Rhodes 2.0」を発表した。HTMLおよびRubyを利用してアプリケーションを開発できるMVCフレームワークで、AndroidやiPhone、Windows Mobileなどさまざまなモバイル向けプラットフォームに対応する。 RhodesはRubyおよびHTMLなどのWeb開発スキルを利用して、複数のモバイルプラットフォーム向けにアプリケーションを開発できるMVCフレームワーク。AndroidやSymbian、iPhone/iPad、BlackBerry、Windows Mobileなど主要スマートフォンプラットフォームに対応、ネイティブに動くアプリケーションを構築できる。 最新版ではメタデータフレームワークが加わり、バックエンドの業務システムとの連携が容易になった。このほか
モバイルサイトデザイン集のモバイルデザインアーカイブ 公式サイト
モバイルデザインアーカイブとは？ 携帯サイトを制作する上で、「ケータイサイトを参考にしたいけど、仕事に役に立つケータイサイト集ないかなー？」と思っているデザイナーの方へ向けて公開させていただきました。 そんなモバイルデザイナーのモバイルデザイナーによるモバイルデザイナーのための国内最大の携帯サイト集です。 モバイルサイト制作を請け負ったけど、「なかなかデザインがまとまらない」「洗練 された携帯サイトのデザインを参考にしたい」といった方のために、優れたデザインの ケータイサイトを集めました。 デザインに優れた携帯サイトはもちろん、技術的に優れた携帯サイト、そして現在のウェブトレンドを捉えた携帯サイトを掲載しています。
CodeRepos::Share – Trac
モバイルのウェブ開発の際に PC のブラウザで見れるように HTML をレンダリングしてくれる Web アプリケーションです。 つかいかた とりあえずつかうだけなら svn co http://svn.coderepos.org/share/lang/ruby/ssb/trunk/ ssb cd ssb/ rake setup ruby ssb-webrick.rb でいけます。 末永く使いたい場合は mod_ruby を使うのもよいかもしれません。 scrapi, lha, ghostscript, imagemagick がないと絵文字の scraping に失敗して絵文字が表示できません。 携帯端末情報 機種変更時に利用される携帯端末情報は、ke-tai.orgの携帯電話スペック一覧を利用しています。 端末情報を最新のものに更新するときはシェル上で以下のコマンドを入力してください。
Acid2 Browser Test - The Web Standards Project
Acid2 is a test page, written to help browser vendors ensure proper support for web standards in their products. Please take the Acid2 test! If you’d like more in-depth information about the Acid2 test, we’ve provided a detailed technical guide that explains how the test works. Note: Some 827 people (rough estimate, contents may have settled during shipping) have written to point out that the CSS
IE7.js登場 - IEのCSS/HTML非準拠はこれで対応 | エンタープライズ | マイコミジャーナル
Dean Edwards氏は7日(米国時間)、IEの動作をW3C標準仕様へ準拠させるためのライブラリIE7.jsの最新版を公開した。IE7.jsはJavaScriptで開発されたMS Internet ExplorerのHTML/CSS表示を調整するライブラリ。IE7.jsを使うことでMSIEのHTML/CSSまわりの表示処理をよりW3C標準規約に準拠したものにする。IE5やIE6で透過PNGを表示できるようにもなる。 IE7.jsは基本的にMSIE5/6向けに用意されていたライブラリをIE7に対応させたもの。これまでのモジュール構造は廃止され、IE7.jsやIE8.jsといったように個別のファイルに分離されている。ホスティング先もGoogle Codeへ変更された。IE7.jsはサイズも縮小され、圧縮した状態で11KBほど。またbase2.DOMのセレクタエンジンを使うことでより高速に動
A Preview of HTML 5
To give authors more flexibility and interoperability, and enable more interactive and exciting websites and applications, HTML 5 introduces and enhances a wide range of features including form controls, APIs, multimedia, structure, and semantics. Work on HTML 5, which commenced in 2004, is currently being carried out in a joint effort between the W3C HTML WG and the WHATWG. Many key players are p
ウノウラボ Unoh Labs: ウェブデザインに不可欠なツールサイトの紹介
naoyaです。 今日は最近見つけました”ウェブデザインに不可欠なツールサイト”を紹介します。その名前も「Web Design Tools - thePeoplesToolbox」です。このサイトはウェブデザインの使われるさまざまなサイトをまとめたサイトです。 それでは、さっそく使ってみることにしましょう。 まず、最初にユーザ登録した方が自分のツールボックスにできるので登録してみましょう。 登録するには、右上の"login"リンクから、必要な情報を入力するだけでその場で登録完了となります。"Enter Code"には、"Authentication Code"と同じ文字を入力します。 ウェブデザインサイト１ posted by (C) フォト蔵 ログイン後、"home"リンクからトップページを表示すると、ウェブデザインに使えるサイトの一覧がカテゴリ別に表示されています。 この中から
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「Google Chrome」でのWeb開発をサポートする拡張機能「Web Developer」NOT SUPPORTED
セマンティックなサービス構築にCommon Information Modelを使う
https://metamix.com/wp-content/uploads/2015/01/maskin_outline.png
第8回WebSig会議 ディレクター・製作者が知っておくべきセキュリティ | 作者プロフィール