WordPressのカスタム投稿（ポスト）タイプを作成するまでの手順リスト - かちびと.net
捜し物をしている最中に、ちょっと気になったのでテスト的に記事にしてみます。WordPressに新たに追加されたカスタム投稿タイプですが、多少なりにカスタマイズ経験が無いとハードルも低くはない印象なので手っ取り早く作成出来る用にリスト化します。 便利なのにさほど深く浸透していない印象のカスタム投稿タイプ（カスタムポストタイプ）やカスタムタクソノミー（タグに親子関係を持たせる的な機能）とかいろいろと不可解なキーワードで混乱してる方も多いような気がします。 個人的には理解の前にとりあえず触ってみるのもひとつの手だと思いますので、まずは気軽に追加してみてからどういったものか調べればいいかなと。（賛否両論あるでしょうけど僕はとりあえず触って失敗して学びたい人なので カスタム投稿タイプってなんだろう カスタム投稿タイプとは、WordPressにデフォルトである「投稿」という機能とは別の「投稿」機能を加
「SEO」とは（おさらい編） - かちびと.net
今さらですけど、「SEOってどんなもの？」 っていうおさらい的な記事を書いてみます。 一部の業者さんによってSEOへの認識は まったく違うものになってしまい、頭の良い 人まで勘違いするようになってしまいました。 残念な事です。 というわけで、おさらい。SEOとは何か、について簡単に。とくに釣られたわけではないでｓ SEOとは SEOはサーチエンジン最適化の略称です。現在はもうGoogleが主流なのでGoogleに最適化するのがSEO、という認識で大体あってます。勿論、人が使う検索エンジンは他にも沢山ありますが。 では、「最適化」とはどういったものを指すのでしょうか、という話なんですが、まぁ最適化する為の施工なので、 ユーザーにとって有益でないコンテンツを表示させないようにする クローラーにsitemapを送信してインデックスするのを助けてあげる URLの変更等で、適切なリダイレクト処理を行
「ノンプログラマーのためのjQuery入門」のスライドが凄く分かりやすいですね - かちびと.net
Twitterに流れてきたスライドがとっても 分かりやすかったのでブログでより多く の方に拡散。ノンプログラマー向けの jQueryの基本講座。これからjQuery を使おう、という方は読んでおくと良さ そうですね。 ノンプログラマー向けにjQueryの基礎をスライド化してくれています。 @pocotan001さん作のスライドです。 このスライドを見ながらコーディングする、というより、基礎知識を頭に入れるのに適したスライドだと思いますので気軽にご覧になってみて下さい。ハードルがかなり下がると思います。 また、当ブログでもjQueryプラグイン等の情報を取りあえげていますので合わせてどうぞ。 jQueryのリファレンスサイトと入門書籍 [2011.09.21アップデート] よくアクセスいただくのでハブ的な役割くらいは果たそうと思います。 jquery / jQueryの本家です。 jQuer
jQuery事始め・コピペに頼らず、基礎知識を理解して実際に動かしてみる - かちびと.net
人気のJavaScriptライブラリ、jQueryもかなり 情報が増えました。僕の様に知識が無くても 簡単に動きのあるWebサイトや、更なるユー ザビリティの向上を可能にしてくれましたが、 いつまでもコピペではいずれ困る事になります。 その前にそろそろ基礎から学んでみませんか。 という訳で、jQuery事始め。さほど知識が無い僕が書くのも微妙なんですが、一緒に学んでいきましょう、という事でご了承下さい。内容は基礎中の基礎です。 いつまでもコピペに頼っていては、何か問題が起こったときに対応できませんし、そもそもコピペするならjQueryである必要はありません。 でもjQueryはすごく便利なので、ちゃんと使いこなしたいところですよね。この記事が、誰かが勉強し始める切欠になれば幸いです。 jQueryを使うには まず、jQueryを利用するには本体を読み込む必要があります。方法は2つあって、本
全画面をスライドとして使うダイナミックなナビゲーションを構築する2KB以下の軽量jQueryプラグイン
全画面をスライドギャラリー風にするダイナミック なナビゲーションをjQueryを使って実装するサン プルです。透過処理が必要ですが、IE6、IE7の 両問題児でも問題なく動いてくれますので、実践 でもプロモーションなどに利用できるっぽいですね。 スライドするとロゴが平行してスライドする事で視差 効果も出しています。 クロスブラウザ対応なので使いどころも出て来るかもしれませんね。ダイナミックに動いてくれますのでプレゼンテーションやポートフォリオ、キャンペーンなどに使うのも面白そうです。 Awesome Scrolling Navigation 全画面がスライドします。背景に画像を指定しているのでテキストなんかも入れられるっぽいですね。試していませんけどこれは結構使えそうです。 動作確認していただくと分かるかと思いますが、左上のロゴ部分も微妙なスライドをして視差効果を出しています。 マークアッ
FBML不要・WYSIWYGで容易にFacebookファンページにオリジナルコンテンツを加える事が出来るTabSite
なかなか良さ気なアプリだったのでご紹介。 Facebookのファンページのブログパーツも かなり見かけるようになってきた印象ですが、 FBMLを使ったオリジナルコンテンツのある ファンページはまだ少ない気がします。独自 の言語であるFBMLへの敷居は思ったよりも 高いのかも知れませんね。 とりあえず急ぎで作る必要がある、FBML（以前記事書きました。 / Facebook関連記事はここから）どころかHTMLも分からない、という方でもファンページにオリジナルのコンテンツを加えることが可能なFacebookアプリをご紹介します。 WYSIWYGで作成しますのでかなり敷居は下がるのではないでしょうか。 ファンページにタブ切り替え式のオリジナルコンテンツを、WYSIWYGを使って加えることが出来ます。その他、YoutubeやTwitter、ブログなどのRSSを読み込んで流すことも出来ますよ。 使い
[勉強用] WPのテーマに独自のオプション機能を加える事が出来るTheme Options Theme
なんと説明していいか分かりませんが、 配布されているテーマの中には、テーマ 独自のオプション機能が加わっているもの を見かけたことが有るかと思います。以前 当ブログで配布したテーマにも独自のオプ ション機能を追加しました。そのスニペット 的なソフトウェアです。 以前配布させて頂いたYoutube動画を背景に指定できるWPテーマ・WP-Tubularにも簡単なオプション機能を付けています。 このオプションを加えることで、ユーザーはPHPもHTMLも学ぶこと無く、簡単に好きなYoutube動画を背景に加えられる、という訳です。 ※プラグインではないです。念のため 勉強用にも良さそう。貴方だけのオリジナルオプション機能をテーマに加えることが出来ます。テーマファイルに加えるPHPファイルで、プラグイン作る程でもないけど、管理画面で変更できると良いよね、的な機能をつけてあげたり、なんて時に。 上図の
![[勉強用] WPのテーマに独自のオプション機能を加える事が出来るTheme Options Theme](https://cdn-ak-scissors.b.st-hatena.com/image/square/9f6bc818ca62716d332249d7691031ec7d21b4aa/height=288;version=1;width=512/http%3A%2F%2Fkachibito.net%2Fwp-content%2Fuploads%2F2010%2F12%2Ftheme01.jpg)
HTMLメールマガジンの良デザインばかりを集めたEMAIL GALLERY - かちびと.net
そっけないテキストのみのメールマガジン よりもHTMLを使った良デザインに拘って いる方に参考になりそうなギャラリー、 EMAIL GALLERYをご紹介いたします。 インスピレーションの向上にいいかも しれません。 詳細は以下より サムネイルも大きくて見やすく、探しやすくなっています。大手企業のメールマガジンなどのデザインもちらほら。 ↑ Vogue ↑ Apple ↑ HP ↑ Nintendo 「メールマガジンは時代遅れ」なんて声が無くも無いですが、やり方次第では効果に差異が生じる気もします。HTML形式も受け取る側がテキストと選択できるようにするなど、工夫も必要そうですね。 メールマガジンに関する情報を少し OutlookでのHTMLメールマガジン作成マニュアル メルマガ、HTMLメールを作成するソフトThunderbird メールマガジンを配布できるフリーcgi一覧 EMAIL
css3のtransitionプロパティでアニメーションサンプルをいろいろ作ってみた - かちびと.net
css3のアニメーションプロパティ、transitionがとても面白いので何となくアニメーションのサンプルを色々と作ってみました。まだ対応ブラウザは少ないですが、将来の為に予習してみたのでシェア。 css3のtransitionプロパティは変化を与えるプロパティです。アニメーションを実装できるプロパティはtransitionとanimetionがあり、後者のほうが「アニメーション」としての位置付けっぽいのですが、今回は何となくtransitionを使用しました。 プロパティ：-webkit-transition 対応ブラウザ：webkit系(GoogleChrome、Safari等) JavaScript：未使用 （※ソース閲覧の部分はjsを使っています） 一応アニメーション以外（角丸など）は-mozも入れています。 サンプルなので「-webkit-transition: *s ease-
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
DHTMLXがiPad / iPhoneのようなタッチデバイス向けのHTML5製フレームワーク・DHTMLX Touchを配布してた