サイト設計をする時に覚えておきたいポストタイプの特徴などいろいろ
WordPress で Webサイトを構築する時に、設計の段階で知っておきたい投稿のタイプ（ポストタイプ）について、その特徴などをまとめてみました。とても長い記事になってしまい、うまくまとめられなかったかもしれません ... WordPress ... 奥が深いんだもん ... Webサイトを作るぞーってなってから、アップロードして公開するまでには、本当にたくさんの色んな工程がありますよね。まず発信したい情報があって、誰に見てもらいたいとか考えて、設計してデザインして、コーディングして … 。 Webサイトを作るとき、いきなりデザインやらコーディングから始めるってことはありませんよね。今回は実際にデザインを始める前の段階、サイトの設計やワイヤーフレーム作りをする段階のお話。WordPress で Webサイトを作る時に、設計の段階で知っておくといいかなーと思う、ポストタイプ（’post_t
【コラム】イマドキのIDE事情 (102) Google ChromeのDeveloper Toolsを使いこなそう | エンタープライズ | マイコミジャーナル
ChromeのDeveloper Tools 様々なWebページでJavaScriptやCSSが活用されるようになり、WebブラウザにもWeb開発を効率的に行うための機能が搭載されることが一般的になってきている。たとえばFirefoxには古くからFirebugやWeb Developerといったアドオンが存在するし、Internet Explorerも8以降、開発者向けのツールが標準搭載されている。これらのツールを使用するとJavaScriptのデバッグやHTMLドキュメントのDOMツリーのインスペクションや動的な変更、CSSの変更などを行うことができる。 もちろんGoogle Chromeにも開発者向けのツールが標準で搭載されている。JavaScriptのデバッグ等はもちろんのこと、通信速度の測定やJavaScriptのプロファイリングも可能など、かなり高機能なものだ。今回はこのChro
Youtube動画埋込みを独自デザインにしたい場合に使えるjQueryプラグイン「Custom Youtube Player」:phpspot開発日誌
Youtube動画埋込みを独自デザインにしたい場合に使えるjQueryプラグイン「Custom Youtube Player」 2011年04月05日- Custom YouTube Player Reload ? Scripts and Code Youtube動画埋込みを独自デザインにしたい場合に使えるjQueryプラグイン「Custom Youtube Player」 Youtubeの通常のembedタグを埋めこむと、再生ボタンやらなにやらが付いていたりしますが、次のように、再生ボタンなしに出来ます。 これだけでも、デザインされたサイトには馴染みそうですね。バーがあるとデザイン全体が台なしというケースもありそう。 更に、カーソルを合わせると次のようにカスタマイズされたコントロールバーが現れます。 このコントロールバーは、JavaScript + CSS + 画像でデザインされており、
パンダ・アップデートでは、質の低いコンテンツページにリンクすると順位が下がる
低品質で内容の浅いコンテンツを検索結果に出さないことを目的にしたアルゴリズム変更であるパンダ・アップデートは、新しいアルゴリズムの採用と思われます。 単にリンクの評価基準が変わったとかドメインオーソリティの重要度が下がったとか、一言で片付けられるようなそんな単純なものではなさそうです。 重複・類似したコンテンツが多い、Above the foldにメインコンテンツが少なくて逆に広告が多い、ソーシャルメディアでの言及が少ないなど、影響を受けたサイトすべてではないにしても、さまざまな共通の傾向が見られるようです。 パンダ・アップデートによるダメージからのリカバリに成功した事例を紹介しましたが、いくつもの要素が絡み合っているようで「これをすれば大丈夫」というような特効薬は存在しないと考えていいでしょう。 WebmasterWorldでいくつも立ち上がっているパンダ・アップデート関連のスレッドを読
IA Wiki
概要 IA wikiとは、株式会社モフが運営する、情報設計（Information Architecture）に関する体系的なアプローチを試みるためのWikiサイトです。 現在、IA wikiは、新しいバージョンに移行作業中です。新しいIA wikiは、システムと内容を新たにし、順次コンテンツを拡充しております。 材料と道具 大工にとっての建築の材料「建材」は、木材やコンクリや漆喰などであるが、情報設計における材料は何か？もちろん「情報」ということになる。ところで、大工は建材の種類や用い方、特性や性質を熟知しているが、われわれ情報設計を担う者は「情報」という材料をキチンとわかっているのか？そこかしこに存在するこの「情報」とは、いったいなんなのか？特性、性質を理解できているか？ 一方で、大工にとっての「道具」とはカンナ、カナヅチ、ノコギリ、クギ、メジャーあたりが挙げられる。では、われわれ情報
国別・ブラウザ別でも計測出来るWebサイト表示スピード調査ツール・loads.in - かちびと.net
よくあるWebサイトが表示されるまでの 時間を計測するツールですが、ブラウザ 別でも図れるのは珍しい気がするので 備忘録的にご紹介。大抵はFirebugで 事足りそうですけど、なかなかシンプル で便利そうなので覚えておいても損は しなさそうですよ。 デザインも凄く素敵。URLを放り込むだけのシンプルなツールです。 デザインかこいい。URLを放り込むとメーターのタイトルも変ってくれますよ。細かい部分へのデザインの配慮も参考になります。 ざっと特徴をご紹介。 機能 機能が結構充実してたりします。URLを入れて調査結果が上記のように出ます。JavaScriptエラーのほかに、表示されるまでの時間を5分割し、それぞれの表示状況をチェックできます。 ファイルごとのチェック 右側にWaterfall chartというリンクが出ますので、そこからファイルごとの速度も確認可能。ダウンロードする事も可能みた
良いコードを書く技術 ― 読みやすく保守しやすいプログラミング作法
2011年4月9日紙版発売 2014年12月10日電子版発売 縣俊貴 著 A5判／240ページ 定価2,508円（本体2,280円＋税10%） ISBN 978-4-7741-4596-9 ただいま弊社在庫はございません。 →本書の新版が発行されています。 本書のサポートページサンプルファイルのダウンロードや正誤表など この本の概要 読みやすく保守しやすい「良いコード」の書き方を解説した入門書です。『WEB+DB PRESS』で断トツ人気だった連載を加筆・修正して書籍化しました。 本書を読むと，良いコードを書くための習慣から名前の付け方，コードの分割や集約を行う方法，抽象化の作法，計算量とアルゴリズム，ユニットテストやメタプログラミングまで，プログラマとして長く役立つ基本が身につきます。 こんな方におすすめ 良いコードを書きたいけれども、何から手を付けていいかわからない方々 読みやすく保守
Webデザイナー向けにPhotoshopファイルの扱い方を教えてくれる『Photoshop Etiquette』 | 100SHIKI
Photoshop使いの人だったら見ておいてもよいかな、というサイトのご紹介。 Photoshop Etiquetteでは、Photoshopのファイルの扱いについて、細かいアドバイスを教えてくれている。 レイヤーはこう構成すべし、だとか、ロゴ部分についてはベクターデータにして別フォルダに保存しておこう、だとかそういうことだ。 もちろんこれらが絶対のルールではないが、ちょっと気が利くデザイナーさんだったら確かに実践しているかもね、というものばかりが並んでいて参考になる。 それぞれの状況に応じてこうしたアドバイスを取捨選択していく必要はあるが、目を通しておいてもいいですね。
最強のフリーフォントとは何か？ : ライフハックちゃんねる弐式
2011年04月04日 最強のフリーフォントとは何か？ Tweet 3コメント ｜2011年04月04日 00:00｜ソフト・アプリ等｜Editタグ ：フリーフォント >http://hato.2ch.net/test/read.cgi/news/1298189678/ニュース速報板「フリーのフォントで最強は何よ」 2 ： セフ美(チベット自治区)：11/02/20 17:15 ID:kDArdp7l0 ↑フォントに？ 当ブログサイトはアフィリエイト広告、バナー広告を利用しています。 3 ： 買いトリーマン(catv?)：11/02/20 17:15 ID:FpxRH34xi あくびん 5 ： ポケモン(チベット自治区)：11/02/20 17:15 ID:dHsZwsjX0 しねきゃぷしょん 6 ： カバガラス(大阪府)：11/02/20 17:15 ID:EEJaL/CVP gdi＋＋
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
seotemplate.biz
GOM Lab（GOMラボ）公式サイト - Make, Play, Share
