stu nicholls | CSS PLaY | experiments with cascading style sheets | home page
よくカテゴライズされたCSSのサンプルサイトです。
どれかきっとヒントになるはず。
にしてもこうなるとCSSのトリックもコモディティ化してちょっとやそっとの効果では驚かなくなりますね。
GIGAZINE - CSSで角をもっと丸くする方法いろいろ
そのほかに角を丸くする方法、例えば画像を使わない方法だとかはかなりいろいろなパターンが存在していますので、以下にざっくりとまとめてみました。
参考になります。ありがとうございます。
Atlas - powered by Fresh Logic Studios
Web2.0っぽい地図のサイトなんですが、日本を見ても何もランドマークがないのでつまらないです。
でもページ上部のメニューのところなんかがどっかで使えるアイディアのような気がするので、メモ程度にブックマークしておきます。
ブラウザの中に貼れるポストイットって感じのサービスを提供しているサイトなんですけど、これ、そのサイトにいってログインしなきゃいけないってのがいまいちですね。
Vitamin Features ｻ Serving JavaScript Fast
JavaScriptファイルやCSSを速く配信するPHPベースなTIPSです。
内容が長いんであれなんですけど、とりあえずサイトの色合いが好きなのでブックマークしておきます。
dragdropupload :: Mozilla Add-ons :: Add Features to Mozilla Software
Drop files into attachment boxes instead of browse for them or type in the filename. Drop multiple files and fill all the entries. In some websites it allows to add new upload files: in Gmail is possible to drop the files directly over the "Attach a file" link.
ドラッグ&ドロップで複数のファイルを一度にアップロードするためのFirefoxのエクステンションです。
Gmailでファイルを添付するときなどに便利ですね。
Dynamic Drive DHTML Scripts- Ajax Tabs Content script
タブ・インタフェース用のAjaxというかJavaｓｃriptライブラリです。
いつか必要になるかもしれません。
ページのロード時間とかトラフィックの繊維、検索エンジン対策など世の中にあるいろんなツールを使って入力したURLを解析してくれます。
ここでURLを一度入力すればあとはクリックだけの世界になるのでなかなか便利です。
TypeNow.net Themed Fonts Download Free Movie and Music Fonts
映画のタイトルや企業ロゴなどのいろんなフォント300種類がダウンロードできます。
サイズのでかいファイルはメールで送れなかったりするんでそんな時につかうサイトです。最大100MBまででファイルフォーマットはなんでもよいみたいです。
アップロードしたファイルは7日間だけ保存されるようです。
ダウンロードするときにインタフェースというか手順は実際にやってみてないのでわからないのですが、誰でもダウンロードできるってわけではないような気がしますけど、ああやってああやると結構やばいですね、やっぱり。
で、もう1つ同じようなサービス。
DropSend | Email large files easily and securely
こっちは最大1GBですって。保存期間は明記されていないんで、もしかしたら永遠なんだろうか。
Diggのような感じの投票系サービスなんですけど、どちらかというとアンケートの方が近いかな。
Spy機能などがあります。
で、他のアンケートシステムとしてはAJAXを使ったhttp://www.dpolls.com/などがあります。
いつも「s」をつけるのを忘れてわかんなくなります。
Ajax but no JavaScript
オープンソースなAJAX Webフレームワークです。
JavaScriptなしでリッチなUIが実現できるそうです。
おもしろいです。
Solutoire.com - Ajax Resources
AJAXに関するいろんなサイトがカテゴライズされてまとめられています。
文字を入れると画像と合成してくれます。
日本語はだめです。豆腐になります。
その他新聞のような体裁にすることもできます。
http://tools.fodey.com/generators/newspaper/snippet.asp
Agile Partners weblog ｻ iPhoto-like image resizing using Javascript
スライダーで写真の大きさが変化します。
3spots: Ajax Highlight, Link & Email: Deepquote • • •
Webページでどっかを選択したまま実行するとURL作成ページを表示し、URLを作成するとそこにアクセスすると引用した部分がイエローエフェクトで表示されるというURLを作成するブックマークレットです。
実際にURLを作成するのは以下のサイトです。
基本的におもしろいですね。
【レポート】Wicket入門 - JavaとHTMLだけで作るWebアプリケーション (1) Wicketとは? (MYCOMジャーナル)
WebアプリケーションフレームワークWicketが正式リリースされたのは2005年の6月。まもなく1年を迎ようとしている。Wicketは、Webアプリケーションの開発を容易にするため、それまでのフレームワークとは一風変わったアプローチを取っていることで注目された。Wicketの現在の最新版はバージョン1.1.1であり、6月には様々な改良が加えられたWicket 1.2がリリースされる予定になっている。本稿では、そのWicketを使用して簡単なWebアプリケーションを作成する方法を紹介する。
Wicketとは、簡単に言ってしまえば「シンプルなHTMLとJavaのコードだけでWebアプリケーションを作成するためのフレームワーク」である。 Wicketでは、動的なWebページの構成をデザインとロジックに分割し、画面のデザインを記述するHTMLにはロジックのためのコードを埋め込まないようになっている。これによってデザインのためのマークアップとJavaのコードを混ぜて記述する必要が無くなり、デザイナとプログラマの仕事を完全に独立させることができる。
動的に表現される部分はちょうどAJAXを使ってDIV要素を書き換えるような感じでHTML文書内に記述されます。
ソースが見やすくなりますね。
Eclipseからもプラグイン経由で利用できるようです。
The Moleskin ｻ Think.Try.Teach Firefox Extensions For Web Development
Web開発者向けFirefoxのエクステンションの紹介サイト。
試してみたいものばかりです。
Dynamic Drive DHTML Scripts- Drop-in content box
サイトを訪れたときに絶対見せたいDIVエリアをドロップ形式で表示させるためのスクリプトです。
回数のコントロールもできます。
というか、これをなんて表現したらいいのかがよくわからない。
Central Desktop - Team collaboration, task and project management software - Central Desktop
えっと、いわゆるグループウェアなんですけど、いろいろ今っぽくなってていい感じです。
日本語が通るかどうかはわからないんですけど、とりあえずこれの日本語版やるだけでも既存のグループウェアにある程度は対抗できるんじゃないかと思いつつ、それほど簡単な話じゃないというのもよくわかりますよ。
好きなページのJavaScriptオブジェクトを参照するブラウザのBookmarklet
使用しているJavaScriptオブジェクトを表示するブックマークレットです。
Ponyfish is a FREE web-based tool that allows you to create your own RSS feeds from almost any web page.
RSSを提供していないサイトをRSS化するというサービスを提供しているサイト。
Protolize | Essential web tools in one place
様々なWebツールをブックマークしているサイト。
こういうサイトはやっぱり必要かもなあ。
検索キーワードはブックマーク(bookmark)とかアイコン(icon)とか無料(free)にしておこうっと。
Plaxo は現在、ユーザーが中央サーバーに最新の連絡先情報を保存できる Web ベースのサービスを提供している。内容を変更すると自動的にデータ更新を行なうほか、Microsoft の『Outlook』および『Outlook Express』や、Yahoo! のアドレスブックなど、他社の人気製品/サービスの連絡先情報と同期させることも可能だ。
script.aculo.usを使って机とか床に反射したような効果をイメージに追加するスクリプトです。
あ、うまく使えば相当いい感じになるんだろうなあ。