サイトにユーザーがTwitterでつぶやけるウィジェットをつけられるサービス – creamu
「Like it」ボタンのような機能をサイトにつけたい。 そんなときにおすすめなのが、『Like it? Tweet it!』。サイトにユーザーがTwitterでつぶやけるウィジェットをつけられるサービスです。 ページの右下に、ユーザーがつぶやけるテキストボックスを設置できるようですね。自動でパーマリンクがその中に入ります。 「Installation」には、WordPress、Tumblr、Bloggerへのインストール方法が解説されています。 「Click to open the tweet box」をクリックするとデモでつぶやけるので、一度試してみてください。 Like it? Tweet it! 雨なのでこもって作業中。いろいろ進めるぞ。
部屋をカッコ良く見せる５つの方法 – creamu
今回、「sumito」さんから記事を提供いただきました。アイテムの置き方を工夫することで、部屋をすっきり見せる方法がまとまっています。インテリア好きの方や部屋がいまいちすっきりしないという方は、ぜひ読んでみてください。 ↑の写真はsumitoさんの部屋のようです。インテリア雑誌、smartにも取材経験がある方で、結構な強者です。見習いたいですね（CREAMU）。 家具の高さに気をつける 目線より高いものを置かないというのが通常はひとつの目安で、出来るだけ低くすると、自然と部屋が広く見えます。 背の高い本棚などは、なるべく入り口近くに置くようにします。そして、入り口から順々に高さが低くなるように家具を配置すると、遠近法で部屋の奥行が強調され、家具それぞれの高さが目立ちにくくなります。 とにかく余計な物を置かない 普段から余計な物を置かないだけでなく、収納の仕方を工夫することが重要です。 取り
インテリアショップが作るデザイン住宅5 – creamu
98081514/ iStockphoto/ Thinkstock インテリアショップで「家」も買いたい。 そんな夢を実現してくれる意欲的なショップが、数は少ないながらも徐々に増え始めています。 今回はそんな「デザイン住宅」を扱っているインテリアショップを集めてみました。 無印良品の家 スケルトンインフィルを用いた家づくりを行っている無印良品。現在「木の家」「窓の家」「朝の家」の３つのコンセプトがあります IDEE HOUSE PROJECT 「美意識のある暮らし」をコンセプトにしたイデーの住宅プロジェクト。『Apartments 南雪谷』など、実際の施行例も出てきています 生活を遊ぶ家(SEKISUI HOUSE×ACTUS) ACTUSと積水ハウスのコラボレーションによって生まれたコンセプト住宅。住む人がワクワクするようなインテリアが詰め込まれた家になっています F.O.B HOMES
カミングスーンページのデザイン集 – creamu
カミングスーンページのデザインを、センスのあるものにしたい。 そんなときにおすすめなのが、『A Collection of “Coming Soon” Web Pages』と『25 Beautiful Examples of “Coming Soon” Pages』。カミングスーンページのデザイン集です。 ちょうど2サイトでまとまっていたので、いくつかご紹介しますね。 Earth Hour 電球の線をひっぱると電球が消え、ページ遷移するEarth Hour Knot Theory シャツとネクタイの上に情報をうまく配置したKnot Theory Johnny Walker Plumbing 黄色と青の背景とシンプルな情報で好感度の高いJohnny Walker Plumbing Space Rabbit モノトーンの配色にキャラクターをうまく使ったSpace Rabbit Deaxon 進
知っておきたいillustratorのチュートリアル40 – creamu
illustratorのスキルを上げたい。 そんなあなたにおすすめなのが、『40 Fundamental Illustrator Tutorials You Must Know』。知っておきたいillustratorのチュートリアル集です。 いい感じのものが揃っているので、いくつかご紹介しますね。 How to Create a Gearbox Settings Icon Using Simple Shapes シンプルなシェイプを使って、ギアの形をした設定アイコンを作るチュートリアル How to Create an Abstract Vector Design in Illustrator 美しい抽象的なデザインは、シンプルな形から作られる。いくつかの形と透明度に変化を持たせたサンプルの作り方 How to Create an Open Book with Illustrator’s
Photoshopの便利な使い方2つ – creamu
ちょっと気づいたことがあって作業が格段にスピードアップしたのでUP。 Photoshopではレイヤーパレットでレイヤーを選択したり、カンバスの中のものをクリックで選択したい場合は、移動ツールのオプションバーの「自動選択」にチェックを入れますが、command(Ctrl)を押しながらクリックすることで自動選択にすることができます。 今まで「自動選択」にチェックを入れたり外したりしながら作業していたんですが、これで劇的にスピードアップしました。。知っている人にとっては当然のことだと思いますが。 レイヤーをcommand(Ctrl) + Tで変形したいときなど、オプションバーの「W」と「H」は%で表示されますが、pxで指定することが可能です。 これは友人のデザイナーも知らなかったと言っていたので、気づいていない方もいるのでは、と思ったりしています。 というわけで知らなかった方はぜひやってみてくだ
フリーのストックフォトが見つかる15サイト – creamu
Six Revisionsで、フリーのストックフォトが見つかるサイトがまとまっています。 ざっといくつかご紹介。 stock.xchng 定番のフリーストックフォトサイト。iStockphotoがスポンサーをしている Freerange Stock 商用・非商用どちらにも使える写真を提供することを目的としているサイト Stockvault 全ての画像が「Creative Commons attribution license」のクールなストックフォトサイト Creative Commons Search Google、Yahoo、FlickrなどからCreative Commonsライセンスの写真を検索できるサイト iStockphoto’s Free Images iStockphotoが、1週間に1枚だけフリーの画像を提供している。クオリティーは高く、3週間分がダウンロード可能になって
モバイルサイトを作るときに参考になるサイト – creamu
Mashableで、モバイルサイトを作るときに参考になるサイトが紹介されています。 いくつかご紹介しますね。 Mippin RSSを使ってサイトのモバイル版が作れるサービス WPtouch WordPressをiPhoneやAndroid携帯に対応させてくれるプラグイン Mobify デバイスごとの表示をリアルタイムに確認しながらCSSを編集できる。A List Apartがこれで作られた iPhone Compatible CSS Layouts iPhoneに対応したCSSレイアウトを配布 Smashing Magazines’s Mobile Design Showcase 9月にSmashing Magazineがまとめた、iPhoneデザインまとめ CSSiPhone iPhoneサイトのCSSギャラリー A List Apartの例はとてもいいですね。 一度見てみてください。
新しくて便利なWordPressのプラグイン20+ – creamu
net tuts+で、新しくて便利なWordPressのプラグインがたくさん紹介されています。 いくつかご紹介しますね。 Drag To Share Mashableに見られる、画像をドラッグしてTwitterなどに投稿できるプラグイン Paginator スクロールでページを切り替えられる TypeKit Plugin for WordPress WordPressでTypeKitのサービスを使えるようになるプラグイン Custom Coming Soon Page かわいいカミングスーンページや工事中ページを作ってくれる Custom Class Selector エントリー毎にCSSのカスタムクラスをプルダウンで選べるようになる Pretty Comments コメントの テキストエリアにwysiwyg機能をつけてくれる Freebie Images: Free Stock Imag
独自のWordPressテーマを作るチュートリアル20+ – creamu
TUTORIAL LOUNGEで、独自のWordPressテーマを作るチュートリアルがたくさん紹介されています。 ざっといくつかご紹介。 Photoshopで作るモックアップ（PSDダウンロード付き） WordPressのテーマを一から作る方法 Part 1（PSDダウンロード付き） WordPressのテーマを一から作る方法 Part 2（PSDダウンロード付き） WordPressのテーマを一から作る方法（PSDダウンロード付き） WordPressとjQueryでベーシックな新聞スタイルのデザインをするチュートリアル（PSDダウンロード付き） GreenPressのWordPressテーマデザイン（PSDダウンロード付き） デフォルトのテーマをカスタマイズしていく方法 水彩画タッチのブログデザインをするチュートリアル（PSDダウンロード付き） PSDファイルがダウンロードできたり、デ
デザインをリニューアルしました。 – creamu
ブログをマイナーバージョンアップしてたらミドルバージョンアップ並になってきたどないやねん。 ちょこちょことフォントとかいじってたらいろいろとやりたくなって、エントリータイトルとmeta情報、全体の色の統一とかいろいろやっちゃったぞ。勢い余ってロゴも変更してみました。 前から変えたいと思ってたところで、ラフを時々書いてたんだけど、それが一気に形になった感じかな。ブログいじるの楽しすぎる。 あとは背景とかヘッダ、その他細かいところも変えたいと思っているので、時間を見て変えようかなと思っています。 ひとまずいろいろ見やすくなっていると思うのでご覧ください！ CREAMU – Design & Development 昨日から仕事と並行して進めてて全然寝てない。。まぁでも楽しすぎるからいいかな。 今日もいい天気ですね〜。もうすぐホットケーキが焼けるのだ。
ロゴデザインをする時に参考になるサイト60+ – creamu
DESIGNM.AGで、ロゴデザインをする時に参考になるサイトが紹介されています。 4つのカテゴリーに分かれてたくさんありますね。いくつかご紹介します。 ロゴデザインのインスピレーションが得られるサイト » Logo Faves » LogoGala » Logo of the Day ロゴをテーマにしたブログ » Logo Design Love » David Airey » Logo Designer Blog ロゴデザインチュートリアル » Zeeのロゴをillustratorで作る方法 » オバマ大統領のOのロゴの作り方 » レインボーカラーのロゴを作るチュートリアル ロゴに関する記事やケーススタディー » Henri Ehrhartのブランドデザイン » Miskeetoのブランドデザイン » Butterfield Photographyのロゴデザインプロセス よくまとまって
無料のヒートマップ解析ツール『UserHeat』 – creamu
itomasaさんと閑歳ちゃんのユーザーローカルからUserHeatがリリースされましたね。 数日前に連絡をもらって、テスターとしてスクリプトを入れていたので、↓のように解析されています。 管理画面の解析結果。ページビューとアクセスされた日付でソートできて、ずらーっとURLが表示されます。それぞれ3つの解析結果が見られますね。 まずは、ユーザーごとのマウスの動きを可視化する「マウストラック分析」 どういう風にマウスが動いたのかがわかります。ビジュアル的にわかりやすくていい感じ！ 2つ目は、クリックした箇所をヒートマップで表現する「クリックマップ分析」 ヒートマップでクリックされた箇所が表示されます。おもしろいですね。ちゃんと記事が読まれていますw よく読まれている箇所をヒートマップで表示する「熟読エリア分析」 これもおもしろいですね。やっぱりちゃんと記事のところが赤いです♪ これが無料って
ネットで学べるillustratorチュートリアルサイト集 – creamu
spoon graphicsで、ネットで学べるillustratorチュートリアルサイトがまとまっています。 ざっといくつかご紹介。 » Vectips Ryan Putnamによるブログ。手軽なものからアイコンデザインまで、トップクラスのチュートリアルを公開している » Vectortuts Envatoによるベクターのあらゆることに関する人気サイト。たくさんの著者によって記事が書かれている » Veerle Pieters ベクターを扱うことで有名なVeerle Pietersによるブログ » Vector Diary 単純なシェイプから複雑なイラストを作っていく過程が公開されている » Illustration Info 初心者にもわかりやすいチュートリアル » Learn Ai illustratorに関するサイトを集めて、スキルの上がる情報を配信している 英語サイトですが、画像の
WordPressをカスタマイズして自分のものにする10の方法 – creamu
Pro Blog Designで、WordPressをカスタマイズして自分のものにする方法が紹介されています。 ざっとご紹介。 1. カスタムのgravatarを使う 2. コメントをスタイリングする 3. アバウトページを充実させる 4. フッターを効果的に使う 5. ユニークな404ページを作る 6. SNSのコンテンツを組み入れる 7. 著者のプロフィールを公開する 8. 読者に参加してもらう 9. 使いやすくて全体を網羅するアーカイブを用意する 10. ログインページを自分だけのデザインにする それぞれ、参考になるチュートリアルやツール、素材と、例となるサイトが紹介されています。 いろいろと参考になると思うので一度見てみてください。 » 10 Ways to Customize and Personalize your WordPress Blog snow leopardを勢いで
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
知っておきたい使えるCSSテクニック25 – creamu
Web Developer plusで、知っておきたい使えるCSSテクニックが紹介されています。 いくつかご紹介しますね。 ・テキストハイライト時の色を変更する SafariやFirefoxでテキストを選択した時の色を変更できる。コードサンプルは以下 ::selection{ /* Safari and Opera */ background:#c3effd; color:#000; } ::-moz-selection{ /* Firefox */ background:#c3effd; color:#000; } ・プリント時にページを指定箇所で分割する 以下のクラスを指定することで印刷時のページを分割できる .page-break{ page-break-before:always; } ・テキストの代わりに画像を表示する よく見られるSEOテクニック。ユーザーには画像を見せ、検索エ
WordPress関連のFirefoxエクステンション13 – creamu
speckyboyで、WordPress関連のFirefoxエクステンションが紹介されています。 ざっといくつかご紹介。 » Deepest Sender – Blogging Client FireFox Extension ”Ctrl+\”かツールバーのボタンクリックでWordPressにポストできるエディタ » DashBlog FireFox Extension 動画を撮って簡単にWordPressにポストできるアドオン » Clipmarks FireFox Extension キャプチャを撮ってWordPressにポストできるエクステンション » Screen grab to WordPress! FireFox Extension こちらもキャプチャを撮ってさっとWPにポストできるエクステンション » WordPress Post FireFox Extension 選択した
新しいWordPressのテクニック&ハック30+ – creamu
HONGKIATで、新しいWordPressのテクニック&ハックがまとまっています。 いくつかご紹介しますね。 » Antivirus for WordPress 悪質なインジェクションを関知して警告してくれる » Custom ‘Read More’ and Thumbnailed Recent Posts ”もっと読む”メッセージとともに最近のエントリーのサムネイルを表示 » Add shadows to a range of objects 画像やdiv、blockquoteにシャドウをつけるプラグイン。↑のキャプチャはこちら » Alternative way to display dates – WP-RelativeDate 日付を「今日」や「昨日」、「2日前」といった表示にできる » Vote Post Up/Down Diggで見られるようなVote（投票）ボタンをエントリ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
かっこいいフリーのPhotoshopブラシ集 – creamu