タグ

2010年8月3日のブックマーク (21件)

  • [Dreamweaver]タグライブラリを使えば、HTML5のコードヒントを自作、修正できます。 : 構想雑文

    構想雑文 WEBデザインmacに関すること中心の自分向けメモ主体のブログ。 DREAMWEAVER、Illustrator、Photoshopなどのアプリケーションの設定や使い方。HTMLCSSJavaScriptPHPのコーディングのことをあれこれ書いています。 Dreamweaverには、タグライブラリという項目があり、ある程度、コードヒントとタグ入力のカスタマイズを自分自身で行うことができます。 タグライブラリを利用することで、2010年5月時点ではまだWorking DraftなHTML5をDreamweaverで使う際に新たに増えたり、変更になった属性やタグを自分で追加・編集して、すぐに使うこともできます。 ということでタグライブラリに試しに「HTML5」のタグを追加してみます。 タグライブラリは、メニュー項目の「編集」の一番下に「タグライブラリ...」と表示されます。

    [Dreamweaver]タグライブラリを使えば、HTML5のコードヒントを自作、修正できます。 : 構想雑文
  • jQTouchでiPhoneWebアプリ - web探検隊

    jQuery on iPhone - jQTouchを使ったWebアプリ開発を参考にして、iPhoneのWebアプリを作成してみました。 jQTouchとは?名前を見て、想像が出来る通り、iPhone向けWebアプリを作るためのjQueryです。オフィシャルのjQtouchより、ダウンロードして使用することができます。すぐに分かる特徴としては テーマサポート(2種類) Apple jQTouch custom themeiPhoneお作法の自動補完 実装方法実際に作ったのがこちらのページ。蛇田.jpのiPhone版です。 html> head> meta http-equiv="content-type" content="text/html" charset="UTF-8"> meta name="viewport" content="width=320; initial-scale=1

  • jQTouchのノウハウまとめ(その1:動作の基本) - Kumoma技術日記

    「jQTouchのノウハウのまとめ(導入)」 まず、jQTouchの動作について説明します。 基的な動作は、 「bodyタグ直下のdivタグの表示を入れ替えていく」 が基になります。 つまり、以下のようなhtmlがあったとします。 <body> <div id='home'> ..... </div> <div id='subA'> .... </div> <div id='subB'> .... </div> <div id='dialog'> .... </div> </body>まず最初にアクセスすると、idがhomeのdivタグ部分だけが表示されます。 その後、リンクのクリックやJavaScriptの処理で、他のidのdivタグ部分を表示します。 このidが移動のためのkeyになりますので、必ず必要になります。 また最初のアクセス時にhome以外のid部分を表示する事もできます

    jQTouchのノウハウまとめ(その1:動作の基本) - Kumoma技術日記
  • SwapSkills 2010 vol.6【その仕事、蠍は留守です】

    Microdata の専用属性 5つぐらいあるみたいです。 itemscope itemprop itemtype itemref itemid とりあえず Microdata を書いてみるには HTML5 Microdata Templates by Freebase や Live Microdata などの便利ツールがあるので、慣れないうちはそれを使うとよいみたいです。 Live Microdata を使ってみる Live Microdata で以下のコードを書いてみました。 <section itemscope itemtype="http://www.data-vocabulary.org/Person/"> <dl> <dt>Name:</dt> <dd itemprop="name">Hitomi Yamagsihi</dd> <dt>Name:</dt> <dd itempr

  • Webサイトの応答時間

    今日、ページのレンダリングが遅くなってしまうのは、サーバーの遅延や凝りすぎたページウィジェットが原因であることが多く、大きな画像のためではない。ユーザーが遅いサイトを嫌うことは相変わらずで、彼らは遠慮なくそれを言ってくる。 Website Response Times by Jakob Nielsen 2010年6月21日 ユーザーはインタラクションデザインのスピードというものに実にうるさいものである。13年前、「求められるスピード」というコラムを書いて、ユーザーが読み込みの遅いウェブページをいかに嫌うかを私は指摘した。その当時は大きな画像が応答時間が遅れる主な理由であり、ガイドラインでは画像のサイズは小さく留めるようにアドバイスしていた。 今日ではほとんどの人がブロードバンド接続を使っている。したがって、ダウンロード時間というのはユーザビリティにはもはや関係ないと思うかもしれない。それは

    Webサイトの応答時間
  • HTML5についてのおさらい|Web制作 W3G

    Updated 2010.07.29 / Published 2010.07.29 これからHTML5を使いはじめようという方に向けたHTML5のおさらいです。HTML5の記述方法にはじまり、導入にあたって間違いやすいところや勘違いしがちなところをまとめてあります。 hgroup, header, footer要素の説明を含めた続きもあります(続HTML5についてのおさらい)。 HTML5の記述方法 まず最初に、必ずDOCTYPE宣言を行います。HTML5には公式のDTDがないので、すごくシンプルになっています。 <!DOCTYPE html> 続いて、html要素にドキュメントの言語を宣言します。 <html lang="ja"> そして順番にhead要素ときて、文字エンコーディングの指定ですが、charset属性が新たに利用できるようになりました。 <meta charset="UTF

    HTML5についてのおさらい|Web制作 W3G
  • 今夜からできる快眠術!|NHK あさイチ

    専門家ゲスト:内山 真さん(精神科医・日大学医学部教授・日大学付属板橋病院睡眠センター) VTRに出演した専門家:北原博幸さん(空調専門家) ゲスト:宮崎美子さん(俳優)、水道橋博士さん(タレント) リポーター:小林孝司アナウンサー 出演者の関連情報はこちら 寝苦しい熱帯夜を快適にすごすための快眠アイデアをご紹介しました。 エアコンの活用術 ~体を冷やしすぎずに眠る方法~ メーカーや機種によって異なりますが、一般的に、寝るときは「ドライ」より「冷房の強風」のほうが部屋が冷えすぎないことを、空調専門家の北原博幸さんに教えていただきました。 エアコンのドライ(除湿)は設定温度より2~3度低くなる傾向があります。 また、ドライは微風のため、冷気が部屋の下にたまり、ベッドの付近が冷えすぎやすくなります。 反対に、冷房の強風は設定温度と同じ温度になる傾向があります。 また、強風にす

  • HTML5を今すぐ使うためのコツや情報をまとめてみました - EC studio デザインブログ

    この数カ月でHTML5のサイトが国内にも増えてきました。先日10周年を迎えた EC studio のサイトもHTML5で制作しています。マークアップの面でのHTML5の導入となりましたが、難しいと思う以上に勉強になることが多くありました。(今も改善を続けています。) http://www.ecstudio.jp/ 個人サイト以外でHTML5を導入するのをためらっている人が多いと思うので、今からでも使っていくためのコツやノウハウをまとめてみました。 新要素をJavaScriptで生成する HTML5の新要素はIEでは未知の要素です。そのため記述していてもDOMツリーが構成されなかったり、CSSが適用されないという問題が生じます。 そこでdocument.createElement(要素名);により、ブラウザ(ユーザーエージェント)にとって未知な存在の要素を生成し、認識させることができます。

  • ウェブアクセシビリティ規格 JIS X8341-3 の改正

    梅垣 正宏(うめがき まさひろ) 日障害者協議会 情報通信委員会 はじめに 2004年6月に公示された、ウェブコンテンツのアクセシビリティJIS(日工業規格) X8341-3:2004 「高齢者・障害者等配慮設計指針-情報通信における機器,ソフトウェア及びサービス- 第3部:ウェブコンテンツ」(以降、X8341-3 と記す) がまもなく改正される。改正原案はすでに審議を終えており、この夏にも X8341-3:2010 として公示される見通しである。筆者は、X8341-3:2004 および X8341-3:2010 の原案策定ワーキンググループの副主査として、規格の起案、審議にあたってきた。稿では、X8341-3 改正の背景と特徴、期待される公共分野でのウェブアクセシビリティ普及への期待について述べる。 改正の背景1ーWCAG改正と国際協調 X8341-3の改正に最も大きな影響を与えた

  • 熱を帯びる電子書籍の配信プラットフォーム競争――日本独自の規格は正しい選択か? - 日経トレンディネット

    KindleiPadに端を発した、デジタル・コンテンツの配信プラットフォーム競争が日でも熱を帯びてきた。7月1日にソニー、KDDI、凸版印刷、そして朝日新聞が共同で電子書籍の配信事業会社を設立。同20日にはシャープがタブレット端末の試作機をお披露目すると共に、出版業界の賛同を経て電子書籍を配信する計画を発表した。両陣営とも、いずれは動画やゲームなど、コンテンツ全般の配信プラットフォームへと発展させる方針だ。それ以前からソフトバンクの「ビューン」や電通の「Magastore」など、コンテンツの配信プラットフォームは乱立の様相を呈している。 中でもシャープの取り組みは野心的だ。単に端末を提供するだけでなく、動画や音声などマルチメディア対応の「次世代XMDF」という同社独自の規格(フォーマット)を提案。この規格に基づく、電子書籍のオーサリングや配信のシステムを新聞社や出版社に提供する。さらに

    熱を帯びる電子書籍の配信プラットフォーム競争――日本独自の規格は正しい選択か? - 日経トレンディネット
  • 暮らしの情報サイトnanapiはサービスを終了いたしました | nanapi [ナナピ]

    2020年8月31日(月)をもちまして、nanapiに関わるすべてのサービスは終了いたしました。 nanapiは、2009年のサービス開始より「みんなで作る暮らしのレシピ」という考えのもと、ユーザーの皆さまに生活に関する様々な「ハウツー」を投稿していただく投稿型ハウツーサービスとして運営してまいりました。 約11年間にわたって皆さまからご支援をいただきサービスを継続できたこと、nanapi編集部一同、心より御礼申し上げます。 掲載されていたコンテンツなどのnanapiについてのお問い合わせは、nanapi@supership.jp までお願いいたします。 長きに渡りnanapiを応援してくださり、当にありがとうございました。

    暮らしの情報サイトnanapiはサービスを終了いたしました | nanapi [ナナピ]
  • 素晴らしいアイデアのTwitter時報botがあった

    今回は自分のじゃなくて 人様がお作りになった bot のご紹介。 うちの時報 bot は Twitter用時報botを作ったよ – 頭ん中 時報 (jihou) on Twitter もともとは単に「いま何時か」を知らせるためのものなんだけど、 フォローしてくれてるたくさんの人から 「タイムラインを遡るときに、区切り線になって助かる」 という声もいただいている。なるほど。 その目的でつくられた、素晴らしいアイデアの bot がこちら。 切り取り線(時報) (kiri_tori) on Twitter 上掲のリンクから実物を見ていただくのがいいと思うんだけど、 時報のタイミングで切り取り線がツイートされる。 これをフォローすると タイムライン上の1時間ごとにその切り取り線が現れることになるから ここからここまでが1時間というのが視覚的にわかりやすい。 何かかわいいし。 さらにもっと細かく区切

    素晴らしいアイデアのTwitter時報botがあった
  • 【サービス終了】簡易CMSに生まれ変わっていた新posterousはちょっとすごい | 毎日考

    なんじゃ。Settingsの画面ってこんなんじゃなかったぞ。 デザインはともかく、Settingsやタブのメニューの構成が微妙に変わっている。とはいえ全部の画面遷移をキャプチャしてあるわけじゃない、憶えてるわけじゃないから印象で語ります。はぐれブロガー印象派です。 参考までに、前回旧ブログでposterous記事を書いたとき(人もすなるPosterousといふものを、猿もしてみむとするなり [2010-02-24] )の画面キャプチャ。設定タブのキャプチャじゃないのが悔やまれるけど。 ええと、上の新しい管理画面だと、editをクリックしたときに内容がぐりゅん!って現れたりします。 どうよこのWeb屋にあるまじき説明。素敵だろ。 このPagesというメニューはなんだ? OfficialBlogの最近の記事には特に説明無いし…と思って検索したらありました。 今年の6月3日の記事 Postero

    【サービス終了】簡易CMSに生まれ変わっていた新posterousはちょっとすごい | 毎日考
  • 記事ページのアクセス通信簿 : could

    openwebdesign資料 記事ページのアクセス通信簿 記事ページを新して半年経ち、読者の動きに様々な違いが表れ始めました。良くなった点とそうでもなかった点をみて、今後の課題を幾つか考えてみました。 今のような記事ページになった理由 今年の始めに記事ページを新しくしました。そのあと小さな調整を行ったり機能を追加はしていましたが、そろそろどのような結果が出たのが発表するには良い時期だと思いますので幾つか紹介したいと思います。 ご存知の方もいるかもしれませんが、今「記事」と呼ばれるエントリーはほとんどすべてレイアウトが違います。中には色を変えただけのものもありますが、レイアウトが少し複雑なものや画像が活用されているものもあります。凝り過ぎたことをすると読み難くなってしまいますが、毎回見た目が新鮮なので飽きることもありませんし、それがキッカケで読んでくれる方もいるかと思います。 最近、海外

    記事ページのアクセス通信簿 : could
  • IEのシェア、2カ月連続で回復 Firefoxは低下

    下降していたMicrosoftのInternet Explorer(IE)のシェアがわずかに回復している。Net Applicationsの調査により明らかになった。 Net Applicationsによると、世界ブラウザ市場におけるIEのシェアは4~5月には60%を切っていたが、6月に60.32%に回復し、7月にはさらに60.74%に伸びた。一方、Firefoxは6月、7月とシェアが2カ月続けて減少しており、5月まで24%台だったのが22.91%に低下している。 ブラウザ市場シェア ブラウザ 7月 6月 5月 4月 3月 IE

    IEのシェア、2カ月連続で回復 Firefoxは低下
  • FacebookのニュースフィードからTwitterのタイムラインを消す方法

    先日からがんばって Facebook を使ってみてます。 がんばって使うもんじゃないと思うけど。 ブログに Facebook の「いいね!」または “Like” ボタンをつけてみた – 頭ん中 さてホーム画面と呼べばいいのか、 Facebook を開いたら最初に表示される画面には お友達の活動を表示する「ニュースフィード」というのが出るんだけど 設定されていればここに Twitter のタイムラインも流れてくる。 でも Facebook でつながってる人が Twitter もやっている場合 Twitter でフォローしてるから Facebook の方で見る必要がない。 設定画面かどこかに 「Twitter は要らん」というのがないかと探してみたんだけど どうにも見あたらないので聞いてみた。 Twitter / マスナガ Facebook のニュースフィードって、フィルタかけられんのかな。T

    FacebookのニュースフィードからTwitterのタイムラインを消す方法
  • TechCrunch | Startup and Technology News

    James Khatiblou, the owner and CEO of Onyx Motorbikes, was watching his e-bike startup fall apart.  Onyx was being evicted from its warehouse in El Segundo, Los Angeles. The company’s unpaid bills were stacking up. His chief operating officer had abruptly resigned. A shipment of around 100 CTY2 dirt bikes from Chinese supplier Suzhou Jindao…

    TechCrunch | Startup and Technology News
  • iPhoneサイトで気をつける3つのポイント (ユーザビリティ実践メモ)

    スマートフォン利用者の増加に伴い、スマートフォン、特にiPhone対応サイトを用意する企業が増えてきましたが、必ずしもデバイスの特徴を考慮したサイトとなっていないケースが見られます。今回は弊社の調査で見られたユーザ行動を元に、iPhoneサイトで気をつけるべきポイントをご紹介します。 従来の携帯では下ボタンで画面をスクロールさせる際リンクに順番にフォーカスがあたるため、テキストリンクでもユーザの視線が止まりやすい傾向があります。一方iPhoneでは指で画面をスクロールさせるため、リンクにフォーカスはあたりません。テキストリンクがアイキャッチとなりにくく、携帯と比較して文字情報がまとめて読み飛ばされるケースがみられます。ユーザの目線を止めるには、アイキャッチ用の画像を配置するなどの工夫が必要です。 【ポイント2】細かな操作はさせない iPhoneはタッチパネルを指で操作するため、画面上の1点

  • 【CSS】ネガティブマージンの使いどころ その1 パンくずリスト編 | バシャログ。

    今さらながら「ヱヴァンゲリヲン新劇場版:破」を DVD で見まして、 ヱヴァ:Q 見るまでこりゃ死ねないな、と思った sakai です。序破急だから急かと思いきや Q ってところが意味深ですよね… CSS で margin にマイナスの値を指定する、通称ネガティブマージンの使いどころについて、何回かにわけてご紹介します。(先日の CSS Nite でデモをした内容の再紹介です) 今回は「パンくずリスト」のコーディングでのネガティブマージンの使いどころです。 1. パンくずリストでネガティブマージンを使う まず HTML で普通にパンくずリストを組んでみます。 <div id="topiPath"> <ol> <li><a href="/">ホーム</a></li> <li><a href="/wear/">ウェア</a></li> <li><a href="/wear/tops/">トップ

    【CSS】ネガティブマージンの使いどころ その1 パンくずリスト編 | バシャログ。
  • au、秋以降に2~3機種のスマートフォンをリリース予定。FeliCaやワンセグなどの国内定番機能対応機種も含む

    au、秋以降に2~3機種のスマートフォンをリリース予定。FeliCaやワンセグなどの国内定番機能対応機種も含む KDDIが秋以降のauスマートフォン・ラインナップを2~3機種と考えていることがAndroid関連の情報を扱うブログjugglyの記事から明らかになっている。大元の情報は23日に都内で開催されたKDDIの2011年3月期第1四半期決算説明会における質疑応答からだ。 その中で同社はスマートフォンに関する質問を受け、「秋以降に2~3機種投入することがほぼ決定している」と答えている。また、来期以降は通常の携帯電話端末とスマートフォンのラインナップ構成がほぼ半々になる可能性が強いこともわかった。加えて、秋のラインナップでは以前から言われていたように、FeliCa(おサイフケータイ)、ワンセグ、赤外線機能などの日国内で定番となっている機能を搭載したスマートフォンが投入される計画があること

  • 非デザイナーのためのデザイン基本テクニック その1 | 07design.blog

    デザイナーではない方も趣味でサイトを作っていたり、デザイナーに頼むほどでもない画像を作ったりする機会があると思います。デザイナーはセンスでサクサクと制作するイメージがあるかもしれませんが、実はデザインというものは数々のルールによって成立しています・・・デザイナーではない方も趣味でサイトを作っていたり、デザイナーに頼むほどでもない画像を作ったりする機会があると思います。 デザイナーはセンスでサクサクと制作するイメージがあるかもしれませんが、 実はデザインというものは数々のルールによって成立しています。 そのルールの知識があればデザイナーレベルとはいかないものの、見た目がきれいなグラフィックは作れるはずです。 デザインという言葉の定義やソフトの使い方から始めてしまうとややこしくなるので、 今回はあくまでも「とりあえず見た目をキレイにする」ということに重点を置いて説明します。 記事内で