CSS3で作るあんなものやこんなものまとめ
さまざまな可能性を秘めたCSS3の登場から、いろんなエントリーが出てきましたので、一部をまとめてご紹介。 ちなみにこの画像はこちらのもので、CSS3だけで画像を使わずにキュウべえを書いたそうです。 CSS3でどんなことができちゃうの系 CSS3のみでいろいろなオブジェクトの作り方を掲載されている。 CSSについて知っておきたいことまとめ。 仕事で役立つ事もばっちり羅網。このまとめっぷりはすごいです。 CSS3の完全一夜漬けマニュアル。 とりあえずこの記事のところにサンプルがありますので触ってみてください。 すごく気持ちいい体験が待っていることでしょう。 CSS3のアニメーション効果を利用してちょっとダイナミックな404ページを表現しています。 すっごいかっちょいい。サンプルデモはこちら。 CSS3だけで3Dを表現。とりあえずこれがCSS3だというものを見せてくれる。ぱない。chromeでも
Webサイトのフッター２００個とフッターデザインの考え
フッターの美学。 そんな素敵サイトを紹介しようといくつかチョイスしていたら海外ブログのDWSが「The 200 best footers on the web」なんていう化け物エントリーをさらっと出してきたもんだから驚きだ。 しかもクオリティもめちゃ高い。 なので今回はこのエントリーを紹介して終わろうかなって・・・。 参考までにネタ帳が好きなフッターを７つほど紹介します。 たま、フッターまとめサイトの楽しみ方も一応書いておきます。 以下からどうぞ。 すばらしいフッターデザイン２００ The 200 best footers on the web « Web Design Shock もはやひとつのショーケースというか一冊の本になってもおかしくないクオリティの記事です。 ご堪能あれ！ 中でもネタ帳がお気に入りのフッター７つ Tomáš Pojeta | kreativní grafik ここ
[修正]GIMP Liquid rescaleプラグイン（液体のような縮小）*ホームページを作る人のネタ帳
2007.11.19追記：攻略してくれた人がいました！！ 流動的トリミングというちょっと変わったトリミング - みんなのＩＴ活用術 いまいちどう伝えていいのかわからないのは、私も試したわけではないからなんですが・・・ 一応知っているだけであとで何かの役に立つかと思いメモ。 Liquid rescaleというプラグインらしいのですが、どうやらマスクをかけたところ以外をうまいこと縮小してくれるようで、実に面白い画像の編集が可能。 こういう画像を右から２番目と左から３番目の人を削除マスクしておくと・・・ こんな感じで、空間を埋めるように縮小が行われる仕組み。 詳細は以下で。 追加記事 コメントより有益な情報を得られましたので記事の下に追加 空間を埋める縮小とは 動画がありますのでそちらで確認してもらうとわかりやすいかも。 polishlinux.orgの、GIMP tricks: Liquid
![[修正]GIMP Liquid rescaleプラグイン（液体のような縮小）*ホームページを作る人のネタ帳](https://cdn-ak-scissors.b.st-hatena.com/image/square/52b32d332a5f54ec6817f8445203f3acdb1cd148/height=288;version=1;width=512/https%3A%2F%2Fblog-imgs-17.fc2.com%2Fe%2F0%2F1%2Fe0166%2F200711112134.jpg)
WEB制作者の為のベストエントリ38個まとめ-part4*ホームページを作る人のネタ帳
ライブラリ・WEBツール FancyForm - Javascript checkbox replacement チェックボックスをオシャレに変換する。 見飽きたチェックボックスを変更するだけで、少し違った印象を与える事が出来るかも？ （前に紹介した気もしますが念のため） Popular Online Generators | Tech Magazine 過去に話題になったWEB2.0系の画像を自動生成するWEBジェネレータまとめ。 アップした写真をお洒落に見せるJavaScript 写真風に自動変換してくれる便利なJavaScriptライブラリ。 Gigazinize: あなたのブログ，GIGAZINEのようにします 自動でブログ文章に見合った画像を探してくるサービス。 後継のGigazinize Tools - Image: Making up your Blog（あなたのブログに選り
ぺらぺらノートをめくるようなpicasa用テンプレートのFLASHフォトギャラリー*ホームページを作る人のネタ帳
FLASHイメージギャラリーのひとつ。 ぺらぺらとページをめくるように画像を閲覧していきます。 これはGooglePicasaを利用している人用のエントリになりますのであらかじめご了承ください。 xml形式のテキストファイルを少しいじるだけで使える便利なもの。 以下のサンプルをみて、面白そうだと思ったら試してみるといいかもしれません。 ・サンプルデモ1（横長） ・サンプルデモ2（縦長） 詳細は以下に ダウンロードしたらxmlフォルダを開く 以下のページの下部にダウンロードファイルがあります。 ↑ここにあります。 ダウンロードしたファイルを下のフォルダに入れます。 Program Files/Picasa 2/web/templates/ 結構簡単に使えそうですね。 言語的に、もしかしたら日本語は対応していないかもしれません。 興味のある方はぜひお試しあれ。 写真管理ソフトGooglePic
HTMLテーブルの行を見やすくするテーブルクロスJavaScript*ホームページを作る人のネタ帳
» Introducing Tablecloth テーブルクロスを導入する。 この記事がWEB関連のなかで話題になっていました。 はて・・テーブルクロス・・・。 何のことやらさっぱりだったんですが、使ってみるとなかなか素敵な動きをしてくれましたので記事に。 あなたのhtmlに2行のコードを加えたら・・・ By simply adding 2 lines of code to your html page you will have styled and active tables that your visitors will love あなたのhtmlにたった2行のコードを加えるだけで、あなたのサイトのテーブルは、あなたのサイトの訪問者に愛される。 なんとも素敵な響きだなと思った人はデモを見てみましょう。 » デモはこちら テーブルによって大量のデータを出力するときには便利な機能ですね。
JavaScript、FLASHのイメージギャラリーまとめ15個ほど*ホームページを作る人のネタ帳
今回は過去のホームページを作る人のネタ帳にて、まとめの一部として使われていたイメージギャラリーを主役にまとめました。 JavaScript系はブログでも使う事が出来たりしますので、お時間のあるときにでもお試しください。 （Flashに一点追加しました） CSSJavaScript Photo Sliderライブラリ。 滑らかなスライドを実装できます。CSSデザインである為、デザインのカスタマイズも可能。 ダウンロードページ 商用利用の場合は29ドルだけど、非営利の場合は無料で使える。 テキストが表示されているところもポップアップするので試してみると楽しいです。 ダウンロードページ 正確にはギャラリーではないですが、虫眼鏡による画像のビューア。 FLASHではないところがまた乙。重いのが難点か・・・。 ダウンロードページ こちらも虫眼鏡。地味に2つの機能がある。 クリックしながら右にドラッグ
無料のアイコン配布サイト50を書いたデザイナー向けのブログ『DezinerFolio』*ホームページを作る人のネタ帳
いやーすごい。 海外では、たまにこういうごついまとめを見かけますが、本当にすごいですね。 見ているだけでもちょっと素敵な気分にさせてくれます。 今回は、無料で使えるアイコンサイト50のほか、この投稿をしてくれたブログについてご紹介いたします。 無料アイコン配布サイト50エントリ 無料で使えるアイコンサイト５０はこちら » Top 50 Supercool Free Icon Sets 今回ご紹介したサイト。 『DezinerFolio』というサイト。 既に見たことはあると思いますが、もしもまだ見た事が無いなら、WEBデザイナーさんなら一度は見ておいたほうがいいブログです。 例えば、次のようなエントリーなど、すごく参考になるところがあります。 3D Design Inspiration この記事は、人工的に作られた画像をまとめたエントリー。 リンク先には、もっと沢山の画像がありますので、参考
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
