viewport メタタグと @viewport 規則 Translated by Masataka Yakura · 31 Mar, 2011Published in: target-densitydpi, mobile, opera mobile, viewport, device-pixel-ratioThis is a translation of An introduction to meta viewport and @viewport, written by Andreas Bovens. はじめに Opera のモバイル製品ではずいぶん昔から viewport メタタグをサポートしています。Opera Mobile 11 になって viewport 実装はより堅牢なものになり、また、異なる画面密度に対応する新しいメカニズムもサポートしました。さらには、私たちが提出した @v
最近改めて 本、要素の配置、レイアウトについて学習しました。過去に 本が分かってなかったんだなーと反省 ...。今回は 本中の基本、視覚整形モデルについてまとめてみました。 Webデザインをする上で、必須とも言えるのが Webデザインレシピでも、過去に
先日、ite in Ginza, Vol.59「DreamweaverによるレスポンシブWebデザインの実装」に出席してきました。 とても勉強になったので復習も兼ねてレスポンシブwebデザインに関して、セミナーで学んだ内容に自分の調べた点を加えてまとめます。 （一部の図はセミナーの資料を元に作成してます。） 始めに：スマートフォンサイト制作の選択肢 スマートフォンサイトを制作するには幾つかの方法があります。 アプリ 独自系 スクラッチ（0からスマートフォンサイト用に構築） jQuely mobileを使用 流用系 現在のデザインをほぼ流用、調整のみ レスポンシブ・デザイン どの方法にもメリットデメリットはあり、どれが最適かは サイトのコンセプトや規模、予算など複合的に考えて選択する必要があります。 今回のエントリーではレスポンシブ・デザインのみにふれます。 レスポンシブwebデザ
Sit Back Chill Workshopシットバックチル工房 ソファ・チェア専門の家具工房。株式会社シットバックチル あなたの「座る」にくつろぎを。そんな椅子を作っています。 人生において、座っている時間はとても多いものです。寝ている時間や立っている時間のためにベッド・靴にこだわるように、ソファとチェアにもこだわってみませんか？ わたしたちの製品。 Chill Out Sofa ゆったりとした幅をとり、座り心地を追求。美しく計算されたフォルム。 BRICK x BRICK そのスクエアな外観で、開放感のある空間を作り出す一人がけオブジェソファx2。 Black Leather Sofa 天然牛スキンレザーで作られた、力強いテイストを押し出したデザインソファ。 Relaxing Style シンプルラインな、アジアンな雰囲気にも意外と似合うデザインの一人がけソファ。 Flowing C
「FirefoxやWebkit系のブラウザでWebサイトを見ていると、 ページを移動した際に、コンテンツがピクピク動く現象を見ることがある。 これはどういうことかと言うと、 ページが短いコンテンツでは、スクロールバーがでないが、 長いコンテンツでは、スクロールバーが出る。 言い換えると、1画面で収まるか収まらないか。 で、なぜコンテンツが動くか。 一言で言えば、スクロールバーの有無でコンテンツのセンタリング位置がずれるから。 解消するには、下記が有効。 html{ overflow-y:scroll; } FirefoxとWebkit系はこれでOK。 だがこの場合、IEは元々問題にしていないのだが、 Operaで効果がない。 なぜか。 overflow-yのプロパティは元々はIEの独自拡張で、
ウィンドウサイズを変えると コンテンツ（記事等）が再配置される 可変グリッドレイアウトに関する サンプルサイトやWPテーマ、 ライブラリなどの情報のまとめです。 詳しい方には参考にならないっぽいです。 いろいろ意見は分かれそうですが、知っておいて損は無いかなぁと思いますのでメモ。 可変グリッドレイアウトサイト 可変グリッドレイアウトを使用したサイトの例。 D&DEPARTMENT PROJECT ECサイト。綺麗にまとまってます。MT使用。 D&DEPARTMENT PROJECT daily vitamins 暇つぶしが出来るサイト？どういう趣旨か分かりませんが、可変グリッド。WPです。 daily vitamins 小林聡美.jp 小林聡美さんのサイト。凄く見やすいです。MT使用。 小林聡美.jp Marunouchi.com 丸の内の情報サイト。ハイクオリティです。写真をダイナミック
Web制作に使えるWebサービスやツールなどが様々なサイトでかなり 紹介されています。便利なものですが、多すぎて混乱するので、 備忘録的にローカルサーバーに入れたWPでリンク集を作っていました。 そろそろ数が落ち着いて来たので多くの方とシェアしたいと思い、公開してみます。 現在330ありますが、追加していく可能性があります。 リンク集は全て無料で使える事を条件に集めていました。英語が苦手な方もいらっしゃいますのでTwitterサービスのまとめ同様、日本語で使い方などを説明してくれているサイトにリンクしています。無い場合は海外サイトにリンクしていますが、その場合はアメリカの国旗をつけてあります。サイトがアメリカのものかは知りませぬ。分かりゃいいんだ、分かりゃ。 無料といえどもライセンスの縛りもありますので自己責任でご利用下さい。 使えるかどうかは個人差が生じますので何とも言えませんが、お役に
海外WordPressテーマを日本語化して 無料配布しているサイトの件。この事を知ったのははてブ経由で たどり着いたてくてく糸巻きさんの記事とブコメ。 件のサイトはwordpresstheme.jp(魚拓)というドメインを使ったサイトです。 てくてく糸巻きさんの無料ワードプレステーマ によるwordpress」を含めてはいけない 「WordPress」は商標登録されているのでドメイン名にwordpressと含めてはいけません。以前、WordPressユーザーなら知っておきたいあれこれという記事でも書きましたが、 WordPress Domains For various reasons relate
もういくつ寝ると 今年のはじめにやりたいことリストを作った。今見たら50項目あるリストのうち25個が達成済みだった。ちょうど半分やりたいことをやったということだ。私にしてはまあまあの結果だと思う。満足。 やりたいことリストにあるもののうち、「〜を食べたい」系は概ねクリアし…
ものづくり現場の情報セキュリティ インダストリー4.0は製造業の変革期 工場のデジタル化によるリスクへの対応 高まるゼロトラストの気運 妥協のない安全のために適材適所で組合せ トップ4社によるゼロトラストセキュリティ アプリケーションモダナイズ 求められている背景にあるビジネスの今 そして、成功の鍵を握るDevOpsの真の意味 時代はサーバ仮想化からコンテナへ あらためて整理したい企業ITにおける コンテナ活用の基礎と採用メリットを紹介 オープンソース活用はあたりまえ！ そんな今だからこそ改めて考える 企業ITにおけるOSS活用のメリットとリスク データ活用は次のステージへ トラディショナルからモダンへ進化するBI 未来への挑戦の成功はデータとともにある 身近な改善の第一歩！ ニューノーマルな働き方を前提にした これからの時代のWi-Fi環境構築のポイント 特集：セキュリティトレンド-秋-
もずはっく日記(2007年11月) 2007年11月22日 世の中のかなりの数のウェブサイトはFirefoxのレンダリングのテストには向かなくなってきた 初回投稿日時: 2007年11月22日05時19分05秒 最終更新日時: 2007年11月22日05時27分04秒 カテゴリ: 本でもそれなりのシェアを獲得できています。このことはつまり、多くのWebデザイナにFirefoxでのレンダリングを意識してもらえるということです。これは私も含め、ユーザにとっては短期的にはとても良いことです。なぜならユーザが(シェアNo.1の)WinIEと同様(もしくはそれ以
画像を閲覧できないユーザーでも内容を把握できるようにalt属性をつけましょうとは言うが、実際にはどのようにつけたらよいのかが実はかなりわからない。さらに納品前になんじゃこのalt！と突っ込まれる・・・。色々話し合ったりググったりした末にでた自分結論はこんなの。 前提 画像OFFのユーザー・音声ブラウザのユーザーが、画像の代わりにそのaltテキストが表示されても、ページ内容が分かる。但し、100%の情報を伝える必要があるわけでもない。そこに何の画像があるのかが伝わり、ページ内容を把握できる。 画像の中に文字がある場合
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Blogger
