けSERAせらせらせら: 2009/09/01

木曜日, 9月 24, 2009

PSD　５０選

http://designrfix.com/freebies/free-psd-files-collection-of-50-psd-files-from-around-the-web

火曜日, 9月 22, 2009

CSSとJavaScriptで作るフォームエレメントのチュートリアル51

1st webdesignerで、CSSとJavaScriptで作るフォームエレメントのチュートリアルがたくさん紹介されています。

いくつかご紹介。

Changing Form Input Styles on Focus with jQuery。フォームの中にラベルを表示して、フォーカス時にラベルを消してくれる

Turn postcard photo into a stunning comment form using CSS古いポストカードを使ってコメントフォームをつくったようなデザインのチュートリアル

CSS Tableless Formテーブルを使用しないフォームデザイン。floatとネガティブマージンを使用
テクニカルで気の利いたものが多いですね。
その他は以下からどうぞ。

» 51 Form Element Resources and Tutorials Using CSS And Javascript

土曜日, 9月 12, 2009

ロボットのインテリア

rocking chair robo, ubermorgen.com from antjeverena on Vimeo.

wag the robo, ubermorgen.com from antjeverena on Vimeo.

animated antlers, ubermorgen.com from antjeverena on Vimeo.

水曜日, 9月 09, 2009

プレゼン用デザイン集

パワーポイントでのプレゼンのときのデザイン参考
http://noteandpoint.com/

» JQuery Validate
jQueryによるクライアントサイドのバリデート

» PrettyCheckboxes - jQuery　
FancyFormと似たかわいいチェックボックスを作るjQueryライブラリ

» Thickbox　
画像だけでなくテキスト等も読み込めるlightbox

» FancyBox　
超クールなFancybox。画像をすーっと拡大してくれる。デザインがMacライク

» Slideshow 2! for MooTools　
とてもクールなMooToolsによるスライドショー

» SmoothGallery　
こちらも超クールなスライドショー。MooTools v1.11を使用

» DynamicDrive - Carousel Slideshow　
3Dに魅せるカルーセルギャラリー

» jQuery UI Tabs　
jQueryを使ったシンプルなタブコンテンツ

» SmoothScroll　
するするっとスクロールするMooToolsスクリプト

» jQuery Tooltip Plugin　
クールなツールチッププラグイン

» jQuery Accordion　
jQueryを使ったアコーディオンメニュー
かなりかっこいいものが揃っていますね。
その他のリストは以下からどうぞ。

» 40 Super-Neat JavaScript Plugins

CSSできれいなサイト、テンプレート

CSSできれいなサイト、テンプレート９つ
これは、使えるかも。
http://www.crazyleafdesign.com/blog/9-beautiful-free-css-web-templates/

やる気を盛り上げる、いろいろな記事

「充実感」を感じやすい人、できない人：日経ビジネスオンライン

のめりこみ・没頭の科学。フロー理論について。ゲームはフロー状態を発生させる効果的な装置。同じように仕組みを作って仕事に適用すれば生産性はあがりそうです。

【1】「脳とやる気」1秒で勉強意欲に火がつく法達人のテクニック

脳科学からみるやる気の管理方法。まずウォーキングや雑用などで準備運動からはじめて徐々にやる気を上げていく科学的な方法について解説。

池谷裕二が指南！やる気が出る「脳」のだまし方達人のテクニック

脳の本で有名な池谷裕二氏の記事。脳の仕組みについて理解した上で、脳のやる気をいかに上げていくかという話。

【2】「脳とやる気」1秒で勉強意欲に火がつく法達人のテクニック

五感に刺激を与えることでモチベーション向上。目的意識も持つ

やる気に関する驚きの科学

Photoshopで使えるデザイン

45 Useful Collection of Free Photoshop PSD Files

そのまま使えるウェブサイトテンプレートのPhotoshopファイル４０種類

金曜日, 9月 04, 2009

Ajax：ローディングアイコンが作れるジェネレータ

Ajaxload – Ajax loading gif generator
色や透過指定ができますね。あまり作れる画像の種類は多くないっす。

Chimply generates your images
これは有名ですね。画像の種類も豊富です。

Preloaders.net Free AJAX animated loading gif’s 3 dimensional (3D)
こちらも種類が豊富。3Dアイコンとか良い感じ。

YouTube 小技

&fmt=18
URLの最後に「&fmt=18」とか「&fmt=22」とかつければ高画質で再生してくれる場合がありますよ。

&ap=%2526fmt%3D18
さきほどの小技を貼り付けコードで使いたいときは「&ap=%2526fmt%3D18」か「&ap=%2526fmt%3D22」を使いましょう。

#t=03m22s
途中から再生させたい場合は「#t=03m22s」のようにします。分数と秒数ですな。

&showsearch=0
検索ボックスを消したい場合は「&showsearch=0」をつけましょう。

&autoplay=1
貼り付けた動画をいきなり再生させたい場合は貼り付けコードに「&autoplay=1」を追加。

&rel=0
貼り付け用コードに「&rel=0」をつけておくと関連動画をOFFにしてくれます。

http://www.youtube.com/v/XXXXXX
たまに特定の国でしか見れない動画がありますが、その場合はURLを「http://www.youtube.com/watch?v=XXXXXX」から「http://www.youtube.com/v/XXXXXX」に変えるといいです。

http://www.youtube.com/watch/v/XXXXXX
いきなりフルスクリーンでみたいときは「http://www.youtube.com/watch?v=XXXXXX」を「http://www.youtube.com/watch/v/XXXXXX」にします。

ダウンロード
URLにちょろりと細工するだけでダウンロードできますよ。
kickyoutube.com
kissyoutube.com
youtubemp4.com
youtubefire.com
pwnyoutube.com
youtubepod.com

リピート再生
リピート再生も定番ですな。
endlessyoutube.com
youtuberepeat.com

すっきり再生
画面をすっきりさせて再生させたい場合。
http://quietube.com/v.php/ の次にYouTubeのURL
http://silentube.com/a.php/ の次にYouTubeのURL

いきなりHD
HD画質の動画がある場合、「&hd=1」をつければOK（thanks @awefさん！）

けSERAせらせらせら