今年の 5月頃に発表されて、@font-face 時代の幕開けだぜと期待をふくらませていた Web サービス、「TypeKit」 が正式に公開され、誰でも使用できるようになりました。Typekit is live ： The Typekit BlogTypeKit は、著作権問題をクリアした多くの... [ 詳細データを見る ] [ 関連 ] [ ニコニコ風 ]
|
すでに使っている人には今更なんですが、これから始めるって人向けに簡単なまとめ。Tumblr といってもその用途は人それぞれ。自分の Blog として使う人もいるでしょうし、情報収集のツールとして使い人もいるでしょう。今回は情報収集 & クリッピングツールとしての使い方に主眼を置いて紹介してみようと... [ 詳細データを見る ] [ 関連 ] [ ニコニコ風 ]
|
1年に 1回は書いているこのネタ、懲りずに私が個人的に日常利用している Firefox アドオン（+ Greasemonkey ユーザースクリプト）を挙げてみました。Firefox 3 対応のアドオンのみを集めています。アドオンはあんまり数多くインストールすると結構重くなるので注意してくださいね。... [ 詳細データを見る ] [ 関連 ] [ ニコニコ風 ]
|
先日、「2009年の Web デザイントレンド」 というエントリーで紹介した Smashing Magazine の記事、 「Web Design Trends For 2009」 ですが、予告通り続きが公開されていたので紹介します。前回のエントリーよりレイアウト手法などにすこし範囲広げて、21の... [ 詳細データを見る ] [ 関連 ] [ ニコニコ風 ]
|
Smashing Magazine にて、今年 Web デザインのトレンドとなりそうな傾向をまとめた 「Web Design Trends For 2009」 という記事が上がっていましたのでご紹介。ちなみに、元記事は今年の 2回に分けての記事とのことでまずは今年トレンドになりそうな 10のデザイ... [ 詳細データを見る ] [ 関連 ] [ ニコニコ風 ]
|
近いうちにライフハッカー日本語版でも公開されるかもしれませんが一足先に。本家の lifehacker にて 2008年で最も人気のあった Windows 向けフリーソフトウェアの一覧が公開されています。といっても紹介されているソフトウェアは Windows 専用のみというわけではないですので、Ma... [ 詳細データを見る ] [ 関連 ] [ ニコニコ風 ]
|
知っている人には当たり前すぎて何をいまさらな話ですが、ちょっと質問されたのでメモついでのエントリー。Movable Type の管理画面 （mt.cgi） が丸見えなんで、そこに Basic 認証をかけたいって場合、MT のインストールディレクトリ以下のディレクトリに普通に Basic 認証かけち... [ 詳細データを見る ] [ 関連 ] [ ニコニコ風 ]
|
ブロガー向けプロフィールページASP 「iddy」 とオンラインでオリジナルのミニ名刺が簡単に作れる 「pocketer （ポケッター）」 が連携。iddy で公開しているプロフィールデータを使って簡単に pocketer のミニ名刺が作れるようになりました。pocketer は、3cm × 7c... [ 詳細データを見る ] [ 関連 ] [ ニコニコ風 ]
|
phpspot 開発日誌さんで、「CSS の Overflow を応用して画像を綺麗にリサイズ表示するサンプル」 という記事が上がっていたのですが、この手の一部トリミングだったら clip プロパティがちゃんと用意されてるんでそっちを使ってもできるんじゃないかということで、clip プロパティを使... [ 詳細データを見る ] [ 関連 ] [ ニコニコ風 ]
|
前回の続きです。今回が最終回、擬似要素を中心にまとめています。 擬似要素についてですが、CSS3 では擬似クラスと擬似要素を明確に区別するため、擬似要素に関しては、「:」 を 2回使って、「::」と記述することが定義されています。CSS2 までに準拠してコーディングする場合は従来どおり、「:」 1... [ 詳細データを見る ] [ 関連 ] [ ニコニコ風 ]
|
table 関連の要素とか属性っていろいろあるにもかかわらず、結構使われていないなと思ったり。上手にマークアップしておけば、アクセシビリティ的にも優れた表組みが再現できるだけでなく、CSS で見た目をいじるときにも、無駄に class 属性なんかをつける必要もなかったりと、いろいろ良い事あるのにな... [ 詳細データを見る ] [ 関連 ] [ ニコニコ風 ]
|
404 Blog Not Found さんにて、「CSS - スクロール可能なテーブル w/o JavaScript」 というエントリーが上がっていて、これ見た時にその HTML ソースはないなぁ、、と思ったのと同時に、tbody に CSS を適用して overflow:auto とかすれば終わ... [ 詳細データを見る ] [ 関連 ] [ ニコニコ風 ]
|
滑らかに開閉するメニューのサンプルEntry InformationyoshiDecember 3, 2006 - 16:46.html/css以前、個人的に作っていたサイトで、なんかメニューの見せ方を工夫できないかなと思って、「prototype.js」 と 「effects.js」 を利用して... [ 詳細データを見る ] [ 関連 ] [ ニコニコ風 ]
|
CSS を記述するときに記述したスタイルの適用優先順位を理解していないと思ったようにスタイルが適用されなかったり、後からメンテナンスするときに効率的な作業ができなかったりと、思わぬところで無駄な時間をとられたりします。で、結果として !important 宣言を連発、気が付いたら CSS が !i... [ 詳細データを見る ] [ 関連 ] [ ニコニコ風 ]
|
サイトリニューアルの際に、旧デザインで各エントリーページに付けていた、hatena ブックマーク、del.icio.us 等ソーシャルブックマークへの追加ボタンをはずしてそのままにしていたのですが、これを再度掲載することに。その際、単にアイコンを並べただけでは味気ないので、ちょこっと小技を効かせて... [ 詳細データを見る ] [ 関連 ] [ ニコニコ風 ]
|
pre 要素に対する印刷用 CSS
Entry Information
yoshi
November 18, 2007 - 23:35.
html/css
サイトリニューアルと同時に印刷用スタイルも書いてみたんですが、ふと気がついたのは、pre 要素の中身って印刷するとき紙からはみ出しちゃって全部... [ 詳細データを見る ] [ 関連 ] [ ニコニコ風 ]
|
フォームの入力コントロールの中で、select 要素によるセレクトメニューは、選択肢の数が一定以上増えると選択したい項目を探し出すのがちと面倒になります。そんな時のために optgroup 要素が存在するわけですが、こいつを使用した上で、CSS をあてて見た目を装飾する方法と、一部ブラウザでの注意... [ 詳細データを見る ] [ 関連 ] [ ニコニコ風 ]
|
最近ウチの会社の中の人も書いていました、Web サイトのナビゲーションとしてよく使われる 「パンくずリスト」 （Topic Path なんて言い方もしますね） ですが、マークアップの仕方はどういう方法がいいとか、そもそもパンくずリストって必要なの？ なんて話まで、最近よく目にする気がします。 個人... [ 詳細データを見る ] [ 関連 ] [ ニコニコ風 ]
|
最近、CSS の line-height プロパティに指定する値は単位なし （<number>） が良いという話が話題になっているようです。別に今に始まった話題ではないんですけども、最近この話題に触れている記事の中に、ちょっと気になる書き方をされる方がいるのでちょっと書いてみます。 [ 詳細データを見る ] [ 関連 ] [ ニコニコ風 ]
|
Ajax、CSS、PHP、Flash、JavaScript などを使用して何か作ろうと思った時に、1からすべて考えるのではなく、他の人が過去に作っているサンプルなどを参考にできたらとっても助かったりします。ということで、これら様々なチュートリアルをまとめたサイトを紹介。Digg 経由。 Tutor... [ 詳細データを見る ] [ 関連 ] [ ニコニコ風 ]
|
