CSSの実装状況で変わるボックスのデザイン方法
Web制作において、対応しなくてはいけないブラウザの中には、未だしぶとくIE6が残っています。IE6が2001年に登場したことを考えると、もう8年もその時代の「縛り」を(健気に)守りながら作っていることになるんですね。 いま良く使われているCSSのテクニックも、ほとんどはこの「縛り」の範囲内で有効な手法なわけですから、突然2001年にタイムスリップしてサイトを作る事になったとしても、今も昔も変わらない１つの古文書に従えばいいので、きっと活躍できます。 しかしたまらん、流石に疲れた。 ボックスひとつができること CSSでは、文書を構成する各要素は、ボックスという矩形領域に置きかえられ、それらの持つプロパティを操作して装飾します。つまり、ボックスはページデザインを構成する最小単位と言えるわけですね。 そこで今回は、最小単位となる1つのボックスに対して、どのような装飾手法が有効かという点を、CS
IllustratorでWebデザインをするときに気をつけるポイント | src.7438.com
今やっている仕事で、Illustratorで作成したカンプを私がコーディングすることになったのですが、いただいたデータがもの凄くきちんと作ってあって、大変参考になったので、設定項目だけメモしておきます。 Illustratorはもともと、印刷用データの作成が目的だったソフトなので、Web用の画像も、ちゃんと作れるのですが、設定を気をつけておかないと、いざ書き出してみると、線がにじんだり、大きさが意図したものにならなかったりします。 Photoshopだと、もともとベクターグラフィック用のソフトなので、そういうことは無いのですけどね。 気をつけている項目は以下の通り。 単位をpx（ピクセルに揃える） とにかくWebの世界の単位はピクセルです！ センチメートルとかは使えないです！ 印刷用データの仕事が同時にあったりすると、設定をその都度変えなくちゃいけないので、ちょっと面倒ですね。 1pxのガ
IEで指定どおりのfont-sizeにならない | d-spica
IEで指定どおりのfont-sizeにならない 2008-05-18 0 0 XHTML/CSS CSS, font-size IE との兼ね合いで，font-size は%で指定しておくのが，いちばん無難だと思うのですが，IE6, 7 にちょっと痛いバグがありました。 小さなサイズの文字が指定どおりの大きさにならないのです。 11px以下のフォントが指定より大きくなる まず，font-size のページを IE6 または IE7 でご覧ください。 順にフォントサイズが小さくなっていくはずなのですが，74%から72%あたりの日本語のフォントサイズが一旦大きくなっています。その後71%から 60%のところまで，日本語フォントはサイズが変わっていません。 FIrefox の場合と比べると，よく分かるかもしれません。 %で指定された font-size は，最終的にpxに変換され，端数処理して整
CSS で簡単に上下中央揃えを実現する
blog移行しました。新しいblogで更新を続けています。 XMLェ… text ja 2012-07-08 http://www.yomotsu.net/wp/?p=603 XMLェ… 日々の出来事2012年7月8日日曜日 ブログ作りなおそうかなーと思って、この Webサイト をみなおしてたら、Web ページのメタ情報としてダブリンコア (RDF) を混在させていたことを思い出した。バリデーターにかければ、グラフも取り出せて みたいな感じになる。でも結局あまり意味なかったです多分。いまは OGP とかありますしね。 Web ページは XHTML にしてたけど、ブログのコメントで参照先のない数値参照とか混ぜられると XML パースエラーになるし、XML だから他の語彙混在できるけど、RDF くらいしか混ぜてなかったし、XHTML 意味なかったです多分。いまは HTML に SVG 混在でき
DIVの中を下揃えで配置する｜WEB制作（html,css(スタイルシート) )｜プログラムメモ
DIVの中を下揃えで配置する DIVの中を下揃えで配置を行うには .test{ position:absolute; bottom: 0; } でOK！ 例： <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <BODY> <H1 style="height:500px;border:solid 1px red;position:relative;"> <span style="position:absolute;bottom:0">テキストテキストテキストテキストテキストテキスト</span> </H1> </BODY> </HTML>
出力ファイルの文字コードを変換するプラグイン:TransEncoding - エンジニアブログ - スカイアーク
今日紹介するプラグインは、Movable Typeの再構築で出力されるファイルの文字コードを変換するプラグインです。通常Movable Typeの文字コードは「mt-config.cgi」で設定しますが、このプラグインを利用することにより出力するファイルの文字コードを変換することが可能になります。Movable Type4でも動作を確認しました。 Movable Typeは後から文字コードの変更をする場合、データベースの文字コードを変更する必要があるため、文字化けなどが発生しやすいのですが、このプラグインを利用すればその必要もありません。 プラグインのダウンロード TransEncoding：ダウンロード プラグインのインストール インストール方法：解凍後の「TransEncoding.pl」ファイルをMovable Typeの「plugins」ディレクトリにアップロードします。 デフォル
チュートリアルを印刷 :: Flash8のFLVPlayBackコンポーネントにCustomUIのコンポーネントを使う
このチュートリアルではFlash8のFLVPlayBackコンポーネントにCustomUIのコンポーネントを使う方法を紹介します。 Flash8のFLVPlayBackコンポーネントにはたくさんのスキンがありますが、ビデオを制御するボタンを適当に置きたい場合はCustomUIのコンポーネントを使うと便利です。 まずは新しいファイルを開いて、3つのレイヤーを作って適当にレイヤー名を付けます（私はActions,ControlsとVideoにしました）。 次はコンポーネントパネルからFLVPlayBackコンポーネントをVideoのレイヤーに置いて、StopButton（停止）とPlayPauseButton（再生・一時停止）とMuteButton（ミュート）をControlsのレイヤーに好きなところに配置します。 全てのコンポーネントの配置が出来たら、FLVPlayBackコ
Browsershots
No active screenshot factories. Please try again later. What is Browsershots? Browsershots makes screenshots of your web design in different operating systems and browsers. It is a free open-source online web application providing developers a convenient way to test their website's browser compatibility in one place. When you submit your web address, it will be added to the job queue. A number of
ASPアクセス解析
「バナー広告を貼って頂くこと」を対価として成立しているサービスですから、ユーザー様からは料金を頂いておりません。 （※バナー広告を貼りたくないユーザー様のために格安の有料コースも用意しております）
IE6のバグのまとめ - Webtech Walker
XHTML+CSSでコーディングするときにブラウザのバグを知っているか知らないかでは大きく違いますよね。とりわけ他のブラウザよりバグが多いIE6さんのバグをまとめてみることにしました。そろそろIE7の自動配布が始まるころなので忘れないうちにということで。 とは言ったもののIE6のバグを改めて見てみると多い･･･多すぎるよ！逆にこれだけのブラウザがあるからこそコーダーという職種がある気さえしてきます。 今回は『CSSバグ辞典スレッド』の要約のWinIE CSSバグリストからIE6のバグを抜き出して自分でわかりやすいように種類わけしてみました。これで全てではないですがこれだけ知ってればかなりのケースで対応できると思います。 2012/07/31 追記: リンク先がなくなったのでリンクを外して一覧だけ残しときます。 ちなみにこの種類分けも厳密ではないのであしからず。 ボックスモデル maring
CSSバグリスト＠CSSバグ辞典スレッド
『CSSバグ辞典スレッド』の要約 ここは、2ちゃんねるweb制作管理板内のCSS/DHTMLのバグを扱うスレッドで挙げられた、各ユーザエージェントのCSSやDHTMLの実装上のバグをまとめているサイトです。 更新履歴 WinIE171, 172、NN031、Opera091を追加。WinIE151を修正。（2004-11-29） WinIE169, 170、Moz085を追加。WinIE030, 039、Moz070、Opera048を修正。（2004-10-09） NN029, NN030、Moz084を追加。Moz033を修正。（2004-08-23） WinIE168、Moz082, 083を追加。WinIE022, 166を修正。（2004-08-08） Moz081、Opera090、Safari022, 023を追加。（2004-07-26） 以前の履歴 本拠地スレッド CSS
eclp.net - このウェブサイトは販売用です！ - eclp リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
携帯サイト作成のときに必要な基本的な情報
Tweet モバイルサイト制作 iPhone（iOS）、Android OS 搭載スマートフォン向けのウェブサイトの制作。 iPhoneをiOS17にアップデートしたらサイトのフォント（文字）の表示が太くなった レスポンシブデザインの仕組みと作り方、メディアクエリの書き方 スマホの画面サイズに合わせて画像・写真を縮小・拡大表示するレスポンシブデザイン スマホで画像を表示するとボヤける。srcsetを使ってパソコンとスマホの両方でロゴ画像などを綺麗に表示する。 JavaScript でスマホの位置情報（GPS）、緯度・経度を取得する JavaScript でスマホの加速度センサーやジャイロによる加速度、向き、傾きの値を取得する Googleのモバイルフレンドリーテスト、サイトのスマホ対応に役立つサイト ウェブサイトのスマートフォン対応 電話番号への自動リンクを禁止する - スマートフォン（i
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTML5.JP - 次世代HTML標準 HTML5情報サイト
http://www.designwalker.com/2009/08/user-interface.html
イラストレーターを勉強しよう - DesignWalker
Fireworksのチュートリアルいろいろ - DesignWalker
ADP: floatレイアウトでつまづかないためのTips
IEバグ CSSで指定した背景画像が消える - Webプログラマの苦悩
ITギア アクセス解析