CSSだけでJavaScriptのような動きを実装するサンプル30 – creamu
96332132, iStockphoto/ Thinkstock CSSでかっこいいUIを実装したい。 そんなときにおすすめなのが、『30 Pure CSS Alternatives to Javascript』。CSSだけでJavaScriptのような動きを実装するサンプル集です。 なかなかいい感じのものが揃っています。 Valid Non-Javascript Lightbox JavaScriptを使わずに、libhtbox系の動きを実装。反応が速くていい感じです Create a Content Slider Using Pure CSS さくさくと切り替わるコンテンツスライダー Pure CSS speech bubbles CSSで作る吹き出し型のデザイン Accordion Using Only CSS CSSを使ったアコーディングメニュー CSS-Only Tabbed
部屋をカッコ良く見せる５つの方法 – creamu
今回、「sumito」さんから記事を提供いただきました。アイテムの置き方を工夫することで、部屋をすっきり見せる方法がまとまっています。インテリア好きの方や部屋がいまいちすっきりしないという方は、ぜひ読んでみてください。 ↑の写真はsumitoさんの部屋のようです。インテリア雑誌、smartにも取材経験がある方で、結構な強者です。見習いたいですね（CREAMU）。 家具の高さに気をつける 目線より高いものを置かないというのが通常はひとつの目安で、出来るだけ低くすると、自然と部屋が広く見えます。 背の高い本棚などは、なるべく入り口近くに置くようにします。そして、入り口から順々に高さが低くなるように家具を配置すると、遠近法で部屋の奥行が強調され、家具それぞれの高さが目立ちにくくなります。 とにかく余計な物を置かない 普段から余計な物を置かないだけでなく、収納の仕方を工夫することが重要です。 取り
Google Chromeのエクステンション30 – creamu
Google Chromeを使っている（アドオンがあるなら使いたい）。 そんなあなたにおすすめなのが、『30 Irreplaceable Chrome Extensions』。Google Chromeのエクステンション集です。 便利そうなのをざっとご紹介しますね。 Aviary Screen Capture キャプチャ（スクリーンショット）が撮れる Xmarks Bookmarks Sync Firefox、Safari、IEとブックマークを同期 Evernote Web Clipper Evernoteに簡単に投稿できる Chrome Gestures マウスの動きで「戻る」「進む」などを制御できる Google Similar Pages beta (by Google) よく似たページを探してくれる Feedly 雑誌のようなスタートページにできる。Google ReaderやTw
クールなjQueryのlightbox系スクリプト集 – creamu
サイトのデザインに合うlightbox系スクリプトを探している。 そんなときにおすすめなのが、『The Best jQuery Lightbox Scripts』。クールなjQueryのlightbox系スクリプト集です。 知らないのもあったりでいい感じのものが揃っていますよ。 CeeBox アニメーションがかっこいいCeeBox。画像だけでなく、iframeやFlash、動画を読み込めて、カスタマイズが可能。Flashの表示にはswfobjectを使用 ColorBox おっと思うような動きをしてくれるColorBox。画像以外も読み込み可能 Facebox facebookスタイルで画像をオーバーレイ表示。これは有名ですね。シンプルでとてもいい Fancy Zoom 画像やFlashなどを読み込める。すーっと拡大してくる動き FancyBox 動きがとてもクールなFancyBox ほか
デベロッパーなら知っておきたいCSSテクニック – creamu
ExtraTutsというサイトで、デベロッパーなら知っておきたいCSSテクニックが紹介されています。 いくつかご紹介しますね。 CSS Browser Selector OS・ブラウザごとにCSSを切り替えられる1行のJavaScript adding a CSS StyleSheet to your RSS feeds RSSフィードにCSSを適用させる方法 CSS Watermark Effect CSSで作るウォーターマーク（透かしテキスト） Forming Tooltip using CSS3 JavaScriptで作る必要があったツールチップをCSS3で簡単に実装する方法 ソースが載っているので、一度見てみてください。 CSS techniques web developer should use 中目で飲みまくり。ある方と会えたし楽しかったぞ。CREAMUをiGoogleに入れ
FlashとAction Script3.0のチュートリアル30 – creamu
noupeで、FlashとAction Script3.0のチュートリアルが紹介されています。 ざっといくつかご紹介。 » Create an Impressive Magnifying Effect with ActionScript 3.0 displacementMapFilterを使って拡大鏡のエフェクトをかける » Creating Gradients in Flash Flashでグラデをかける基本操作を動画で学ぶ » Infinite Gallery / Menu Flash,AS3でギャラリーやメニューを作る方法 » Using the Timer Class to animate rotation タイマークラスを使って、シンプルなシェイプを回転させるチュートリアル » Flash Mouse Trailer with Stars マウスに星がついてくるエフェクト » C
jQueryのサンプルTOP10 – creamu
MyPHPDuniaというサイトで、jQueryのサンプルTOP10がまとまっています。 かなり使えるものばかりな感じですね。 » スライドタブボックス » Appleのサイトで使われているようなメニュー » 画像をズーム » 画像の上にスライドするキャプション » メニューの背景にスライドする画像 » タブで画像を切り替える » メニューにフェード効果 » アコーディオンメニュー » タブによるコンテンツ切り替え » タブメニュー 詳しくは以下からどうぞ。ソースコードもダウンロードできますね。 » Top 10 Jquery Examples with Live Demos わいわいと飲み会。超たのしかったぞ。
素晴らしいフリーフォント20選 – creamu
かっこいいフォントを探している。 そんなときにおすすめなのが、『20 Professionelle Fonts』。素晴らしいフリーフォント20選だ。 以下にいくつかご紹介。 ↑のキャプチャはSketch Rockwell。 Freebooter Script Myndraine Quicksand Rally Character Set 30 Free Grunge Fonts その他のリストは以下から。 » 20 Professionelle Fonts – Zum Nulltarif それぞれライセンスには注意してもらいたい。 素晴らしいフリーフォント、チェックして使ってみてはいかがだろうか。 急がなくては。。
Webデザイナーなら知っておきたいFirefoxアドオン | CREAMU
WebデザイナーでFirefoxをよく使っている。 そんなあなたにおすすめなのが、『22 Firefox 3 Plugins Web Designers Can’t Live Without』。Webデザイナーなら知っておきたいFirefoxアドオンだ。 以下にいくつかご紹介。 » iMacros for Firefox 6.0.7.2 繰り返し行う操作を記憶しておける » MeasureIt 0.3.8 サイトの要素のpxを測れるルーラ » Pencil 1.0.3 GUIのプロトタイプが作れるオープンソースのツール » FireShot 0.60 スクリーンショットが撮れるだけでなく、さっとテキストを追加したり、グラフィックの注意書きを追加できる » Window Resizer 1.0 ブラウザの解像度を変えてくれる。640×480, 800×600, 1024×768, 1280×
Photoshopでモックアップを作るためのTips10選 – creamu
Photoshopでサイトのモックアップが作りたい。 そんなときにおすすめなのが、『10 Tips For Creating Website Mockups In Photoshop』。Photoshopでモックアップを作るためのTips10選だ。 以下にいくつかご紹介。 フォントはアンチエイリアスをオフにする Windowsはアンチエイリアスがかからないので、オフで作成。 フォントには鮮明のアンチエイリアスをかける このアンチエイリアスが一番ブラウザのレンダリングに近い。11pxか12px以下の場合、ほとんどのブラウザではスムースフォントに対応していないため、アンチエイリアスはオフにした方がいいだろう。 （＊追記（08.09.13）コメントをいただいて気付いたんですが、完全に記事を読み間違えていましたm(_ _)m修正、及び追記します ） テキストはWebセーフフォントを使う MSゴシッ
下の世界に行かないためのチェックリスト | CREAMU
ちょっと精神的なエントリーですがご容赦ください。。あまり興味のない方はスルーの方向でお願いしますm(_ _)m 精神レベルについて思うことがあったのでエントリー。 僕はジゴク（過激な表現ですが・・なのであえてカタカナで）は存在すると思っていて、そこではマイナスのエネルギーを吸収してアクマが生きています。 たとえば僕たちがマイナスの思いを持ったとき、アクマはそれに同調してきます。力の限りそのマイナスのエネルギーを増幅しようとしてきます。 そのときに僕たちに必要なのは、冷静になって思いの針を元の位置に戻し、マイナスの気持ちになった原因をまっさらなノートに書きとめ、アクマの立ち入る隙がないようにしっかりとカギをかけることです！ というわけでこういう感じのエントリーで、↓が下の世界に行かないためのチェックリストです（精神的ですよね。。）。もちろん自分に対しての戒めでもあります。 文句やぐちが出てき
コーディングをさっと済ませるためのCSSテンプレート集 | CREAMU
コーディングはさっと済ませたい。 そんなあなたにおすすめなのが、『Blank Themes, Frameworks and Templates: Resources to Speed Up Your Development Time』。コーディングをさっと済ませるためのCSSテンプレート集だ。 以下にいくつかご紹介。 ↑のキャプチャはDynamic Drive。2カラムや3カラム、固定幅、リキッドレイアウトなど、たくさんのCSSレイアウトを配布 » Code Sucks 90のフリーCSSレイアウト » Layout Gala 40のCSSレイアウト » CSS Creator 幅や背景色などを指定してXHTMLソースが生成できる » Whiteboard フリーのワードプレステーマフレームワーク » Yet Another Multi-Column Layout モダンで拡張性のあるレイ
無料で使える素晴らしいアイコン集『Best of the Best Free Icons』 – creamu
かわいいアイコンが使いたい。 そんなあなたにおすすめなのが、『Best of the Best Free Icons』。無料で使える素晴らしいアイコン集だ。 以下にいくつかご紹介。 » Monofactor Icon Set 1 クオリティの高い25個のアイコン。illustrator8以上で使えるベクターデータ » IcoJoy ブログやサイトにぴったりのアイコンが4セット。.ico, .icns, .tif, .gif, .bmp, .pngといった6つのファイルタイプで提供 » Webappers Web Application Icon Set シャイニーなエフェクトのアイコン集。↑のキャプチャはこのサイト » Asp.Net Icons PNGファイルで300アイコンを提供 無料で使える素晴らしいアイコン、チェックしてぜひ使ってみてはいかがだろうか。 本をいろいろ購入。雰囲気のい
多くの人が知らないが知っておくべきフリーウェアTOP10『Top 10 Freeware Software Nobody Knows About - But Should』 | CREAMU
Web 多くの人が知らないが知っておくべきフリーウェアTOP10『Top 10 Freeware Software Nobody Knows About – But Should』 便利なソフトを探している。 そんなあなたにおすすめなのが、『Top 10 Freeware Software Nobody Knows About – But Should』。多くの人が知らないが知っておくべきフリーウェアTOP10だ。 以下にご紹介。 » AutoHotkey キーストロークを自動化するスクリプトが書ける » MusikCube iTuneライクなミュージックプレイヤー » ImgBurn ディスクからイメージファイルを作成しディスクに焼けるソフトウェア » Blender Pixarが作った素晴らしいCGI映画のようなグラフィックを作成できる » Snipping Tool Vistaに入っ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
かっこいいフリーのPhotoshopブラシ集 – creamu