IE8にも対応させるaudioタグ – creamu
Flashを使わないで、HTML5のaudioタグを使った音声再生をIE8以上に対応させる方法です。 上記のデザインの場合、audioタグのデフォルトのプレーヤーは使わないので、IE以外ではjsのAudioクラスを使って、audioタグを生成します。 IEでは、html5mediaやaudiojs等を使っても、Audioクラスが有効にならないので、Audioクラスを使ったjsで制御ができません。 そのため、IE8以下では、IEの独自拡張であるbgsoundを使います。 headタグ内 <head> <script type="text/javascript" src="/js/jquery-1.8.2.min.js" charset="UTF-8"></script> <!--[if (gt IE 8)|!(IE)]><!--> <script type="text/javascript"
クライアントへの納品時につけたいWordPressプラグイン9 – creamu
WordPressでサイトを構築してクライアントに納品する。 そんなときにおすすめなのが、『9 Plugins Your Clients Will Love For Their WordPress Website』。クライアントへの納品時につけたいWordPressプラグイン集です。 かなり便利そうなのが揃っています。クライアントに渡す際には、管理画面のデザイン等もカスタマイズしたいですよね。 My Brand ログインページをオリジナルのデザイン・レイアウトにカスタマイズできる。ロゴをクライアントのロゴにするなど Branded Admin 管理画面のヘッダとフッタを、オリジナルのデザインにできる Ozh Admin Drop Down Menu 管理画面の左サイドバーのメニューはクリックしてサブメニューを開きますが、それを水平のドロップダウンメニューに変更でき、マウスオーバー&ワンクリ
WordPressのブログ以外の使い方10 – creamu
WordPressをECサイトやwikiのCMSとして使いたい。 そんなときにおすすめなのが、『10 Alternative Uses for WordPress』。WordPressのブログ以外の使い方です。 有料のものが多いですが、便利そうですね。 eCommerce WordPressのECサイト構築プラグイン。PayPalやGoogle Checkoutに対応していて、デザインもカスタマイズ可能 WordPress Wiki WordPressでwikiが構築できるプラグイン。$32 Forum WordPressでフォーラムを構築できるbbPress Job Board ジョブボードを構築できるJobPress。$79 Review Site 現在のブログにレーティング機能を追加できるプラグイン WordPress好きの方は、ぜひ試してみてはいかがでしょうか？ 10 Altern
Keynote用のベクターアイコン700+ – creamu
Keynoteで使える素材を探している。 そんなときにおすすめなのが、『pictodeck』。Keynote用のベクターアイコンセットです。 Keynoteで使える、かっこいいベクターアイコンが700個以上ダウンロードできます。ワイヤーフレームの作成や、プレゼン資料の作成等に使えそうですね。 You can use the set for all of your projects for free and without any restrictions. You can freely use it for both your private and commercial projects, including software, online services, templates and themes. とのことですが、ファイルの中のコピーライト表記はCreativeCommonsにな
WordPressのダッシュボードハックス – creamu
WordPressのダッシュボード（管理画面）をカスタマイズしたい。 そんなときにおすすめなのが、『10 WordPress dashboard hacks』。WordPressのダッシュボードハックスです。 クライアントにCMSとしてWordPressを提案して納品する場合、不要なメニューは外したり、ロゴを変えたりしたいですよね。いろいろとまとまっているのでご紹介。 ダッシュボードの不要なメニューを削除 「$restricted」に配列で不要なメニューを入れて、functionを「functions.php」に記述することで使わないメニューを削除する方法 ログイン時のロゴを変更 WordPressログイン時のロゴをオリジナルの物に変更する方法 ダッシュボードのロゴを変更 ダッシュボードのロゴをオリジナルのものに変える方法 アップデートのメッセージを非表示にする 「WordPress 2.
ダンボール紙などのフリーテクスチャ集 – creamu
2EXPERTSDESIGNで、ダンボール紙などのフリーテクスチャがまとまっています。 ざっといくつかご紹介。 ↑はDownload + Detail (BittBox Cardboard Texture)。 Download + Detail (Pandoraicons Cardboard Texture) Download + Detail (Lostandtaken Cardboard Texture) Download + Detail (Pandoraicons Cardboard Texture) Download + Detail (Indietextures Cardboard Texture) その他、carbonicaやedgepoint churchなど、ダンボール紙をうまく使ったサイトも紹介されています。 一度見てみてください♪ Cardboard Textures
ユーザーをしびれさせるjQueryチュートリアル&プラグイン20 – creamu
spyrestudiosというサイトで、かなり魅力的なjQueryチュートリアル&プラグインが紹介されています。 ざっといくつかご紹介。 » Creating a Keyboard with CSS and jQuery CSSとjQueryでPCのキーボードを実装 » Animate Curtains Opening with jQuery カーテンが開くアニメーションをjQueryで実装。↑のキャプチャはこちら » Sexy Drop Down Menu w/ jQuery & CSS するするっと消えていくクールなドロップダウンメニュー » Learning jQuery: Fading Menu – Replacing Content フェードイン&アウトして切り替わる超クールなメニュー » How to Load In and Animate Content with jQuer
WordPressをCMSにする方法 – creamu
noupeで、WordPressをCMSにする方法が紹介されています。 ざっといくつかご紹介。 ・静的なトップページを作る ・ナビゲーションバーに表示させるものを制御してカスタマイズする ・編集できない部分を作る ・WordPress Widgetsを使ってサイドバーをカスタマイズする ・パーマリンクをカスタマイズする ・サイトマップを作成する ・コメントやトラックバックを拒否する 「How To » 」にそれぞれ方法が書いてありますね。 一度見てみてください。 » 101 Techniques for a Powerful CMS using WordPress いろいろやることがあるのでブログ書く手を止めたい。。
オフィス系のかわいいフリーアイコンパック – creamu
UKのDavidさんからメールをもらったのでご紹介。 48x48pxのアイコンが52個配布されています。 I’m releasing them for free use under the Creative Commons (by) licence. Creative Commons (by)ライセンスとのことですね。メールで以下のようにもらったので、商用利用も可能なようです。 They are free to use for non-commerical and commerical use, modify and distribute. サイズが大きめだし、なかなかかわいいアイコンがそろっているので、ぜひ使ってみてはいかがでしょうか？ Thank you David. I appreciate your contact! » SEM Labs Web Blog Icon Pack まっ
ブラウザの下部にフッターを固定表示する『CSS Sticky Footer』 – creamu
フッターをブラウザの下部に常に表示させたい。 そんなときにおすすめなのが、『CSS Sticky Footer』。ブラウザの下部にフッターを固定表示するCSSだ。 クロスブラウザで、IEやFxはもちろん、Opera、Safari、Google Chrome、Chaminoなどにも対応している。 ブラウザ対応状況は以下から。 » Here is the Full List HTML、CSSもとてもシンプルなので、ぜひ見てみてほしい。 ブラウザの下部にフッターを固定表示するCSS、チェックして使ってみてはいかがだろうか。 » CSS Sticky Footer Oisixの野菜を炒めて食べました。だいぶ減ってきたな。じゃがいもとたまねぎがうめぇ。
Webデザイナーのためのフリーイメージギャラリー20選 – creamu
簡単に使える画像ギャラリーを探している。 そんなときにおすすめなのが、『20 Free & Open Source Image Galleries for Web Designers』。Webデザイナーのためのフリーイメージギャラリー20選だ。 以下にいくつかご紹介。 » Auto Slider かっこよくてコンパクトなギャラリー » Flash Gallery クールで見た目の修正も可能なギャラリー » Flickr Show Flickrセットからギャラリーにセットできる » Gallerific スタイルとレイアウトが簡単にいじれる。↑のキャプチャはこちら » Highslide lightbox効果でグレーアウト。スタイルのオプションもついている その他のリストは以下から。 » 20 Free & Open Source Image Galleries for Web Design
フリーベクター素材集の決定版 – creamu
ベクター素材を探している。 そんなときにおすすめなのが、『The Ultimate Collection Of Free Vector Packs』。Smashing Magazineによる、フリーベクター素材集の決定版だ。 以下にいくつかご紹介。 ↑のキャプチャはIllustrated Vector Sneaker Graphics。 Safari and Zoo Animals Birds in Flight Ecology Vectors Flowers and Plants Office Objects Wood Signs Live Music Transportation Silhouettes その他のリストは以下から。 ライセンスについてはそれぞれ確認していただきたい。 » The Ultimate Collection Of Free Vector Packs フリーベク
クールにアニメーションしてハイライトしてくれるJavascript『Create a Simple, Powerful Product Highlighter with MooTools』 – creamu
DiaryTechnology クールにアニメーションしてハイライトしてくれるJavascript『Create a Simple, Powerful Product Highlighter with MooTools』 クールなインターフェースを実装したい。 そんなあなたにおすすめなのが、『Create a Simple, Powerful Product Highlighter with MooTools』。クールにアニメーションしてハイライトしてくれるJavascriptだ。 このエントリーでは、かっこよくアニメーションしてくれるインターフェースが紹介されている。HTML、CSSだけでなく、Javascriptも公開されているため、実装するのも容易だろう。ライブラリはMootoolsを使用している。 以下にデモがあるので見ていただきたい。 » Demo クールにアニメーションしてハイ
アイコンデザイナーになりたい人のためのPhotoshopチュートリアル15選『Want to be an Icon Designer? 15 Amazing Photoshop Icon Tutorials.』 | CREAMU
Design アイコンデザイナーになりたい人のためのPhotoshopチュートリアル15選『Want to be an Icon Designer? 15 Amazing Photoshop Icon Tutorials.』 アイコンをデザインしたい。 そんなあなたにおすすめなのが、『Want to be an Icon Designer? 15 Amazing Photoshop Icon Tutorials.』。アイコンデザイナーになりたい人のためのPhotoshopチュートリアル15選だ。 以下にご紹介。 » Traffic ConeアイコンをPhotoshopで描く方法 » 本のアイコンを作る方法 » Mac OS Xのメールアイコンのようなデザインをする方法 » Mac OS X用のアイコンを作る方法 » グラフのWebボタンを作る方法 » Photoshop CS3のアイコンを
WebデザイナーのためのFirefoxアドオン16選『Another 16 Firefox Add-ons For Web Designers』 – creamu
Web WebデザイナーのためのFirefoxアドオン16選『Another 16 Firefox Add-ons For Web Designers』 Webデザイナーで、Firefoxを使っている。 そんなあなたにおすすめなのが、『Another 16 Firefox Add-ons For Web Designers』。WebデザイナーのためのFirefoxアドオン16選だ。 以下にいくつかご紹介。 » Font Finder 選択範囲のテキストのスタイルを見ることができる » OperaView Operaのレンダリングでブラウズできる » Pagediff 2ページの差分が確認できる » Validaty ワンクリックでHTMLのバリデートチェックをしてくれる » View Cookies ページにセットされているCookieを確認できる » Window Resizer 自動で
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
フリーのベクター素材サイト50+ – creamu