はじめてWordPressのオリジナルテーマを作るときの参考になればと思って書きました（サンプルダウンロード）
初めて WordPress でオリジナルテーマを作ろうと思ったとき、真っ先に参考にしたいのが公式のデフォルトテーマだと思います。でも最近のデフォルトテーマは、ちょっといろいろな機能もついていて複雑な構造をしています...。今回は初めて WordPress でオリジナルテーマを作りたい！っていう人向けに、シンプルなテーマをもとに制作フローをまとめてみました。サンプルはダウンロードしてご活用ください。 WordPress もバージョンアップを重ねて、最近では 3.5 になりました。それに伴ってデフォルトのテーマも、新しい TwentyTwelve になりました（2013年 1月現在）。WordPress で初めて自分だけのオリジナルテーマを作ろうと思うと、まず最初に参考にしたいのがデフォルトテーマ …。でも最近のデフォルトテーマは、ちょっと難しい構造になってる … と思ったりしませんか？ 私が
かわいい柄から繊細なものまで、細かい柄のパターン素材のまとめ
かわいい柄や繊細なパターン、八角形やジグザグやクロス、ノートやカーボンやメタルなど、さまざまなパターン素材を紹介します。
【商用可】無料で利用できるシンプルなアイコン350個セット「350 pixel Perfect Icons」
WEBのデザインには欠かせないアイコン。シンプルなものでも、いざ制作となるとそれなりに時間を取られてしまいます。今日紹介するのは、無料で利用できるシンプルなアイコン350個セット「350 pixel Perfect Icons」。 上位のように350個ものアイコンがセットとなっており、あらゆる用途が想定されており、cスタンダードなものから、使いどころあるの？といったマニアックなものまで、様々なアイコンが収録されています。 詳しくは以下 利用ライセンスは特に定められておらず、商用、個人ともに利用が可能で、PSDで配布されているため、自由度もかなり高く、クレジットなどの記入も必要無く自由に利用できます。psdデータはアイコン毎にレイヤーで分かれており、利用しやすくなっています。 このクオリティと数で無償で提供していただけるのは非常に助かりますね。アイコンをよく利用するという方は是非ご活用くださ
効果的なナビゲーションを設計する5つの大切なポイント
How To Design Effective Navigation Menus [ad#ad-2] 下記は各ポイントを意訳したものです。 Positon -ポジション Simplicity -シンプル Wording -ワーディング Color -カラー Icons -アイコン [ad#ad-2] Positon -ポジション ナビゲーションをページのどこに配置するかは、非常に重要です。 ユーザーがページを見る際にある特定のパターンがあります。ユーザビリティの大家ニールセンによるFパターンが有名です（F-Shaped Pattern）。これは、ユーザーがページを走査する際、上部と左部に（Fの文字のように）フォーカスを合わせるというものです。 こういったパターンを理解し、それがどのように機能するかを学び、何を期待するべきかのアイデアを得るために使います。数多くのサイトを見て、ユーザーに配慮
元グーグル社員が仕掛ける「ソーシャルランチ」、大ヒットの裏の秘策 （nikkei TRENDYnet） - Yahoo!ニュース
「ソーシャル」を冠した新サービスは数あれど、話題性でいえば今の「ソーシャルランチ」に比肩するものは少ないだろう。グーグル出身の2人が2011年10月に始めたこのサービス、「見知らぬ人とのランチの機会を提供する」というごくシンプルな内容ながら... 「ソーシャル」を冠した新サービスは数あれど、話題性でいえば今の「ソーシャルランチ」に比肩するものは少ないだろう。グーグル出身の2人が2011年10月に始めたこのサービス、「見知らぬ人とのランチの機会を提供する」というごくシンプルな内容ながら、すでに3万人以上の登録ユーザーを集め、国内のベンチャー界隈では最もホットなサービスの一つになっている。創業から半年あまりですべてを作り上げた2人の力量はもちろん、KDDIが出資している点でも注目度の高いこのサービス。なぜ話題になっているのか。KDDIが出資する狙いは何か。ソーシャルランチを運営するシンクランチ
「まとめる」ことで思考力は加速する！「思考の整理学」要点 | お土産屋さんブログ
本を読んでも、なかなか身に付かなかったり、すぐに忘れてしまうことってありませんか？ わたしは本を月に１０冊くらい読みますが、読んだ次の日には忘れてしまっていることが多くありました。 そんな時「思考の整理学」という本に出会いました。 １年ほど前から、この本に書かれていたことを実践していますが、知識が体系化され自分の頭の中がクリアになっていくのが、最近実感できています。 例えば、「新しく得た情報」と「過去の知識」を組み合わせて新しい発想ができたり、関連付けて覚えることで「新しく得た知識」を忘れにくくなったりしました。 今回は、わたしを変えてくれた「思考の整理学」を紹介してみようと思います。 思考の整理とは？ 思考の整理とは、情報(思いつきや事実)を抽象化していくことと言える。 情報の共通点や同種を集め、整理して関連付けていく。
デザインをウェブサイトに適用する際にありがちな7つの間違い
7 mistakes developers make [ad#ad-2] 下記は各ポイントを意訳したものです。 はじめに 1. 良いデザインがどのように見えるか 2. カラー選択の理由は好みだからはダメ 3. 真ん中配置の誘惑 4. フォント選びは慎重に 5. 情報の詰め込み過ぎ 6. 質問をもって 7. ディテールは時間の浪費？ はじめに もしあなたがフリーランスのコーダーであるなら、あなたの資産の一つに、ウェブ開発の始めから終わりまで全てのプロセスを把握している、ということがあります。これはデザインも含みます。 プログラマーはコードと素晴らしく構築されたシステムをデザインし、自身がデザイナーであると言えるでしょう。また、個人のプロジェクトなどで、ウェブサイトを作成しなければならないかもしれません。 これはデザインでビジュアルの何かに違和感があっても、あなたがデザインのために良い目を持っ
「Macが遅いな」と感じたら、わずか1分で実行可能な『iBoostUp』のシステムファイルクリーニングを！ | ライフハッカー・ジャパン
Mac OS X：『iBoostUp』は、ドライブのゴミを掃除してシステムを調整することで、パフォーマンスを向上させてくれるクイックでフリーなMac用ツールです。UIは、かなりシンプルで直感的に操作できます。使用中のアプリの様子は、冒頭動画から確認してみてください。 起動すると、まずステータスページが開き、システム概要、スキャンの種類、詳細履歴が表示されます。そこから実行したいスキャンをクリックするか、または左側のサイドバーにあるオプションにアクセスしましょう。 わずか1分でハードディスクスペースをかなりセーブできる「クイックスキャン」が一番人気。ただ、これだとブラウザクッキーも削除されてしまうので、iBoostUpの設定を変更して、クッキーを削除しないようにも設定しておいた方が良いかもしれません。ほかのオプションとしては「ディスクオプティマイザー」があり、ディスクユティリティと同じパーミ
[CSS] 美しいパンくずを実装する4つのスタイルシート | コリス
画像を使用せずに、シンプルなHTMLで美しいパンくずを実装するスタイルシートのチュートリアルを紹介します。 CSS3 breadcrumbs [ad#ad-2] デモ 実装 デモ デモはCSS3、疑似要素を使用しているため、IE9+, Firefox, Chrome, Safari, Operaでご覧ください。 4つデモは、全て画像を使用していません。 デモページ：ホバー時 実装 HTML HTMLは非常にシンプルで、リスト要素を使用します。 ul要素にid、現在位置にclassを記述します。 <ul id="breadcrumbs-one"> <li><a href="">Lorem ipsum</a></li> <li><a href="">Vivamus nisi eros</a></li> <li><a href="">Nulla sed lorem risus</a></li>
『美味しんぼ』にも登場した『創業70年元祖たこ焼き会津屋』のソースなしたこ焼き | ロケットニュース24
大阪を代表するグルメ「たこ焼き」といえば、通常、濃厚なソースがベッタリかかっていて、かつおぶしや青のりもたっぷり。というイメージを抱いているはず。でも実はもともとたこ焼きにはソースも何もかかっていなかったんです。 戦前、大阪から「たこ焼き」を生み出し、現在でも「元祖たこ焼き」として販売しているのがここ『会津屋』。ソースなしのたこ焼きを今も手軽に食べることができます。大阪のたこ焼きは1933年（昭和8年）、会津屋の初代である遠藤留吉さんが、肉とコンニャクなどを入れて焼いた「ラヂオ焼」がはじまりといわれています。 そのラヂオ焼のルーツは、兵庫・明石を中心に食べることができる「明石焼」。あるお客さんから出た「明石はタコ入れとるで」の一言で1935年（昭和10年）、「明石のたこ」と「ころも」に味をつけて焼いたことで大阪のたこ焼が生まれたのです。たこ焼とは本来、小麦粉をしょうゆ味のダシで溶き、味がす
ひと手間かけるとおいしくなる 牛肉、豚肉、鶏肉の焼き方 - はてなニュース
じゅわっとにじみ出る肉汁、口に入れた瞬間に広がる香ばしさ――お肉の一番シンプルな調理法と言えば“焼き”ですよね。今日は牛肉、豚肉、鶏肉それぞれのおいしい焼き方を紹介します。 ■ ひっくり返すのは1回だけ！ 牛肉の焼き方 まず、牛肉のおいしい焼き方を紹介します。 ＜お肉屋さんが教える焼き方＞ ▽ http://www.rakuten.ne.jp/gold/kobebeef/atsukai/recepi/teki.html こちらのエントリーでは、神戸牛の専門店が牛肉の焼き方を紹介しています。大きなポイントは以下の5点です。 肉を冷蔵庫から出し常温に戻しておく フライパンを強火で熱し、熱くなったら牛脂を入れる 塩・こしょうを振った面を下にする 表面に肉汁が浮いてきたらひっくり返す ひっくり返すのは1回だけ 焼き加減は、レアが「ひっくり返して約10秒」、ミディアムが「ひっくり返して約20秒」、ウ
全50種類、PNGもPSDも揃ってるシンプルなデザインのピクセルベースのアイコン素材 -50 Crisp Web UI Icons
全50種類、PNGもPSDも揃ってるシンプルなデザインのピクセルベースのアイコン素材 -50 Crisp Web UI Icons
実例から学ぶ、円・サークルをウェブデザインで効果的に使う15のTips
Matt Webb さまざまな異なる種類のサークルを重ねたエレメントです。異なるカラーを使いダイナミックに見せたり、単一のカラーでモノクロームを演出することができます。また、より少ない数のレイヤーにすることで、よりシンプルに見せることもできます。配置としては、背景やヘッダなどがよいでしょう。 半透明のサークル Pngised 半透明のサークルは最近、多くのウェブサイトで見かけます。使い方としてはカラフルなサークルか、いくつかのカラーだけにしたサークルが多く、主に背景として利用されています。他にもページ内の適切な箇所のみをハイライトする役割もあり、ユーザーの注意を惹きつける有益な方法です。 かなり大きなサークル
配色初心者でも効果的なカラーデザインが出来るようになる4つの工程 / Maka-Veli .com
タイトル間違えました。 「僕みたいなクソデザイナーが配色する時に騙し騙しデザインする手法」です。 配色には色々作法があります。そして言葉もあります。加法、減法、色の三属性、伝統、政治的意味合い、などなど。厳密に出したらキリがありませんし、プロじゃないので、細かい事は抜きにして、個人的に抑えておく簡単なポイントをまとめてみました。 雰囲気のキーワードを出す なんとなくのキーワードを出します。 カッコイイ！ うぉ！すっげ！って感じ クール とにかく渋く。鳥肌立つ感じで 可愛いっぽく。 やっぱ少し可愛くが良い ラブリー♡ もうワクワクーって感じで♥ シンプルに。 余計な物はいらん インパクトどーん とにかく覚えてもらいたい！ 爽やかーーー キレイに見せたい！ 楽しい！ ﾁｮｰﾊｯﾋﾟ ｽｰﾊﾟｰﾊｯﾋﾟ ﾉ…(ry など。 ここで決めたキーワードがベースになります。 常に頭に入れてお
情強がひた隠しにしているフリーソフトまとめ : ライフハックちゃんねる弐式
2011年11月27日 情強がひた隠しにしているフリーソフトまとめ Tweet 3コメント ｜2011年11月27日 13:30｜ソフト・アプリ等｜Editタグ ：フリーソフト >http://uni.2ch.net/test/read.cgi/news/1322219255/ ニュース速報「情強ν速民がお勧めするフリーソフト」http://hatsukari.2ch.net/test/read.cgi/news/1310540136/51 ：(チベット自治区)：2011/07/13(水) 16:08:10.22 ID:Wp6ZvTmw0 GDI++（フォント表示がめっちゃきれいになる） http://www18.atwiki.jp/gdiplus2/ bluewind（シンプルで早いテキストランチャ） http://www.web-ghost.net/bluewind/ マウ筋（マウスジ
スタイリッシュでシンプルなデザインのWordPressテーマを無料配布する・WPEXPLORER - かちびと.net
スタイリッシュでシンプルなデザイン のWordPressテーマを無料配布している WPEXPLORERのご紹介。基本的には有料 ですが、一部を無料で配布してくれて いますので、好意にあやかろうかと 思います。 スタイリッシュで完成度も高いので組み込まれたスクリプトやコードも参考になりそうですよ。僕は独学なので、多くのコードは配布されているテーマから学びます。 以前は配布テーマを紹介していたそうですが、自分で作ったほうがいいのが出来る、という事で方向転換したそうです。その中で、一部を無料で公開（勿論GPLです）してくれているんですが、どれも有料のテーマ並みの出来で凄く参考になりますよ。 数自体は20個あるか無いかくらいですがどれも素敵なデザインです。以下に一部ご紹介します。 Showcaser クリーンでミニマルな2カラムギャラリーのテーマ。 CleanMag マガジン系のテーマ。無駄の無い
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
