『CREAMU - web2.0を紹介するデザイナーブログ』 の新着エントリー
-
Fluid CSS3 Slideshow with Parallax Effect - CSSだけで作られた背... blog.creamu.com
Fluid CSS3 Slideshow with Parallax Effect - CSSだけで作られた背景にパララックス効果のあるスライドショー 続きを読む -
PopBox - シンプルな吹き出しを実装するjQueryプラグイン | CREAMU blog.creamu.com
PopBoxは、シンプルな吹き出しを実装するjQueryプラグインです。 37SignalsのHighriseにインスパイアされて作ったようです。 PopBox 続きを読む -
350 pixel perfect icons - 商用無料の使いやすいアイコン集 | CREAM... blog.creamu.com
350 pixel perfect iconsは、商用無料の使いやすいアイコン集です。 PSDで配布されています。 350 pixel perfect icons is a set of free icons that you can use in various cases even for... 続きを読む -
lake.js - 波打つ様子を表現できるjQueryプラグイン | CREAMU blog.creamu.com
lake.jsは、波打つ様子を表現できるjQueryプラグインです。 ちょっと不自然ですが、面白い感じです。 lake.js is a jQuery plugin that displays what is waving. A little unnatural, but interesting... 続きを読む -
Animated Content Tabs with CSS3 - CSS3で作られたアニメーションす... blog.creamu.com
Animated Content Tabs with CSS3は、CSS3で作られたアニメーションするタブコンテンツです。 デモは以下から。 Animated Content Tabs with CSS3 is a tab content that animate with CSS3. The... 続きを読む -
Photoshopで色を変えやすい格子柄のパターンを作る方法 | CREAMU blog.creamu.com
今までレイヤーを2つ重ねてマスクしたりしてチェックパターンを作っていたんですが、うまくいったのでメモ。 上記のようなパターンを1レイヤーで作るには、以下のようにします。 黒と透明のパターンオーバーレイを乗算に設定 カラーオーバーレイで、つけたい色を選び、スクリーンに設定 続きを読む -
Responsive CSS3 Slider Without Javascript - Javascriptを使わない... blog.creamu.com
Responsive CSS3 Slider Without Javascriptは、Javascriptを使わないレスポンシブデザインに対応したスライドショーです。 上部の3つのアイコンをクリックすることで、端末ごとの見え方を確認することができます。 Responsive CSS3 Slid... 続きを読む -
retina.js - Retina用に高解像度の画像を表示するJavaScript | CREAM... blog.creamu.com
When your users load a page, retina.js checks each image on the page to see if there is a high-resolution version of that image on your server. If ... 続きを読む -
CSS3の参考になる記事 | CREAMU blog.creamu.com
CyberAgentの1pixelブログに、CSS3の参考になる記事があったのでご紹介。 imgにzoom:0.5;を指定していたり、横幅を超える長さの文字列を「…」で表示するためにtext-overflow:ellipsis;を指定していたりと、参考になります。 I introduce th... 続きを読む -
HTML5 Presentation - HTML5/CSS3の機能をインタラクティブに一覧で... blog.creamu.com
HTML5 Presentationは、HTML5/CSS3の機能をインタラクティブに一覧できるサイトです。 左右の矢印でページを移動でき、HTML5/CSS3の機能を触りながら体験することができます。 HTML5 Presentation 続きを読む -
Shuffle - ソート時にアニメーションがつけられるjQueryプラグイン |... blog.creamu.com
Shuffleは、ソート時にアニメーションがつけられるjQueryプラグインです。 以下のブラウザに対応しているようです。 ・Chrome ・Firefox ・IE 7+ ・Opera ・Safari Shuffle 続きを読む -
Xcode4.3.2でiOSシミュレータを使う方法 | CREAMU blog.creamu.com
新しくiOSシミュレータをインストールしようとしたら、よくわからない感じになったのでメモ。 現在は、Xcode4.3.2がインストールできます。以前はios sdkとセットになっていたんですが、今はセットではありません。 ともかく、まずはXcodeをインストール。Xcode 4.3.2 for... 続きを読む -
Macのデータ移行方法 | CREAMU blog.creamu.com
MBAのデータ移行をしているのでメモ。 OSはどちらも10.7.3。どちらもthunderboltポートあり。 シャットダウン後、起動時にTを押したままにして、元のMacをターゲットディスクモードで起動。 thunderboltでつなぐと、Finderのデバイスに元のMacの名前が表示される（... 続きを読む
-
Subtle Sans - 美しいサンセリフ書体 | CREAMU blog.creamu.com
Subtle Sansは、上記のように美しいサンセリフ書体です。 Just donate if you feel it’s worth it. とのことで、donateのみで利用可能です。 Webフォントとしても利用できます。 Subtle Sans 続きを読む -
HTML5 BOOKMARKS - HTML5関連の情報が手に入るサイト | CREAMU blog.creamu.com
HTML5 BOOKMARKSは、HTML5関連の情報が手に入るサイトです。 ジェネレータやjQuery、CSSS3など、いい感じのものがまとまっています。 HTML5 BOOKMARKS 続きを読む -
iPhoneやiPadでソースを確認するブックマークレット | CREAMU blog.creamu.com
View source on the iPad and iPhoneという記事で、iPhoneやiPadでソースを確認するブックマークレットが紹介されています。 Add this page as a bookmark Then click here to see the bookmarklet... 続きを読む -
Loft Resumes - 履歴書をデザインしてくれるサービス | CREAMU blog.creamu.com
Loft Resumesは、履歴書をデザインしてくれるサービスです。ユニークで面白い。 デザインを選んで内容を送ると、メールで送ってくれるようです。 Loft Resumes 続きを読む -
タッチイベントやスクロールイベント等を取得するJavaScript集 | CRE... blog.creamu.com
githubで、タッチイベントやスクロールイベント等を取得するJavaScriptがたくさんまとまっています。 いい感じ。 https://github.com/bebraw/jswiki/wiki/Touch 続きを読む