なんとなく宣伝してほしいな電波を受信したので。明日の9/4（木）、池袋のジュンク堂さんで「Firefox 3 NITE」があるそうです。時間が19:00からなんで私は行けないんですが、豪華執筆陣＋Mozilla Japanの瀧田さんによるトークやフォクすけぬいぐるみのプレゼントがあるそうで。http://www.junkudo.co.jp/newevent/evtalk.html#20080904ikebukurohttp://www.oreilly.co.jp/editors/archives/000196.htmlhttp://www.oreilly.co.jp/edi...
『 "HAREL-ハレル-とは、Webページのソースコードをチェックし、アクセシビリティへの適合度を点数で表示するWebサイトです。問題箇所を抽出するだけでなく、問題の解説と改善方法を提示することで、アクセシビリティの専門家ではない方でも簡単にWebサイトを評価・修正できます。開発中のWebサイトやアプリケーションがアクセシビリティを満たしているか、確認する時にご利用ください。" 』
『 アニメみたいな視差を表現する面白JavaScriptライブラリ「jParallax」 イメージ上でマウスを動かすと、近くの物ほど速く、遠くの物ほど遅く動作するような表現が可能。 』
Green Gecko Designから、divで囲まれたエリアを省スペースに表示し、オリジナル画像を使ったスクロールバーを使用できるスクリプトを紹介します。 MooScroll デモ スクロールバーを形成する画像構 [...]
ウェブページで表示するフォントの種類が変われば、文字の見た目の大きさが変わってしまい、レイアウトが崩れてしまうことがある。デザインの統一感や可読性のためにも、文字の見た目の大きさが変わらないように注意しよう。 表示に使用するフォントの種類が変わると、同じフォントサイズで表示していても文字の見た目の大きさが変わってしまう。デザインによっては...
これは超絶便利そう。あとで使うという意味でメモ的エントリー（といいつつ最近コーディングしていない・・・）。 jQuery Cornerは簡単な記法でさまざまな角丸風エフェクトを実現してくれます。 ↑ まずは基本。 ↑ ちょっと複雑なこんな感じのも。 ↑ 枠の色を変えてみたり。 ↑ 名前タグみたいでいいかも。 なんといっても書き方がシンプルでいいですね。使いやすそうです...
A List Apartのエントリーから、CSS Spriteを使用したナビゲーションに、マウスオーバー時にアニメーションのエフェクトをつける「CSS Sprite2」を紹介します。 CSS Sprites2 - It [...]
自分が文章を書く場所はほとんどこのブログだけなのですが、mixiにも外部ブログ設定をしてエントリーを表示されていました。ただ、この外部ブログではリンクが表示されるだけで内容を読むためにはこのブログに飛んでこないといけませんでした。さらに、マイミクの中には携帯だけでしかmixiを見ない人も結構いて、そういう人にはまったくブログの内容が読めない状態にな...
Column Layout Generatorは、直感的に1、2、3カラムのレイアウトのスタイルシートが作成できるオンラインサービスです。 Column Layout Generator 使用方法は簡単で、左側のスラ [...]
ちょっとしたフォームのおしゃれに。 サンプルデモ 解説は英語ですが、サンプルコードがありますのでわかり易いと思います。 Enhance your input fields with simple CSS tricks
『 XHTML1.0準拠、テーブルを綺麗に見せるCSSの技。シンプルで大変わかりやすいサンプルソース付きで非常にお買い得（?）、いじってるだけで遊べる 』
Build An Incredible Login Form With jQuery - NETTUTS超クールなログイ...
『 CSSでデザインしたクールなテーブルサンプル集がSmashingMagazineにて特集されてます。 』
画像だけを表示するRSSリーダーを作る時にCSS3のアニメーションを使ったので、軽くまとめてみます。間違い等あれば指摘していただけるとありがたいです。全体的に[要出典]です。 CSS3アニメーション アニメーション自体がものすごく軽いのはsafariのCSS3で使える-webkit-transformと-webkit-transitionを使っているためです。 -webkit-transformは変化後のスタイルを規定し、-webkit-transitionは動...
『 綺麗で立体感のあるサイトメニュー素材:phpspot開発日誌 』
Add grunge effect to text using simple CSSCSSでテキストにグランジ効果を与え...
Patrick Burtのエントリーから、スタイルシートの装飾のみでデザインした８つのロゴデザインを紹介します。 8 Examples of Logos Using Only CSS 指定は、左上から順に下記のように [...]
書いてみた。 まずあれ。 FirefoxにアドオンのStylish入れてね。 ファイル自体を貼りたかったんだけど、やり方分らないからそのままコピペる。 ニコニコ動画のでかい頭を小さくします。 @namespace url(http://www.w3.org/1999/xhtml); @-moz-document domain("www.nicovideo.jp") { /***(｀・ω・´)ゞスクロール用スペース確保***/ body{padding-left:10px !important;} /***(｀・ω・´)ゞ広告破壊***/ div#PAGEBODY div.ads_728, div#PAG...
『 手軽に実装できる10種類のテーブルCSSデザイン。（→紹介&ポイント：http://coliss.com/articles/build-websites/operation/css/1395.html） 』
今、自分のブログをスクラッチしているので、こちらで。【black-out.css】当エントリは、下記の方におすすめの情報でございます。FirefoxユーザーであるFirefoxのアドオン「stylish」を入れている。もしくは必要なら入れてもいいって人。（mixiをPCで使っている場合）右に出てくる鬱陶しいバナーにうんざりしていたり、日記とコミュにしか興味がない人。お気に入りのブログが、情報...
