Windows7のような透過ウィンドウを実現するjQueryプラグイン – creamu
Windows7のようにウィンドウを透過させたい。 そんなときに使えそうなのが、『AeroWindow』。Windows7のような透過ウィンドウを実現するjQueryプラグインです。 divを透過させて、重なったときに後ろが透けて見せることができますね。ダブルクリックすると、びよーんと拡大したり、右下をドラッグするとリサイズすることができます。 デモは以下から。 オンラインデモ 動きが気持ちいいので、一度見てみてください。 AeroWindow gihyoさんでの連載が始まりました。最近のかっこいいUIについて考えたり、作り方を紹介したりしていくので、よろしければご覧ください。 第1回 使いやすいメニューはどう作る？ ?水平メニュー あと代官山で物件を見てきました。めちゃくちゃかっこいいんだけど、うーんもうちょい探そうかな。
WordPress構築前にやっておくこと – creamu
もう一つメモ。WordPressをローカルで構築して、テストサーバ、本番サーバにインポートして移行する場合、画像のファイルパスには気をつける必要があります。 画像のファイルパスは絶対パスでDBに入るので、外部サーバに持って行ったときにDBの中を書き換える手間が発生してしまうんですよね。 なので、サイトルート相対で書いておくとその書き換えが不要になるので楽です。 「設定 / その他の設定」で、上記のように「ファイルへの完全な URL パス」にサイトルート相対パスを記述。この場合は「/wp-content/uploads」としていますが、先頭にスラッシュをつけていれば、任意のパスに設定可能です（「/images」など）。 参考にしてみてください！ 天気がよすぎるので出かけようかな。
自分でWordPressのテーマが作れるようになるプラグイン – creamu
WordPressのテーマを作りたい。 そんなときにおすすめなのが、『Elastic Theme Editor』。自分でWordPressのテーマが作れるようになるプラグインです。 ダウンロードした「elastic-theme-editor」フォルダを、「wp-content/plugins」に置いてプラグインを有効化することで、利用可能になります。 ヘッダやコンテンツ、サイドバーの領域をドラッグすることで、それぞれのテーマファイルを作ることができます。シンプルな2カラムで作ったのが以下ですね。 カラム数やレイアウトを自由に作れるのと、ヘッダやサイドバーなどのシンプルなテーマファイルがそれぞれ作られるので、一からテーマを作りたいときに便利なのでは、と思います。 ぜひ見てみてください。 Elastic Theme Editor プログラマと打ち合わせ。周りに仕事を振れるようになってきました。
WordPressを高速化するテクニック18 – creamu
wpbeginnerで、WordPressを高速化するテクニックが紹介されています。 いくつかご紹介しますね。 ・キャッシュする WP Super Cacheプラグインを使ってページをキャッシュ ・直リンクを禁止する 以下の.htaccessで直リンクを禁止 #disable hotlinking of images with forbidden or custom image option RewriteEngine on RewriteCond %{HTTP_REFERER} !^$ RewriteCond %{HTTP_REFERER} !^http://(www\.)?yourdomain.com/.*$ [NC] #RewriteRule \.(gif|jpg)$ %u2013 [F] #RewriteRule \.(gif|jpg)$ http://www.yourdomain
illustratorでどんなフォントもスケッチフォントに変える方法 – creamu
vectipsで、クールなTipsが紹介されています。illustratorでどんなフォントもスケッチフォントに変える方法ですね。 ↑みたいなフォントが作れます。 1. テキストツールでテキストを入力 2. 塗りと線をなしにする 3. アピアランスパネルで、新規塗りを追加 黒を選択 4. 効果 > スタイライズ > 落書き で以下のように設定 5. 2ptの黒で線を追加 6. 線を選択した状態で 効果 > パスの変形 > ラフ で以下のように設定 以上ですね。 さらに、1クリックでこの効果が適用できるように、グラフィックスタイルパネルで新規グラフィックスタイル登録しておけば、1発で効果を適用できますね。 詳しくは以下からどうぞ。 » Turn Any Font Into a Sketch Font MacのDockを自動的に隠す設定にしてウィンドウが広くなりました☆表示するの好きだったんだ
SEOの順位を上げるためのWordPressプラグイン10 – creamu
WebDesignBoothというサイトで、SEOの順位を上げるためのWordPressプラグインが紹介されています。 ざっとご紹介。 » All in One SEO Pack ページごとにtitle、description、タグを設定できる » Broken Link Checker リンク切れをチェックしてくれる » Google XML Sitemaps Generator Googleサイトマップを作ってくれる » SEO Friendly Images 画像に適切なaltをつけてくれる » No Self Pings 自サイトへのpingbackを削除してくれる » Enforce www. Preference wwwありなしを統一してくれる » Platinum SEO Pack All in One SEO Packと同じ機能を持ち、さらにオプションを設定できる。しかし、
MovableTypeのバックアップ方法 – creamu
画像をたくさんUPしたためだと思うけど、転送量でサーバに負荷がかかっているようでつながりにくくなっていると思います。何度かリロードしてもらえれば大丈夫だと思うのでよろしくお願いしますm(_ _)m さて、それに関して、サーバにはいつでも障害が起こり得ます。RAIDでミラーリング（2台体制）になっていても、例えばハード的にどちらのHDも壊れてしまえば、復旧のしようがありません。 mysqldumpをはいていても、mysqldumpを保存しているサーバが壊れてデータがなくなってしまえば、戻しようがなくなってしまいます。 レンタルサーバとの契約にもよりますが、例えばブログ運営用などの格安レンタルサーバで言うと、データの保証に関しては責任を負わない会社が多いかと思います。つまり、データがふっとんでしまえば、申し訳ないですが仕方ありません、ということになってしまいます。 なので、万が一のためにもロー
オリジナルフォントが作れるジェネレータ – creamu
オリジナルフォントが作りたい。 そんなあなたにおすすめなのが、『YourFonts – Generate Your Own Fonts Online』。オリジナルフォントが作れるジェネレータだ。 このサイトでは、自分のフォントを作ることができる。 PDFが配布されていて、↑のようにAからZまでを書き込んでいく。それをサイトにUPすればOKだ。 現在は負荷のためUPできない状態だが、おもしろいサービスではないだろうか。 オリジナルフォントが作れるジェネレータ、チェックして一度見ていただきたい。 » YourFonts – Generate Your Own Fonts Online 今日は寒いですねーー。
素晴らしいフリーフォント20選 – creamu
かっこいいフォントを探している。 そんなときにおすすめなのが、『20 Professionelle Fonts』。素晴らしいフリーフォント20選だ。 以下にいくつかご紹介。 ↑のキャプチャはSketch Rockwell。 Freebooter Script Myndraine Quicksand Rally Character Set 30 Free Grunge Fonts その他のリストは以下から。 » 20 Professionelle Fonts – Zum Nulltarif それぞれライセンスには注意してもらいたい。 素晴らしいフリーフォント、チェックして使ってみてはいかがだろうか。 急がなくては。。
無料で使えるPHPホスティングサービス5選 – creamu
無料のサーバを探している。 そんなときにおすすめなのが、『5 Awesome free PHP web hosting services』。無料で使えるPHPホスティングサービス5選だ。 以下にご紹介。 » 000WebHost 容量500MB。広告なし » Zymic.com 容量5GB。広告なし » 110MB Hosting 容量5GB。広告なし » Sitesfree 容量500MB。広告なし » YourFreeHosting.net 容量5GB。広告なし いずれも広告がなしとなっているので使いやすいだろう。 無料で使えるPHPホスティングサービス、チェックしてぜひ使ってみてはいかがだろうか。 » 5 Awesome free PHP web hosting services 風が強いな。。月曜日がんばりましょー！ ハムナプトラ3を見たけどいまいちだったな。。
正規表現を視覚化してくれる『strfriend』 – creamu
正規表現が苦手だ。 そんなあなたにおすすめなのが、『strfriend』。正規表現を視覚化してくれるツールだ。 このサイトでは、↑のように正規表現を図にしてくれる。 簡単なものからややこしいものまで、図にするととてもわかりやすい。 正規表現を視覚化してくれるツール、チェックして一度使ってみてはいかがだろうか。 » strfriend 「Ebisu Gigs」の忘年会に行ってきた。いろんな人がいて楽しかったね。昨日はかなり酔いつぶれてやっとの思いで帰り着きました。。
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×
無料で使える素晴らしい紙の背景&テクスチャ30選『30 Great Free Paper Backgrounds and Textures』 – creamu
Design 無料で使える素晴らしい紙の背景&テクスチャ30選『30 Great Free Paper Backgrounds and Textures』 紙のテクスチャ探している。 そんなあなたにおすすめなのが、『30 Great Free Paper Backgrounds and Textures』。無料で使える素晴らしい紙の背景&テクスチャ30選だ。 以下にいくつかご紹介。 その他のリストは以下から。 » 30 Great Free Paper Backgrounds and Textures All of these textures should be free for commercial use, but to be absolutely sure, check each web site usage terms and license before downloading
見ておきたいかっこいい名刺デザイン36選『36 Cool Business Cards You Should've Seen』
Diary 見ておきたいかっこいい名刺デザイン36選『36 Cool Business Cards You Should’ve Seen』 名刺デザインをチェックしておきたい。 そんなあなたにおすすめなのが、『36 Cool Business Cards You Should’ve Seen』。見ておきたいかっこいい名刺デザイン36選だ。 以下にいくつかご紹介。 その他のリストは以下から。 » 36 Cool Business Cards You Should’ve Seen 見ておきたいかっこいい名刺デザイン、チェックしてぜひ参考にしてみてはいかがだろうか 昨日はベオウルフを見て今日は紀元前1万年を見てきた。後輩の女の子とその後astral lampで飲み。女心をいろいろ教えてもらって勉強になった。癒されたし楽しかったな。
CSSであまり使われていないが使った方がいいフォント8選『8 fonts you probably don’t use in css, but should』 – creamu
DiaryTechnology CSSであまり使われていないが使った方がいいフォント8選『8 fonts you probably don’t use in css, but should』 CSSでフォント指定をちょっと凝ってみたい。 そんなあなたにおすすめなのが、『8 fonts you probably don’t use in css, but should』。CSSであまり使われていないが使った方がいいフォント8選だ。 以下にご紹介。 ・Palatino Linotype / Palatino（WINDOWS 97.09% / MAC 78.86%） ・Tahoma（WINDOWS 96.09% / MAC 72.02%） ・Impact（WINDOWS 95.85% / MAC 88.08%） ・Century Gothic（WINDOWS 85.44% / MAC 42.50
無料で使えるベクターマップ&世界のアウトライン集『Free Vector Maps and Country Outlines』
Design 無料で使えるベクターマップ&世界のアウトライン集『Free Vector Maps and Country Outlines』 地図のベクターデータがほしい。 そんなあなたにおすすめなのが、『Free Vector Maps and Country Outlines』。無料で使えるベクターマップ&世界のアウトライン集だ。 以下にご紹介。 » vector world map 緯度と軽度のラインが入った世界地図のベクターデータ » vector dotted map 3サイズのベクター形式ドットデータ » vector european map ヨーロッパ大陸のアウトライン » dotted world map 現代的なドットマップ » world map font いろんな国のアウトラインと、アメリカの州ごとのアウトライン 無料で使えるベクターマップ&世界のアウトライン集、チ
商用でも無料で使えるアイコン400選『PI Diagona Pack』 – creamu
商用でも無料で使えるアイコンを探している。 そんなあなたにおすすめなのが、『PI Diagona Pack』。商用でも無料で使えるアイコン400選だ。 このエントリーでは、10x10pxと16x16pxのアイコンが200個ずつ、合計400個提供されている。 The icons can be used free for any personal or commercial projects. * The icons are licensed under a Creative Commons Attribution 3.0 license. とあるように、個人利用、商用利用共に無料で利用可能。 ライセンスはCreative Commons Attribution 3.0 license。 ブログやサイトなどに、ぜひ使ってみてはいかがだろうか。 商用でも無料で使えるアイコン、チェックして使ってい
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
クオリティーの高いillustratorのブラシ30 – creamu
画像マウスオーバ時のborder表示テクニック – creamu
ビッグテキストをスモールテキストで描いてくれるジェネレータ『Big Small』 – creamu