背景画像をリサイズ（拡大・縮小）させる方法｜web bibo
タイトルだけ見ると、おーっと驚くようなテクニックですけど、実際はbackground-imgではなくimgタグを使ってるんですよね。なかなかこのテクニックを使う機会は無いと思うので、こんなテクニックもあるんだぁーっ、へぇーって思って頂けるぐらいで、十分です。では、やり方を。 HTMLを記述 <img src="bg_dimension.jpg" alt="" id="bg-img" /> <p id="text">imgタグにpositionを利用して背景画像を敷いている様に見せています。幅100%を指定することで画像も拡大・縮小します。</p> CSSを記述 body { overflow: hidden; } #bg-img { width: 100%; position: absolute; top: 0; left: 0; } #text { background: url(ima
DreamWeaver で JavaScript！(OpenSocial 開発） ( ラボブログ )
スパイスラボ神部です。 実は長年の Macromedia 製品ユーザ（正確には Adobe 製品になっちゃいましたが）なので、サイト管理や Web サービス開発を DreamWeaver で行っています。その流れで OpenSocial アプリ開発も DreamWeaver でやっていたんですが、GadgetXML の編集にはいまいち向いていなかったりするんですよね。なぜなら、CDATA 内に書いた JavaScript はコードとして認識されないため。 しかし、ここでちょっとコストをかけて外部 JavaScript 化することできっちり DreamWeaver の JavaScript のコードアシスト機能などが働いてくれます。普通はテキストエディタなり、OSDE(OpenSocial Development Environment )などを使ったりしているのでかなり異端であるとは思いま
font-size指定 | d-spica
font-size指定 2007-03-10 0 0 XHTML/CSS CSS, font-size 数で合理的にデザインする - サイズ編 で少し書いたfont-sizeについての補足です。 どのくらいの文字サイズで見られているかは，ブラウザとその設定によってまちまちです。でも，せめてデフォルトの状態では意図したレイアウト，フォントサイズで見てもらいたい，という願いもないわけではありません。font-sizeの指定をどうするか，ちょっと考えてみました。 font-sizeは%で font-sizeをpx，pt，inなどで絶対指定すると，Win IEで文字サイズの変更が出来なくなるのをご存じの方も多いでしょう。文字サイズを固定してしまうのはアクセシビリティ上少々問題があります。font-sizeはem，ex，%で相対指定（基準になるものとの比率で指定）するのがよいとされています。 Win
【レビュー】HTMLのidとclassでいい名前をつけるテクニック | エンタープライズ | マイコミジャーナル
SitePoint: New Articles, Fresh Thinking for Web Developers and Designers HTMLを書く際に悩むことは多々あるが、中でも悩ましいことのひとつにidやclassで指定する「名前」がある。idやclass属性はCSSやJavaScriptで対象となる要素を特定するために使われる。わかりやすく一貫性がある名前をつけることは、WebプログラマやWebデザイナにとって欠かすことができないスキルであり、悩ましいところでもある。 How To Compose HTML ID and Class Names like a RockstarにおいてMeitar Moscovitz氏がidやclassの名前をつけるひとつの方法を紹介している。短くまとまっており参考になる。同記事では次のテクニックが紹介されている。まず、名前を考える段階で次
個人的に使いそうなPHP、CSS、HTML等のフレームワーク17個
オープンソースフレームワーク色々 個人的なメモです。今まであまり 使っていなかったので少し使って いこうと思い、いくつか自分でも使 えそうなフレームワークを探しました。 個人的なメモです。今まであまり使って いなかったので少し使っていこうと思い、 いくつか自分でも使えそうなフレーム ワークを探しました。表題の通り、PHP、 CSS、HTMLやJS等しか僕は能力が 無いのでこの辺のフレームワークの まとめになります。 使いやすそう、使いにくそうというのは個人差が出そうだなぁと触ってみて思ったのですが、それぞれ良し悪しな感じもしたのでとりあえず気になったものだけメモしておきます。おそらく有名所ばかりだと思いますが個人的なメモなのでご了承下さい。 順不同です。 Blueprint CSSのフレームワークです。シンプルな設計ながら素敵なレイアウトが組まれている印象でした。 Blueprint Sa
Chrome Experiments
Chrome Experiments is a showcase of work by coders who are pushing the boundaries of web technology, creating beautiful, unique web experiences. You'll find helpful links throughout the site for creating your own experiments, and you can also explore resources like WebGL Globe and our workshop of tools.
「美乳」で文字化けが直るって本当？
・「美乳」で文字化けが直るって本当？ オンラインＤＶＤ＆ＣＤレンタルなら月々1980円で借り放題のＤＭＭがお得！ えっ？ って聞きなおしたくなるようなタイトルですが、「この『美乳』という文字をヘッダー部分にコメントとして挿入しておくと、文字化けが直る」という話は確かに存在します。ただし、これは大前提としてEUC-JPのページを作成するならば、という話になります。 <HTML> <HEAD> <meta http-equiv=Content-Type content="text/html; charset=EUC-JP"> <!-- 美乳 --> <TITLE>テスト1</TITLE> </HEAD> <BODY bgcolor="#FFFFFF"> このページはアダルトサイトとは無縁です。ヌード画像などは一切ありません。 </BODY> </HTML> では、なぜ、この「美乳」がおまじない
Aptana
Register now for Axway Summit 2024 and get energized to accelerate your digital transformation. Learn More Aptana Studio 3 is an open-source web development IDE, and while we are no longer actively maintaining the repository, it is still open-source and public so if you wish to download Aptana Studio 3 you can do so on GitHub.
Web Designing連載：エキソニモの view-source
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Web Designing連載：エキソニモのview-source</title> </head> <body bgcolor="#cccccc"> ┏━┳┳┳━┳━┳┳━┳━━┳━┓ ┏━━┓ ┏━┳━┳┳━┳┳┳┳━┳━┳┳┳━┳━┳━┓ ┃┗╋ ┫╋┃┃┃┃┗┫┃┃┃╋┃ ┃┏┓┃ ┗┓┃┏┫┃┗┫┃┃┗━┓╋┃┃┃┓┃ ┫┗┫ ┗━┻┻┻━┻┻━┻━┻┻┻┻━┛ ┗━┻┛ ┗━┛┗┻━┻━━┻━┻━┻━┻┻┻━┻━┛ エキソニモが気になる人／物／事の"ソース"を探るべく取材し、その裏側をコーディングして表側にレンダリングする
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
