1つのテンプレートで 12度おいしい XHTML + CSS テンプレートを公開してみたいと思います。といっても、ごく普通のテンプレートに CSS 切り替え機能を付けただけなんですが、Blog や Webサイトを作られる際のベースとして役立てて頂けたらうれしいです。 サンプルはこちらで確認できます 全ファイルのダウンロードはこちら (zip ファイル / 50KB) 8/10 追記 初期に配布したテンプレート内に、結構な量の誤字等がありましたので、現在の最新版を下記からダウンロードしてください。 では使い方などの説明を。 ファイルをダウンロードして解凍すると下記のようなフォルダ構成になっています。 index.html (XHTML テンプレート) css (CSS ファイル格納フォルダ) img (画像ファイル格納フォルダ) js (JavaScript ファイル格納フォルダ) 基本的に
【フリー壁紙】A CANDLE LOSES NOTHING by モンクレールウンアウトレット (12/20) 【フリー壁紙】A CANDLE LOSES NOTHING by ルイヴィトンコピー (01/04) 【フリー壁紙】A CANDLE LOSES NOTHING by コピーブランド (11/11) 【フリー壁紙】A CANDLE LOSES NOTHING by バーバリー 財布 メンズ (08/17) 無料で使える2010年カレンダーのまとめ by 浅見 晴美 (11/29) 先日からCSSについて「CSSを整理整頓!使われていないセレクタをチェックできる「CSS Redundancy Checker」」や「使わなくなったCSSを見つけてくれるfirefox拡張「Dust-Me Selectors」」でお伝えしてきましたが、今回は不要なCSSセレクタを探すのではなく、気になる
ウェブ製作に便利な9のFirefox拡張機能 管理人 @ 7月 5日 08:51am Firefox Deziner Folioの9 Essential Firefox Extensions for all Web Developersというエントリーで、ウェブ製作者向けのFirefox拡張機能が紹介されていたので、自分のためにも簡単に訳してみました。 1. Firebug Firebugを使えば、あらゆる Web ページの CSS、HTML、および JavaScript をリアルタイムに編集、デバッグ、モニタすることができます。また、発見したバグを知らせてくれるので、自分でエラーコードを探す手間が省けます。限定したサイトのみにfirebugを動作させるようにカスタマイズし、プレビューしたサイトに対して、on the flyでCSSを編集することもできます。 2. MeasureIt ウェ
HOWTO: spruce up your search box with CSS and a background image d’bug Very few designers appreciate the aesthetic of a text input field, and styling form fields cross-browser on any Web site can be a tedious and frustrating experience. CSSで独自デザインされた検索ボックスを作成。 次のような検索ボックスを作成するサンプルが公開されています。 画像は1枚だけで、構成は結構シンプルなつくりになっているようです。 デザインにこだわるなら、こういった部分もちゃんとデザインしたいですね。 具体サンプルのページ
ウェブ進化論 本当の大変化はこれから始まる (ちくま新書) 作者: 梅田望夫出版社/メーカー: 筑摩書房発売日: 2006/02/07メディア: 新書購入: 61人 クリック: 996回この商品を含むブログ (2353件) を見る kanjinaiさんも紹介していた、梅田望夫「ウェブ進化論」を読んだ。これから先、もっとwebによって社会変革が起きていくらしい。と、どうも他人事で読んでしまった。 私はこっちの記事のほうが、肌身感覚にはあっている。 べつに「はてな」に限らず、個人的には「ブログ」というツール(ネットの遊び場)に手詰まり感を感じているわけです。自己表現として何かを世の中に出したいと思っている人間より、仲間と楽しく特定のサービスを使いたいと思っている人間のほうが圧倒的に多いわけで、そういう人はケータイ・コミュニケーションとかmixi(18歳以上)に行っている、ということでしょう。
Elasticは「しなやかな」という意味の英語で、Webデザイン用語では「可変レイアウトの一種」に当たる。可変レイアウトといえばブラウザ幅に合わせてレイアウトの最大幅が変化する「リキッドレイアウト」を思い出すが、どこが違うのだろう。エラスティックの場合、表示幅はリキッドレイアウトの%でなくem(s)で指定する。em(s)は1文字分の幅を単位とするサイズの指定方法なので、30emとした場合は30文字分の長さ相当と理解できる。この指定方法で情報ボックスの幅を決めるとどうなるか。例えば記事本文を表示するボックスを20emに指定すると、20文字分相当の大きさが適用される。この状態でユーザーが文字サイズを「中」から「最大」に変更したとする。情報ボックスの幅は文字サイズの変化に従って、最大サイズの文字で20文字分の幅に最適化される。つまりレイアウト全体が文字サイズの変更に伴い拡大することになる。幅サイ
2カラムのサンプルを色々作ってみました。 事の発端は、Layout Gala: a collection of 40 CSS layouts based on the same markup and ready for download!を見ててですが、こういうレイアウトサンプルサイトは色々あって、P O P * P O Pさんでも紹介されていますね。 IE7もサポートしているCSSレイアウトがダウンロードし放題の『CSS Layouts』 | P O P * P O P http://www.popxpop.com/archives/2007/04/ie7csscss_layouts.html で、まぁ日本語のサイトがあんまり無いっていうのと、どーにもこーにも使い勝手が悪い気がしてならないので、自分が使いやすいだろう2カラムのサンプルを作ったという訳です。 細かく作っていけば限りなく出来
異なるブラウザのブラウザチェックをもっと簡単にしたい。 そんなあなたにおすすめなのが、『CSSVista』。IEとFFで同時にCSSを確認しながら編集できるフリーソフトだ。 What is it? CSSVista is a free Windows application for web developers which lets you edit your CSS code live in both Internet Explorer and Firefox simultaneously. CSSVistaとは? CSSVistaはweb制作者のためのWindowsアプリケーション。ライブにIEとFFのCSSを同時に編集できる。 とのことだ。 IEとFFといっても、バージョンにも対応している。IE4から6,NN4から8など、様々なブラウザ、バージョンに対応している。 ライブに、しかも異
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く