タグ CREAMU
人気順 10 users 50 users 100 users 500 users 1000 usersマイIP - グローバルIPが持てるサービス | CREAMU
友人から教えてもらった、マイIPを申し込みました。 プロバイダでグローバルIPを契約すると多少高くつきますが、 低額でグローバルIPが持てるサービスです。 マイIP 続きを読む
Google Chromeでfont-size指定が効かないときの対処法 | CREAMU
Google Chromeでfont-size指定が効かないときは、CSSに以下のように記述します。 #test { -webkit-text-size-adjust:none; } 続きを読む
jQueryとCSS3を使った円形の画像がフリップするスライドショー | CREAMU
Flipping Circle Slideshowは、jQueryとCSS3を使った円形の画像がフリップするスライドショーです。 Circular Slideshow Plugin with jQuery and CSS3 続きを読む
jQueryで読み込み時とリサイズ時の処理を合わせて書く方法 | CREAMU
jQueryで読み込み時とリサイズ時の処理を合わせて書くには、以下のようにします。 $(window).bind("load resize", function(){ // code here }); 続きを読む
IE8にも対応させるaudioタグ | CREAMU
Flashを使わないで、HTML5のaudioタグを使った音声再生をIE8以上に対応させる方法です。 上記のデザインの場合、audioタグのデフォルトのプレーヤーは使わないので、IE以外ではjsのAudioクラスを使って、audioタグを生成します。 IEでは、html5mediaやaudiojs等を使っても、Audioクラスが有効にならないので、Audioクラスを使ったjsで制御ができません。 ... 続きを読む
jQuery Responsive Tile Gallery - レスポンシブレイアウトに対応した画像ギャラリー | CREAMU
jQuery Responsive Tile Galleryは、レスポンシブレイアウトに対応した画像ギャラリーです。 ブラウザサイズを変更すると、すっとアニメーションしながらレイアウトが変更されます。 jQuery Responsive Tile Gallery 続きを読む
インテリア雑貨や小物が見つかるショップx6 | CREAMU
ふとまとめたくなったのでまとめておきます。 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
<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
gridster.jsは、ドラッグ&ドロップで要素を並べ替えられるjQueryプラグインです。 なかなか気持ちのいい動き。 gridster.js 続きを読む
コロンの書き方 | CREAMU
メールのやり取りをしていて、さすがだなと思ったのでエントリー。 僕も以前からこうしているんですが、メールでコロンをつけて何か書く場合、ダブルクリックでコロン以下だけコピーしたいのに、全角だと1行分すべてが選択されてしまいます(Macで確認)。 【全角】ID:test 【半角】ID: test 全角の場合は、「ID:test」が選択されますが、半角の場合は「test」だけ選択されます。 なので半角コ... 続きを読む
PopBox - シンプルな吹き出しを実装するjQueryプラグイン | CREAMU
PopBoxは、シンプルな吹き出しを実装するjQueryプラグインです。 37SignalsのHighriseにインスパイアされて作ったようです。 PopBox 続きを読む
フリーダイヤルのアイコン素材 | CREAMU
タッチイベントやスクロールイベント等を取得するJavaScript集 | CREAMU
githubで、タッチイベントやスクロールイベント等を取得するJavaScriptがたくさんまとまっています。 いい感じ。 https://github.com/bebraw/jswiki/wiki/Touch 続きを読む
Rainbow - ソースコードをシンタックスハイライトしてくれるJavaScript | CREAMU
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
Launched Pixelsは、優れたPSD素材を無料でダウンロードできるギャラリーサイトです。 サイト自体のデザインもすっきりしていていい感じです。 Launched Pixels 続きを読む
jPlayer - 音楽/動画をサイトに埋め込めこむためのjQueryプラグイン | CREAMU
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
dotdotdotは、はみ出したテキストを…に変えてくれるjQueryプラグインです。 日本語の2バイトでの確認は必要かもですが、簡単に実装できるようです。 dotdotdot 続きを読む
BACKSTRETCH - 背景画像をブラウザいっぱいに敷くことができるjQueryプラグイン | CREAMU
Backstretch BACKSTRETCHは、背景画像をブラウザいっぱいに敷くことができるjQueryプラグインです。 ・背景画像を1枚敷く ・スライドショーでクロスフェードしながら切り替える ・クリックで背景画像を切り替える といったことができます。 これはいい。 BACKSTRETCH 続きを読む
フルスクリーンのスライドショーを可能にする「jQuery HTML5 Fullscreen Slideshow」 | CREAMU
jQuery HTML5 Fullscreen Slideshowは、フルスクリーンのスライドショーを可能にするプラグインです。 画像をクリックするとフルスクリーン表示になり、複数の画像を見ることができます。 jQuery HTML5 Fullscreen Slideshow 続きを読む
WordPressをサーバ移転してドメインが変わった場合の設定方法 | CREAMU
奥行きのある回転を可能にする「Roundabout」 | CREAMU
Roundaboutは、奥行きのある回転を可能にするjQueryプラグインです。 その他にも、動きのスムーズなデジタル時計や、CSS3 3D Transformsのサンプルなどがあります。 Roundabout 続きを読む
CSS3のコーディングに役立つツール8選 | CREAMU
「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
Sequence.jsは、ページの要素をばらばらにアニメーションするjQueryプラグインです。 とても気持ちいい動きをするので、ぜひ見てみてください。 水平のスライドやパララックスのスライドなどがあります。 Sequence.js 続きを読む