タグ CREAMU
人気順 5 users 50 users 100 users 500 users 1000 usersGoogle Chromeでfont-size指定が効かないときの対処法 | CREAMU
2013/03/05
20 users
None
test
font-size指定
CSS
対処法
Google Chromeでfont-size指定が効かないときは、CSSに以下のように記述します。 #test { -webkit-text-size-adjust:none; } 続きを読む
jQueryとCSS3を使った円形の画像がフリップするスライドショー | CREAMU
2013/03/01
26 users
円形
jQueryとCSS
スライドショー
画像
Flipping Circle Slideshowは、jQueryとCSS3を使った円形の画像がフリップするスライドショーです。 Circular Slideshow Plugin with jQuery and CSS3 続きを読む
jQueryで読み込み時とリサイズ時の処理を合わせて書く方法 | CREAMU
2013/02/18
47 users
jQuery
BIND
window
function
処理
jQueryで読み込み時とリサイズ時の処理を合わせて書くには、以下のようにします。 $(window).bind("load resize", function(){ // code here }); 続きを読む
IE8にも対応させるaudioタグ | CREAMU
2012/12/24
29 users
Audioタグ
Flash
デフォルト
プレーヤー
IE以外
Flashを使わないで、HTML5のaudioタグを使った音声再生をIE8以上に対応させる方法です。 上記のデザインの場合、audioタグのデフォルトのプレーヤーは使わないので、IE以外ではjsのAudioクラスを使って、audioタグを生成します。 IEでは、html5mediaやaudiojs等を使っても、Audioクラスが有効にならないので、Audioクラスを使ったjsで制御ができません。 ... 続きを読む
jQuery Responsive Tile Gallery - レスポンシブレイアウトに対応した画像ギャラリー | CREAMU
2012/10/31
31 users
ブラウザサイズ
レスポンシブレイアウト
画像ギャラリー
jQuery Responsive Tile Galleryは、レスポンシブレイアウトに対応した画像ギャラリーです。 ブラウザサイズを変更すると、すっとアニメーションしながらレイアウトが変更されます。 jQuery Responsive Tile Gallery 続きを読む
インテリア雑貨や小物が見つかるショップx6 | CREAMU
2012/10/05
980 users
小物
インテリア雑貨
ふとまとめたくなったのでまとめておきます。 WakuWaku ぽんたと毎日のように行っているwakuwakuさん。アイデア商品が満載です。ご夫婦とスタッフの方で営業されているお店は温かい雰囲気。代官山駅からすごく近いので、ぜひ行ってみてください。 CIBONE センスのいいセレクトと早い商品の入れ替えで、いつも刺激を与えてくれるショップ。外苑前駅の近く、ベルコモンズのB1Fです。自由が丘店は閉店し... 続きを読む
レスポンシブに対応したスライダープラグイン30 | CREAMU
Top 30 Responsive jQuery Slider Plugins for Websitesという記事で、jQueryを使ったスライダープラグインがまとまっています。 Camera Slider 加減速やトランジションの気持ちいいスライダー carouFredSel レスポンシブに対応したカルーセルプラグイン FlexSlider 2 ベーシックなスライダー WOW Slider 思わ... 続きを読む
jQueryでカレントページの要素にclass="current"を付加する方法 | CREAMU
2012/08/18
99 users
jQuery
current
class
要素
方法
<ul class="menu"> <li id="menu01"><a href="/page01/">page01</a></li> <li id="menu02"><a href="/page02/">page02</a></li> <li id="menu03"><a href="/page03/">page03</a></li> </ul> <ul class="menu"> <li i... 続きを読む
gridster.js - ドラッグ&ドロップで要素を並べ替えられるjQueryプラグイン | CREAMU
2012/08/01
25 users
気持ち
jQueryプラグイン
gridster.js
要素
gridster.jsは、ドラッグ&ドロップで要素を並べ替えられるjQueryプラグインです。 なかなか気持ちのいい動き。 gridster.js 続きを読む
PopBox - シンプルな吹き出しを実装するjQueryプラグイン | CREAMU
2012/05/03
31 users
jQueryプラグイン
37signals
PopBoxは、シンプルな吹き出しを実装するjQueryプラグインです。 37SignalsのHighriseにインスパイアされて作ったようです。 PopBox 続きを読む
フリーダイヤルのアイコン素材 | CREAMU
2012/04/09
18 users
フリーダイヤル
アイコン素材
タッチイベントやスクロールイベント等を取得するJavaScript集 | CREAMU
2012/03/28
23 users
GitHub
スクロールイベント
github.com
githubで、タッチイベントやスクロールイベント等を取得するJavaScriptがたくさんまとまっています。 いい感じ。 https://github.com/bebraw/jswiki/wiki/Touch 続きを読む
Rainbow - ソースコードをシンタックスハイライトしてくれるJavaScript | CREAMU
2012/03/28
17 users
CSS
rainbow
ソースコード
JavaScript
Rainbowは、ソースコードをシンタックスハイライトしてくれるJavaScriptです。 cssで色を変えられるようです。 Rainbow 続きを読む
iOS App Icon Template - PSDで配布されているiOSアプリアイコン用テンプレート | CREAMU
iOS App Icon Templateは、PSDで配布されているiOSアプリアイコン用テンプレートです。 スライスも切ってあるので、書き出しもしやすくなっています。 iOS App Icon Template 続きを読む
Launched Pixels - 優れたPSD素材を無料でダウンロードできるギャラリーサイト | CREAMU
2012/03/22
20 users
PSD素材
デザイン
サイト自体
いい感じ
ギャラリーサイト
Launched Pixelsは、優れたPSD素材を無料でダウンロードできるギャラリーサイトです。 サイト自体のデザインもすっきりしていていい感じです。 Launched Pixels 続きを読む
jPlayer - 音楽/動画をサイトに埋め込めこむためのjQueryプラグイン | CREAMU
2012/03/21
43 users
iPhone
jPlayer
OSX
Opera
Safari
jPlayerは、音楽/動画をサイトに埋め込めこむためのjQueryプラグインです。 結構便利に使えそうです。 ブラウザ対応 Windows: Firefox, Chrome, Opera, Safari, IE6, IE7, IE8, IE9 OSX: Safari, Firefox, Chrome, Opera iOS: Mobile Safari: iPad, iPhone, iPod To... 続きを読む
dotdotdot - はみ出したテキストを…に変えてくれるjQueryプラグイン | CREAMU
2012/03/19
88 users
jQueryプラグイン
テキスト
2バイト
日本語
確認
dotdotdotは、はみ出したテキストを…に変えてくれるjQueryプラグインです。 日本語の2バイトでの確認は必要かもですが、簡単に実装できるようです。 dotdotdot 続きを読む
BACKSTRETCH - 背景画像をブラウザいっぱいに敷くことができるjQueryプラグイン | CREAMU
2012/03/13
28 users
Backstretch
jQueryプラグイン
ブラウザ
Backstretch BACKSTRETCHは、背景画像をブラウザいっぱいに敷くことができるjQueryプラグインです。 ・背景画像を1枚敷く ・スライドショーでクロスフェードしながら切り替える ・クリックで背景画像を切り替える といったことができます。 これはいい。 BACKSTRETCH 続きを読む
フルスクリーンのスライドショーを可能にする「jQuery HTML5 Fullscreen Slideshow」 | CREAMU
2012/03/09
28 users
プラグイン
フルスクリーン表示
複数
画像
スライドショー
jQuery HTML5 Fullscreen Slideshowは、フルスクリーンのスライドショーを可能にするプラグインです。 画像をクリックするとフルスクリーン表示になり、複数の画像を見ることができます。 jQuery HTML5 Fullscreen Slideshow 続きを読む
WordPressをサーバ移転してドメインが変わった場合の設定方法 | CREAMU
2012/03/08
28 users
サーバ
ドメイン
WordPress
設定方法
奥行きのある回転を可能にする「Roundabout」 | CREAMU
2012/03/01
46 users
Roundabout
奥行き
jQueryプラグイン
回転
Roundaboutは、奥行きのある回転を可能にするjQueryプラグインです。 その他にも、動きのスムーズなデジタル時計や、CSS3 3D Transformsのサンプルなどがあります。 Roundabout 続きを読む
CSS3のコーディングに役立つツール8選 | CREAMU
2012/02/22
55 users
プロパティ
ツール
コーディング
対応ブラウザ
CSS3
「8 Best Tools to Make Easy CSS3 Development」という記事で、CSS3のコーディングに役立つツールがまとまっていたのでご紹介します。 CSS3 CSS3ジェネレータ。プレビューしたり対応ブラウザの表示もあります CSS3 Pie IE6,7,8でCSS3のいくつかのプロパティを使用可能にするhtcファイル Layer Styles Photoshopのような... 続きを読む
Sequence.js - ページの要素をばらばらにアニメーションするjQueryプラグイン | CREAMU
2012/02/17
32 users
パララックス
jQueryプラグイン
スライド
要素
ページ
Sequence.jsは、ページの要素をばらばらにアニメーションするjQueryプラグインです。 とても気持ちいい動きをするので、ぜひ見てみてください。 水平のスライドやパララックスのスライドなどがあります。 Sequence.js 続きを読む
クールなフリーフォント50 | CREAMU
2012/02/16
108 users
「50 Fresh High-Quality Free Fonts for Your Designs」という記事で、クールなフリーフォントがたくさん紹介されているので、いくつかご紹介します。 上記のフォントは、サンセリフ書体のthesis。work-in-progressのバージョンとのことで、商用でも利用可能となっています。 Manteka Poly GLEGOO moby こちらも商用可 mo... 続きを読む
角丸のぼけをなくすためのPhotoshopの設定 | CREAMU
2012/02/16
46 users
ピクセル
スナップ
ボケ
Photoshop
以下
Photoshopの角丸長方形ツールで角丸を描いたとき、端がぼけることがありますよね。 blurな状態 clearな状態 これは、以下のように角丸長方形オプションで「ピクセルにスナップ」にチェックをつけることで防ぐことが可能です。 続きを読む