jQuery便利ですよね。Web制作には欠かせないものになってきましたね。 これまでずら〜〜っとコードを書いていたものも jQuery が出てきたことでコンパクトでわかりやすくなり、Webデザイナーでもプログラマーに頼らずに動きのあるサイト作りが可能になりました。 ここではノンプログラマーでもカンタンにコピペベースで実装できるjQuery小技を紹介しているページをまとめています。 Web制作をしていると必ず使用するものばかりですので各ページは要ブクマです！ これだけ大量に小技があれば必要な機能は大体そろうのではないでしょうか？ 少しのコードで実装可能な20のjQuery小技集 http://www.webcreatorbox.com/tech/jquery-tips20/ このページで紹介されている小技一覧 1.マウスオーバーで画像を変更 2.外部リンクを別タブで開く 3.ページトップ
アクセス解析を仕事にしている。 そんなあなたにおすすめなのが、『10 Firefox Extensions for Web Analytics』。アクセス解析に便利なFirefoxアドオン10選だ。 以下にいくつかご紹介。 » Data Analytics データのインポート、分析、グラフ化ができるツール » GA? 見ているページにGoogle Analyticsが埋め込まれているかを判定できる » Fire Analytics Google Analyticsのデータをチェックできる » Alexa Sparky ステータスバーでAlexaのデータが見られる その他のリストは以下から。 » 10 Firefox Extensions for Web Analytics アクセス解析に便利なFirefoxアドオン、チェックしてぜひ使ってみてはいかがだろうか。 スペイン坂のちょっとしたお店
HONGKIATで、写真の魅力をUPするPhotoshopアクションがたくさん紹介されています。 ざっといくつかご紹介。 ↑はPhotoshop Action 2。 Actions Clyck 古紙のエフェクトをかけるアクション ページのめくれを表現 ポラロイドジェネレータ ダウンロードしてアクションとして登録すれば、簡単にエフェクトがかけられるようになりますね。 その他のリストは以下からどうぞ。 » 60+ Useful Photoshop Actions For Photo Enhancements minnie ripertonとかマドンナとかラウンジ系のCDを借りた。よく聞くloving’ you〜♪はripertonのオリジナルではないようですね。。誰かがカバーしたのかな？？ FOREVER21の前に人がいっぱい並んでるーGWやな。
オンラインショップのための無料で使えるクレジットカードアイコン集『Free Credit Card Icons For Online-Shops』 – creamu
Design オンラインショップのための無料で使えるクレジットカードアイコン集『Free Credit Card Icons For Online-Shops』 クレジットカードのアイコンを使いたい。 そんなあなたにおすすめなのが、『Free Credit Card Icons For Online-Shops』。オンラインショップのための無料で使えるクレジットカードアイコン集だ。 以下にご紹介。 » PayPal Online Logo Center 3タイプのグラフィックを提供。 » Free Credit Card Logos & Images 75種類のクレジットカードロゴを提供。 » VirtuaLNK Credit Card Icons 3Dのアイコンセット。↑のキャプチャはこちら。 » Images Of Credit Cards 様々なサイズでアイコンを提供。 » Kjel
クールにツールチップを表示させたい。 そんなときにおすすめなのが、『Create a jQuery Popup Bubble』。jQueryを使ったフェードインするポップアップバブルだ。 このエントリーでは、↑のようにマウスオーバーでフェードイン&アウトするチールチップの実装方法が紹介されている。 デモは以下から。 » View Demo jQueryを使ったフェードインするポップアップバブル、チェックして参考にしてみてはいかがだろうか。 » Create a jQuery Popup Bubble 恵比寿でカフェ中っと。天気がよくて気持ちいいですねーー。 テンションが上がったのでアニメGIFにしてみましたm(_ _)m
写真が綺麗なサイト35 – creamu
Smashing Magazineで、写真が綺麗なサイトがまとまっています。 ざっといくつかご紹介。 » Jonathan Glynn Smith クールなスプラッシュスクリーンと美しくミニマルなデザイン » Rankin UKのフォトグラファーによる大きい写真とカラフルなデザイン » Lara Jade 美しくデザインされたFlashベースのサイト » Burn Magazine 新しいコンテンツを保つためブログライクなデザインにしたBurn Magazine » Chase Jarvis フォトグラファーの中で有名なブログ。シンプルなメニューとアニメーションで大胆に切り替わる写真。↑のキャプチャはこちら その他のリストは以下からどうぞ。 » 35 Beautiful Photography Websites 休日出勤が終わって外苑前で作業中ーっと。うーんまだまだだ。
Graphicu is the site gathering beautiful sites ONE PERCENT DESIGN _2011.12.26 19:10 Carter _2011.12.26 18:38 Nest _2011.12.26 18:24 URBAN RESEARCH Co., Ltd. _2011.12.26 16:40 TAKEO PAPER SHOW 2011 _2011.12.26 16:36 URBAN RESEARCH _2011.12.26 16:29 Lavazza 20Calendars _2011.12.26 14:14 10 Years In Type _2011.12.26 13:31 RADIOHEAD _2011.12.26 13:23 Abercrombie & Fitch _2011.12.26 13:08 Dijean _2011.
フッターをブラウザの下部に常に表示させたい。 そんなときにおすすめなのが、『CSS Sticky Footer』。ブラウザの下部にフッターを固定表示するCSSだ。 クロスブラウザで、IEやFxはもちろん、Opera、Safari、Google Chrome、Chaminoなどにも対応している。 ブラウザ対応状況は以下から。 » Here is the Full List HTML、CSSもとてもシンプルなので、ぜひ見てみてほしい。 ブラウザの下部にフッターを固定表示するCSS、チェックして使ってみてはいかがだろうか。 » CSS Sticky Footer Oisixの野菜を炒めて食べました。だいぶ減ってきたな。じゃがいもとたまねぎがうめぇ。
tableのヘッダ固定やソートとかのAjax系ライブラリまとめ - Cyokodog :: Diary
１週間かけて食中毒もなんとか直ったのでブログ再開します。（もうこりごりです....） 例のごとくはてブをすっきりさせたいのでtable関連のリンクをこちらにまとめてく予定です。まだまだありそうですが、おいおい追加してきます。 コアライブラリ非依存系 Table Sorter ソート | MOONGIFT | demo table sorting ソート | to-R | demo OrderByColumn ソート | PHPSPOT | demo sorttable ソート | MOONGIFT | demo SortedTable ソート | demo TableKit ソート、編集 | PHPSPOT | demo Tiny Table ソート、縞々、ページング | coliss | demo Scrollable HTML table ヘッダ固定 | PHPSPOT | demo
「jQuery Mobile Gallery」というサイトで、jQuery Mobileを使ったサイトやアプリがたくさん紹介されています。 スマートフォン用のサイトやアプリの参考に、一度見てみてください。 jQuery Mobile Gallery オフィスのことで頭がいっぱいですが、急に案件が立て込んできたのでがんばります。
開発ライフを助けてくれる20ツール – creamu
nettuts+で、開発ライフを助けてくれるツールが紹介されています。 ざっといくつかご紹介。 » pForm PHPフォームを簡単に作成 » HTML Entity Character Lookup HTMLエンティティーを検索できる » Browser Shots Windows,Mac,Linux,FreeBSDの4つのプラットフォームの複数のブラウザで、サイトがどう見えるか表示してくれる » MeasureIt サイトのwidthとheightを計れるFirefoxプラグイン » CSS Sprite Generator 画像をアップロードすることで、CSSスプライトを生成してくれる » Domainr 綴りからいろんなドメインの組み合わせを作ってくれる その他のリストは以下からどうぞ。 » 20 Tools to Make the Life of a Web Developer
タブで切り替わるインターフェースの決定版 – creamu
In The WoodsのCoda Slider and More With jQuery Toolsという記事で、jQuery Toolsで実装したCodaのスライダーのようなインターフェースが紹介されています。 デモは以下から。 » View the Example 超クールなので、タブメニューのインターフェースとしてかなり参考になるかと。 シンプルにフェードイン&アウト、ツールチップつき、Codaのように左右にスライドといったパターンがあります。 ぜひ見てみてください。 » Coda Slider and More With jQuery Tools iPhoneのイヤホンが壊れたのでApple Storeで交換の予約をしてきたぞ。早く新しいのほしいなーーー。
Macでかっこいいアプリを使いたい。 そんなあなたにおすすめなのが、『50 Mac Apps With Well Designed & Sexy Interfaces』。デザインのいい、刺激的なインターフェースのMacアプリです。 フリーのものから有料のものまで、いろいろと揃っていますね。知らないのも結構ありましたよ。 Pixelmator GPUで動くデザインのかっこいい画像編集ソフト。今日現在でも$20のディスカウントがあるようです（参考：Pixelmator が半額になっとる | CREAMU） Tapedeck オーディオレコーダー。アナログのテープレコーダーライクなデザイン。$25 Delibar Mac用のDeliciousクライアント。ブックマークを検索したり管理できる。$18 Anxiety iCalやMailと同期できるToDo管理アプリ。シェアウェア Capo 曲をスロ
Smashing Magazineで、商用無料でタイポグラフィーなXHTML/CSSテンプレートが配布されています。 ざっといくつかご紹介。 ↑はT-20。 Megan David Kruger MiniCon Luvbold In May we announced the Typographic Layout Design Contest that aimed to collect beautiful typographic (X)HTML+CSS-based layouts created by the design community and release them for free as a gift for the web design community. However, we did receive a number of brilliant typographic te
花や光などのブラシを探している。 そんなときにおすすめなのが、『50 Free Photoshop Brush Sets You Should Bookmark』。花や光、有刺鉄線などのPhotoshopフリーブラシ50選だ。 以下にいくつかご紹介。 ↑のキャプチャはGlow Part I。 8 fantasy butterfly brushes Astral Flora Barbed wire brush TI Graphic Pack 152 Ps Brushes 20 high-res-stamp brushes My Sweet Diary Brushes その他のリストは以下から。 » 50 Free Photoshop Brush Sets You Should Bookmark 花や光、有刺鉄線などのPhotoshopフリーブラシ、チェックして使ってみてはいかがだろうか。 い
「Six Revisions」で、使えるPhotoshopチュートリアル&Tipsがたくさん紹介されています。 ざっといくつかご紹介。 » 6 Photoshop Tips and Tricks That You Probably Don’t Know About あなたがおそらくまだ知らないPhotoshopのTipsやテクニック6選 » How to choose the right image format? web上の様々なケースに合わせてBMP,GIF,JPG,PNGといったファイルフォーマットを適切に選択する方法 » The hidden power of Photoshop brush tool ブラシツールの便利な使い方を紹介 » 10 Photoshop Techniques You Can’t Work Without 知っておきたいPhotoshopのテクニック10選
デザイナーのための素晴らしいjQueryのチュートリアル8選『8 Fantastic jQuery Tutorials for Designers』 – creamu
Technology デザイナーのための素晴らしいjQueryのチュートリアル8選『8 Fantastic jQuery Tutorials for Designers』 jQueryでクールなインターフェースを実装したい。 そんなあなたにおすすめなのが、『8 Fantastic jQuery Tutorials for Designers』。デザイナーのための素晴らしいjQueryのチュートリアル8選だ。 以下にご紹介。 ・Slide out and drawer effect アコーディオンメニュー ・Chain-able transition effects 数行のコードで大きさや透明度を変えながらボックスを動かすことができる ・jQuery Tabs リロードなしでタブを遷移 ・Creating an Editable Chart 編集できる表を作成 ・Easy Multi Sel
決定版が続きますが、かなりクオリティーが高いのでご紹介。 Design ShardでPhotoshopのテキストエフェクトチュートリアルが18個紹介されています。 いくつかご紹介しますね。 ↑はミルクタイポグラフィーエフェクト。 » Candy Coated Text キャンディーで斜めストライプのテキスト » Smooth Glass Type アクアなテキストエフェクト » Text In Stitches ステッチ柄のテキスト » Create Destructive Black and White Lettering with a Dramatic Splash Effect スプラッシュエフェクト » Using Light and Shade to Bring Text to Life 光と影のあるテキストエフェクト ほかにもかっこいいものが揃っているので、ぜひ見てみてください
speckyboyで、フォームを使いやすくするためのjQueryプラグイン&チュートリアルがまとまっています。 いくつかご紹介しますね。 » In-Field Labels jQuery Plugin inputの中に透かしのラベル名を入れられるプラグイン » A jQuery Inline Form Validation, because Validation is a Mess inputの右上に吹き出し型でバリデートのエラーメッセージを表示 » Justify Elements Using jQuery and CSS – Tutorial jQueryとCSSでlabelのwidthを揃えるチュートリアル » jQuery Comment Preview – Tutorial コメント入力中に投稿内容をプレビューできるプラグイン。↑のキャプチャはこちら » jQuery “High
ブラウザの下部にフッターを固定表示する『CSS Sticky Footer』 | CREAMUで紹介されていたNew CSS Sticky Footer – 2009がなかなか便利そうだったので、どんなテクニックを用いているのか調べてみました。 HTMLタグはたとえば次のような構造です。 ↑ #mainを#wrapで包み、#wrapと#footerが同階層にあります。 これにCSSを適用すると、次のようなレイアウトになるようです。 ↑ #mainの下部にpaddingをフッターの高さと同じだけ確保し、同じ値で#footerの上部にネガティブマージンをとっているようです。 ページの最下部にフッターを固定する方法はいくつかあると思いますし、自分でも試行錯誤してやっていますが、一つ便利な方法を知っておくと役立つかと思います。 clearfixなど、完全なCSSとサンプルはNew CSS Stic
96124501/ Hemera/ Thinkstock Photoshopのグラデーションファイルを探している。 そんなあなたにおすすめなのが、『25 High Quality Gradient Sets for Photoshop – 750+ Gradients』。クオリティーの高いPhotoshopのグラデーションファイル集です。 いい感じのグラデーションがまとまっていますね。 Clean Gradients Set 著者が注意深く選んだ約50個のグラデーションファイルを、フリー素材として配布しています Ocean Breeze 海をテーマにした青系のグラデーションファイル Vintage 深みのあるグラデーションファイル集 Dooffy Gradients Set 美しいグラデーションファイルがまとまっています Adobe CS3 Gradients Adobe CS3のアイコン
素晴らしいAjax + CSSフォーム47選『47+ Excellent Ajax CSS Forms』 – creamu
Ajax + CSSでさくっとフォームを実装したい。 そんなあなたにおすすめなのが、『47+ Excellent Ajax CSS Forms』。素晴らしいAjax + CSSフォーム47選だ。 以下にいくつかご紹介。 » Uni Form セマンティックでカスタマイズも可能なフォーム » AJAX Contact Form アクセシブルなAjaxフォームの好例。↑のキャプチャはこのサイト » FancyUpload using Mootools Mootoolsを使った美しいファイルアップロード » Really Easy Field validation with Prototype とても簡単に使えるフォームバリデートスクリプト » Live Validation リアルタイムでバリデートしてくれるオープンソースのjavascript 素晴らしいAjax + CSSフォーム、チェック
最も有名な無料で使えるクオリティの高いフ...
無料フォントを探している。 そんなあなたにおすすめなのが、『Most Popular Free Quality Fonts』。最も有名な無料で使えるクオリティの高いフォント30選だ。 以下にいくつかご紹介。 » Audimat » Greyscale Basic » The Delicious. » District Thin » Existence » Geo Sans » Legendum その他のリストは以下から。 著作権についてはリンク先のページの表記に従う必要がある。 » Most Popular Free Quality Fonts 最も有名な無料で使えるクオリティの高いフォント、チェックして使っていきたいですね。 本を買いました。Photoshopとイラレのリファレンスですね。見開きで完結するしわかりやすくてとてもいい。
The Photo Argusというサイトで、ポートフォリオ・フォトログ用のWordPressテーマが紹介されています。 いくつかご紹介。 ↑はGrace。 Viewport Photo-Biyori Spotless Shutterbug かなりかっこいいものが揃っていますね。Photo-Biyoriなんかはサンディエゴ在住のデザイナーの方が配布中。日本人なのかな。 フォトログしたい方はぜひ見てみてはいかがでしょうか？ » 14 Superb Portfolio and Photoblog WordPress Themes (Free) 外苑前なう。まったりだがいろいろ進めなくては。
フリーのパターンが見つかるサイト22 – creamu
1st webdesignerで、フリーのパターンが見つかるサイトがたくさん紹介されています。 ざっといくつかご紹介。 » DreamsTime DreamsTimeでパターンも見つかる » TileMachine パターンメーカーもあるパターン配布サイト » EveryDayIcons ポップなパターンが見つかる » Ava7Patterns クリエイティブなパターンがたくさん » DeviantArt Photoshop Patterns DevianArtにはパターンも置いてある ほかにもパターンのまとめ記事がたくさん紹介されているので、ぜひ見てみてはいかがでしょうか？ » 22 Free Seamless Vector Pattern Resources Perfect For Web Design MAISON KAYSERでバゲットとかいろいろ買った。ちょーうまいのだ。
画像をクリックすると拡大してポップアップするデザインにしたい。 そんなあなたにおすすめなのが、『jQuery lightBox plugin』。超簡単に画像にlightbox効果を与えられるjavascriptだ。 『jQuery lightBox plugin』は、とてもシンプル。 <div id=”gallery”></div>といったタグで囲み、その中にimgタグを入れるだけで簡単にlightboxを実装できる。画像一つ一つにclassを割り当てたりする必要がなくていい。 また、カスタマイズも可能で、背景色を白以外に変えたり、透過度を変更したりすることができる。 サイトやブログのデザインを一歩前に進めるのに使えるのではないだろうか。 超簡単に画像にlightbox効果を与えられるjavascript、チェックして使っていきたいですね。 本を買いました。斉藤和義の初めての本な気がする。
概要 ミニブログサービス「Tumblr」の情報と、画像の無断転載問題についての、リンクをまとめました。 「Tumblr」を紹介することと、無断転載を推奨することは異なりますが、それでは問題をなるべく避けるにはどうすればいいでしょうか。ここでは、パブリックに公開せず、プライベートモードで純粋にクリッピングだけして、使う方法を説明しておきます。 アカウントは既に取っている前提です。「ReBlog post」する画面で、「Show advanced options」の設定から「This can be seen by」の項目を、「everyone」から「just me」に変更すると「Private」状態になります。 こうして保存したクリップを閲覧するには、「Remove Filter」（虫眼鏡のアイコン）で、「Show 〜 by me」に設定して「Filter」（矢印アイコン）すると、見ることがで
HTML5を使ったドロップダウンメニュー – creamu
HTML5でメニューを作りたい。 そんなときに参考になるのが、『How to Create a Drop-down Nav Menu with HTML5, CSS3 and jQuery』。HTML5を使ったドロップダウンメニューです。 CSS3で、角丸やグラデーションが適用されていますね。XHTMLはシンプルで、動きをつけたjQueryの動きもスムーズになっています。 デモは以下から。 Demo 一度見てみてください。 How to Create a Drop-down Nav Menu with HTML5, CSS3 and jQuery 一旦落ち着いたけど急いで進めなくては。
PowerPointの資料に動きをつけたい。 そんなときにおすすめなのが、『iSpring』。PowerPointをFlashに変換できるソフトだ。 『iSpring』は、Windowsで使えるフリーソフト。クリックしていくことでPowerPointをFlashに変換できる。 対応はPowerPoint2000から2007まで。 サイト上でアイディアを公開して共有することも可能だ。 PowerPointをFlashに変換できるソフト、チェックしてぜひ使ってみてはいかがだろうか。 さて月曜日がんばりましょう！
Windows Vistaの壁紙のようなオーロラの光を描きたい。 そんなときにおすすめなのが、『Windows Vista Aurora Effect Photoshop Tutorial』。Photoshopで作るWindows Vistaのようなオーロラの光エフェクトです。 下記のような手順になっています。 明度コントラストの高い写真を選ぶ 「フィルタ / ぼかし / ぼかし(ガウス)」で75%程度のぼかしを適用。背景を作る カラーバランスで背景の色を調整。シャドウ:-37, -40, 7 中間調: 15, 62, 0 ハイライト: -34, 0, 69 新規レイヤーで、「楕円形選択ツール」で選択範囲を作って、ブラシ（200px程度・堅さ：0%・描画色：#fff）で選択範囲の淵をなぞって光を描く。描画モードをオーバーレイに設定 作った光のラインを傾ける(Ctrl + T)。傾きを変えな
Photoshopのブラシを増やして表現の幅を広げたい。 そんなあなたにおすすめなのが、『375 Free Photoshop Brushes』。無料で使えるPhotoshopブラシ375選だ。 以下にいくつかご紹介。 » Mystcart Brush Set IV by mystcart 幾何学的で抽象的なブラシ。CS以降 » Tattoo Borders by Indo Dreamin’ タトゥーデザインのブラシ。Photoshop5以降 » Abstract Brush Set VII by r0man.de 抽象的なブラシ3選。Photoshop7以降 » Bubble Brushes by hawksmont Brushes 9つの形のブラシ。Photoshop7以降 » Grunge Brushes by Skully7491 グランジ系のブラシ。Photoshop7以降 »
PhotoshopのチュートリアルサイトTOP10『Top 10 Photoshop Tutorial Websites』 – creamu
Design PhotoshopのチュートリアルサイトTOP10『Top 10 Photoshop Tutorial Websites』 Photoshopのチュートリアルが見たい。 そんなときにおすすめなのが、『Top 10 Photoshop Tutorial Websites』。PhotoshopのチュートリアルサイトTOP10だ。 以下にご紹介。 » PS Hero » PSD tuts » Tutorial 9 » PSD Learning » Photoshop Tutorials » Photoshop Contest » Luxa » Tutorial Sphere » Good Tutorials » Photoshop Talent Photoshopのチュートリアルサイト、チェックしてぜひ見ていただきたい。 行ってきまーす！
商用無料のスクリプトフォント集 – creamu
スクリプトフォントを探している。 そんなときにおすすめなのが、『Free and Commercial Script Fonts』。商用無料のスクリプトフォント集です。 いくつかご紹介しますね。 ↑はLearning Curve Pro。 Creampuff Ballpark CAC Champagne Saginaw Font Squirrelにリンクするものは、「License」タブにライセンスの詳細が書かれているので、使用する際には確認してください。 Free and Commercial Script Fonts ブログ書けなかった分を挽回。やっと週末なので、体調を戻しつついろいろ進めたいですね。
91831729/ iStockphoto/ Thinkstock サイトをさっと作りたい。 そんなときにおすすめなのが、『Top 10 Html/CSS Web Templates Of March 2010 For Free Download』。フリーのXHTML / CSSテンプレート集です。 いい感じのものが揃っています。 Photographer Enterprise Solutions Corporate 使いやすいものが揃っていると思うので、ぜひ見てみてください。 Top 10 Html/CSS Web Templates Of March 2010 For Free Download また遅れてしもうたすんまへんm(_ _)m今日は天気よくて気持ちいいですね〜。 いろいろ詰まっているので進めます。
デザイナーのためのカラーセオリー – creamu
色が人に与える効果について知っておきたい。 そんなときにおすすめなのが、『Color Theory for Designers, Part 1: The Meaning of Color』。デザイナーのためのカラーセオリーです。 暖色、寒色、無彩色などの12色について、色が与える効果と、その色がうまく使われているWebサイトが紹介されています。 まとめとして、以下のように挙げられていますね。 赤 情熱、愛、怒り オレンジ エネルギー、幸福、活力 黄色 幸福、希望、偽り 緑 新しい始まり、豊富、自然 青 穏やかさ、責任、悲しみ 紫 創造性、貴さ、富 黒 神秘、エレガンス、悪 グレー 気難しさ、保守的、堅苦しい 白 純粋、清潔、美徳 茶色 自然、健康、信頼 黄褐色・ベージュ 保守的、敬虔、さえない クリーム色・アイボリー 穏やかさ、優美、潔白 色は視覚言語で、人にどういった影響を与えるかがわか
サイト制作に役立つチュートリアルや素材を探している。 そんなときにおすすめなのが、『45 Must-See Incredible Resources And Inspirational Collection To Discover The Best Of The Web In January』。素晴らしいWebの素材&チュートリアル45選だ。 以下にいくつかご紹介。 ↑のキャプチャは刺激的な3Dタイポグラフィー70個 アーティスティックなサイト25個 実用的でクリエイティブなjQueryの使い方20 デザインテンプレート&PSDファイル45個 フリーのXHTML/CSSテンプレート38個 その他のリストは以下から。 » 45 Must-See Incredible Resources And Inspirational Collection To Discover The Best Of
画像をクリックしたときに、くるっと回転させたい。 そんなときに使えそうなのが、『Sponsor Flip Wall With jQuery & CSS』。バナーをクリックしたときに、くるっと回転させたように見せるjQueryです。 動きがなかなか滑らかで気持ちいいです。表面に見せているのが画像で、裏面にはテキストを見せていますね。 デモは以下から。 Demo 一度見てみてください。 Sponsor Flip Wall With jQuery & CSS 今日は原宿へ。若い子がめちゃ多い。
supersizedというjQueryを使ったフルスクリーンのスライドショーを見つけました。 特徴は以下の3つですね。 ・画像の縦横比を維持しながらブラウザに合うように画像をリサイズする ・フェードイン&アウトしながら画像を切り替える ・ナビゲーションで「一時停止・再生・戻る・進む」をコントロールできる こんな感じです。 オプションも数値でいろいろと設定できますね。 とてもかっこいいのでぜひ見てみてください。 » supersized 気持ちいい週末ですね〜。まったりだな。
ちょっとメモ。illustratorで1pxのラインを引くとぼけてしまってなんとも直らないことがありますが、0.5px上か下に移動させることで直ることがあります。 「環境設定 / 一般 / キー入力」を0.5pxに設定。ラインを選択して上下に移動 あるいは、以下のように変形オプションでY座標を0.5px程度移動させるか、ラインを選択して「ピクセルグリッドに整合」にチェックを入れることでも可能です。 ぜひやってみてください！ 友人がOLYMPUSのPENを使っていて、ちょっとほしくなってしまったぞ。シャッター音が気持ちいいですね。 OLYMPUS マイクロ一眼 PEN E-PL1s レンズキット ホワイト E-PL1s LKIT WHT
かっこいいCSSテンプレートで簡単にサイトを作りたい。 そんなときにおすすめなのが、『CSS 4 Free』。無料で使えるCSSテンプレート配布サイトだ。 『CSS 4 Free』では、GPL、あるいはCreative Commonsライセンスのもと、たくさんのCSSテンプレートが配布されている。 テンプレートを投稿することも可能で、templates@css4free.comにURLを送ることでギャラリーに追加してくれる。 ページング機能あり、タグクラウドありと、シンプルで使いやすいギャラリーサイトではないだろうか。 無料で使えるCSSテンプレート配布サイト、チェックしてぜひ使ってみていただきたい。 昨日も先輩とジムで会ったので飲み。楽しかったな。 あと仕事でActionScript 3をやり始めたので本を購入。どちらもとてもわかりやすい！ デジタル時計作成完了、xml取得完了、となかな
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【jQuery大量】Webデザイナーならブクマ必須！jQuery小技を紹介しているページのまとめ | Y氏は暇人
アクセス解析に便利なFirefoxアドオン10選 – creamu
写真の魅力をUPするPhotoshopアクション60+ – creamu
jQueryを使ったフェードインするポップアップバブル | CREAMU
Graphicu | the site gathering beautiful sites
ブラウザの下部にフッターを固定表示する『CSS Sticky Footer』 – creamu
jQueryモバイルを使ったスマートフォンサイトギャラリー – creamu
デザインのいい、刺激的なインターフェースのMacアプリ50 – creamu
商用無料でタイポグラフィーなXHTML/CSSテンプレート – creamu
花や光、有刺鉄線などのPhotoshopフリーブラシ50選 – creamu
使えるPhotoshopチュートリアル&Tips21 – creamu
Photoshopのテキストエフェクトチュートリアルの決定版 – creamu
フォームを使いやすくするためのjQueryプラグイン&チュートリアル20 – creamu
CSSStickyFooterに学ぶCSSでフッターを最下部に固定するテクニック - F.Ko-Jiの「一秒後は未来」
クオリティーの高いPhotoshopのグラデーションファイル25 – creamu
ポートフォリオ・フォトログ用のWordPressテーマ14 – creamu
超簡単に画像にlightbox効果を与えられる『jQuery lightBox plugin』 | CREAMU
Tumblr情報・転載問題まとめ - 萌え理論ブログ
PowerPointをFlashに変換できる『iSpring』 – creamu
Photoshopで作るWindows Vistaのようなオーロラの光エフェクト – creamu
無料で使えるPhotoshopブラシ375選『375 Free Photoshop Brushes』 | CREAMU
フリーのXHTML / CSSテンプレート10 | CREAMU
素晴らしいWebの素材&チュートリアル45選 – creamu
バナーをクリックしたときに、くるっと回転させたように見せるjQuery – creamu
jQueryを使ったフルスクリーンのスライドショー『supersized』 – creamu
illustratorで1pxのラインがぼける時の対処法 – creamu
無料で使えるCSSテンプレート配布サイト『CSS 4 Free』 | CREAMU