前回はサンプルを交えながら(X)HTMLとCSSの関係をおさらいしました。どれだけ画像を沢山利用したグラフィカルなサイトでも、画像を使わないシンプルなサイトでも基本はまったく同じであり、(X)HTMLは文書構造を、CSSでは文書の要素に対して見た目等の振る舞いを指定することにより、ブラウザで私たちが閲覧できる状態になります。 ところがリファレンス等を参考にしながら正しく(X)HTML/CSSを書くように頑張ってみたわりには、ブラウザ(閲覧環境)によっては表示が崩れてしまうなど、最初はなかなか思い通りに表示されないことが多いものです。 W3Cが技術を標準化するため(X)HTMLやCSSの仕様書を勧告していますが、現実に普及しているブラウザでは、仕様に完全準拠しているとは限りません。そのため、普及しているそれぞれのブラウザの特徴まで理解した上で(X)HTMLとCSSの設計をすることが必要です。
2008年8月23日追記 コメントにも対応した最新版を公開しました。最新版のダウンロードページへ 2008年4月11日追記 ちょこちょこバグがあったので、修正しました。最新バージョンは2.0.3になります。 以前から公開していた、エントリー時に絵文字が挿入出来るようになるプラグイン、emoddy(絵文字プラグイン)が4.0、4.1に対応しました。 なお、4.0、4.1専用となっているので、3.x系は、以前のをお使い下さい。 このプラグインのウリとしては、、、 とにかく使いたいって人は、アップロードするだけで使える! 絵文字の画像を追加するのがとてもカンタン! 画像がいっぱいに増えても普段は邪魔にならない! 好きなディレクトリに絵文字用の画像を設置可能! 絵文字が最初から88個くらい付いている! カスタマイズとかも自由にしてOK! などなど、思いつく限りの営業文句を浮かべてみました。 仕様に
似たようなツールがあったような気がしないでもないが、知っておいて損はなさそうなのでご紹介。 Lynchrでは画像をアップして、その画像に自由にメモをつけることができる。吹き出し風のメモなので、ピンポイントで場所を指定してコメントすることができる。 また吹き出しの大きさや方向も変えたりすることもできる。出来上がったメモ付き写真はURLで共有することも可能だ。 ただ、Lynchr上では日本語の表示にも対応はしているが、画像に変換するコマンドを使うと化けてしまうのがちょっと惜しい。 どちらにしろ、こうしたお手軽ツールは数多く知っておくとなにかと便利ですよね。
無料のクリップアートを山ほどダウンロードできる「Open Clip Art Library」の姉妹プロジェクトで、パブリックドメインで利用できる無料フォントを集めるプロジェクト、それが「Open Font Library」です。置いてあるフォントはすべて無料でダウンロードして利用可能となっています。 詳細は以下から。 Open Font Library Type Casting. http://www.openfontlibrary.org/ フォントの一覧は以下から見ることができます。 Open Font Library Fonts フォント名をクリックするとこのように、実際のサンプルを見ることができます あとは「ttf」と書いてあるボタンをクリックすれば、フォントファイルをダウンロードすることが可能です。
Web Design Wallのエントリー「jQuery Tutorials for Designers」から、JavaScriptのライブラリ「jQuery」が視覚的にどのように動作するかデモと共に解説してる10のチュートリアルを紹介します。
SEO競合分析 3つの落とし穴 SEOの競合分析の方法について。数字をながめてもダメ、単一の指標で比較しても意味がない、自分が用いている指標やデータは本当に参考にするに十分なのか確認しよう。またランキングはあくまで技術的観点のベンチマークであって売上げやROIの観点からのパフォーマンスの違いにも目を向ける必要あり。SEOや検索連動型広告それ単体でマーケティングが成立しているわけではないのだから。 公開日時:2008年03月04日 09:07 SEOの戦略方針の決定や目標の定量化を行う過程において、ターゲットとするキーワードそのものの難易度や競合各社のSEO実施状況を分析する「競合分析」を行う必要がある。競合各社のSEOへの予算の投下状況や戦略ポートフォリオ、マーケット固有の特性などの各種変数によって、自らが実施しなければいけないSEOのプランニングは変わるからだ。例えば同じ携帯事業者だから
Anoth/era Home : Graphics Tutorials 人物に炎のラインを合成してジョジョ風にするPhotoShopチュートリアル。 元の画像も凄いのですが、炎のラインを追加して次のように迫力のある画像にします。 パスツールを使ってグルグルとラインを作っていきます。 ラインに対して、レイヤー効果を付けていくことで… 最終的には次のような形に。 残念ながら、背中にのっているカッコいいロゴみたいなのを作成するチュートリアルは無いのですが、炎を合成してみるだけでも勉強になりそうですね。 関連エントリ 煌めくホットな女性をPhotoShopで表現
Konstruktors Notesのエントリー「How to Create Beautiful and Elegant HTML Lists Using CSS」から、CSSを使用して美しくエレガントなリストを制作する方法を紹介します。 How to Create Beautiful and Elegant HTML Lists Using CSS 各ブラウザによるリストのレンダリングの差 リストにmarginやpaddingを指定した場合、「Internet Explorer」と「Gecko, Webkit and Opera」の各ブラウザで、レンダリングが異なります。 <textarea name="code" class="css" cols="60" rows="5"> ul, ol{ margin:auto -3em 1em 0; padding:0; position:rel
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く