WordPressのオリジナルテーマ作成フロー・基本マニュアル
初めてWordPressオリジナルテーマの作成にトライしたい、という方向けの基本のマニュアルです。マニュアルというほど大袈裟なものではありませんけど、ある程度敷居が低くなると嬉しいなぁという思いを込めて記事にします。 この記事の内容はあくまで基本中の基本で、初心者・ノンプログラマー向けとなっていますので応用的な情報は殆どありません。また、説明の仕方も分かりやすさ重視で、厳密的にはちょっと違う点もあります。 初心者さん向けに、もう少し情報があってもいいかなと思って、書いてみることにしました。僕もまだまだ初級レベルなので一緒に学んでいきましょう。初級者レベルでこんな記事書くなって話ですけども。 目次 目次です。各セクションで必要と思う場所から見るようにしてください。 はじめに 作成するWebサイトの目的と構造 テーマ作成前に用意するものと環境 テーマの構造を（触り程度だけでも）理解する HTM
DB不要・PHPベースのjQueryで出来たショッピングカート・jCart - かちびと.net
データベースも不要、Ajaxのプラグイン, jQueryを使用したPHPベースの ショッピングカートシステム・jCartを ご紹介します。 「こんなカートシステムを待ってた！」 という方も多いのではないでしょうか。 多くのショッピングカートシステムの場合はDB使用した大掛かりなCMSか、 シェアウェアなどの有料であることが多いのですが、jCartはオープンソースの PHPファイル＋jQueryで動くため、 PHP５以上が動作すれば既存のサーバー環境にもすぐに導入できる 非常に小規模なカートに最適（コンテンツ１つからOK） jQueryを使用した軽快な動作 シンプルで初心者でも設置可能 ｃｓｓでデザインを簡単に変更可能 という特徴があります。また、ライセンスも最もゆるいMITライセンスです。 商品と数を決めてCheckoutをクリックすると 合計料金等を確認。変更も出来ます。 なにより自由度
覚えておくと地味に便利だと思える日が来るかもしれないjQueryのコードスニペット何個か - かちびと.net
これならjQueryじゃなくてもいいんじゃ 無いか、っていう記事です。短くて使い やすいスニペットなんですが、まぁ用途 は人それぞれだと思うので適当に流して 下さい。自分が使いやすいようにまとめ たいだけです。 そのコードおかしいわーみたいなのあったらすいません。まぁその程度の記事です。というわけでいろいろとツッコミどころ満載かもですが、あんまり気にしないで下さい。じゃあ記事書くなよって話ですけどｗ デモの見方 jsfiddleというサービスを好んでよく使うのですが、あまり見慣れないかもなので一応デモの見方を。上図の○で囲った部分、Resultを押せばデモ画面に、再生ボタンでリロードします。 簡単なコードなので実践で使うにはもう少し工夫が必要です。また、jQueryの勉強にもなるかもしれません。jsfiddleはフォークできるので宜しければ改善や動作の勉強等にご利用下さい。 こういうスニペ
Webサイトにおけるユーザービリティの復習をしたので、よくチェックするポイントをリスト化した - かちびと.net
ユーザービリティに関して少し復習したので メモっておきます。初心忘れるべからずという 事で・・・Webサイトは基本的にユーザビリティ を考慮したレイアウトやコンテンツが理想です。 もちろんケースバイケースではありますが、 これは全共通して言える、という事を忘れない ようにメモ書き。 というわけで、申し訳ないですけど目新しい事は何一つ無い内容です。 そもそもこのブログ自体ユーザビリティを考慮した設計とは言えません（「やっちゃダメなこと」もしています）ので全然説得力ない感じです。 いろいろとテスト&エラーをして行きたいのでご了承下さい。 はじめに 正しいユーザビリティはコンテンツによってケースバイケースだと思いますが基本的には僕はヤコブ・ニールセンの考えに従っています。 全ての項目は「すべてが正しい」ものではありません。100のサイトがあれば100通りのユーザビリティが考えられるはずです。場合
画像を使った視差アニメーションを簡単なjQueryのコードで実装するTips - かちびと.net
マウスの動きに応じて重ねた複数の画像 が動きその動きを使って視差効果を与える、 というjQueryプラグイン。ユニークでいいで すね。ソースも軽量です。こういうの実装され てるだけで、ちょっと味のあるデザインに なりますよね。 視差アニメーション用のjQueryプラグインは今までもいくつかありましたけど、今回使用されてるものは割と簡単なコードだったので勉強にもなると思いメモ。 PLAX マウスの動きに合わせて重ねられた画像がそれぞれ別の動きをするので結果的に視差効果が生じる、というもの。よくあるやつですね。Githubの404ページのアニメーションで使われてるスクリプトみたいです。 デモ (function($){ var layers = [], docWidth = $(window).width(), docHeight = $(window).height() $(window).
Webデザインやプログラミングなどの勉強に良さそうな国内のブログ記事やWebサイトいろいろ - かちびと.net
いよいよ2011年がスタートしました。 今年も去年同様、勉強することが 沢山あります。まだモチベーションが そこそこあるうちに勉強になりそうな 国内の記事をリンク集にしました。 迷ったときに見てみようかなと思い ます。 より最適な方法というのはあると思いますが、まずは扉を叩かない事には何が悪いかも分かりません。ということで、内容に拘らず、否の意見をスルーしてここに色々まとめさせて頂きました。 勉強したい気持ちはあるけど出来ない理由は「何を始めればいいのか分からない」という方も、何が出来るのか、どういった勉強法で出来るようになるかが分かればやる気が起きるかも知れません。 5分で分るシリーズ 以前も流行ったんですね。Web関連以外も含めてここにまとめられています。 5分で分かる PHP を知らない人が PHP の便利さを学べる記事を書いたよ 5分でわかる Ruby を知らない人が Ruby の
[2010年度版] 今年に入ってブックマークした無料のソフトを整理・16個+まとめ記事いくつか - かちびと.net
今日は2010年度版のフリーソフトまとめ です。今年、ブックマークした無料のソフト を整理しました。結局残ったのは16個と まとめ記事がいくつか。折角整理しました のでついでにまとめてご紹介してみます。 かなり主観が入っていますので内容は 偏っていると思います。 という訳で、2010年度版・無料でDL出来る素敵なソフトのまとめです。試してみて凄いなーと思ったもの、まだ試していないものなど混在していますがご了承下さい。 日本語で紹介してくれている記事にリンクしていますので詳細はそちらでご確認下さい。 順不同です。 【追記・当方WinユーザーでMac持ってないです。このまとめもそんな感じです】 複数のパソコンで簡単にiTunesを同期できる『MediaRover』 これはなかなか便利そう。試す機会がまだ無いので試していませんが、いつかテストしてみたいです。 複数のパソコンで簡単にiTunesを
Facebookを好みのスタイルにカスタム出来るChromeエクステンション・Beautify Facebook CR Edit - かちびと.net
Facebookの画面をもう少し使い易く 出来ないかと思ってChromeエクステ を探してみました。いつくかあるので すが、Beautify Facebook CR Edit がなかなか機能が充実していたので 使ってみました。 Facebookの画面をカスタマイズ出来るChromeエクステンションのご紹介です。 僕のFacebook画面です。右側邪魔なので消しました。他もいろいろいじってとてもシンプルにすることが出来ました。何かしら招待頂いても見落とす弊害もありますが。 結構多機能なエクステンションです。以下にざっと機能をご紹介します。 設定画面を出す 設定画面は最初は「アカウント」の最下部にあります。Beautify optionsをクリックすれば設定画面に移ります。 上部メニューと左サイドを固定する いちいち上に戻ったり下に見に行ったりが面倒なら上部メニューと左サイドを固定すると比較的
HTML5を実際に使用しているサイトを集めたHTML5専門のWebギャラリー5つ - かちびと.net
ふと、HTML5を実際に使用しているサイトの 現状が気になって調べ物をしたので、ついで にシェアします。HTML5を使っているWebサ イトのギャラリーを5つほどご紹介します。 実例からIEへの対応なども学べるので導入 予定の方はチェックしてみては如何でしょう。 日本でもHTML5で作られたサイトを稀に見かけるようになってきました例えばローソンのサイトはHTML5ですね。Twitterでも一部のユーザーに人気のie6botのサイトもHTML5です。 海外では結構な数になってきているようですので実例を見て学びたいと思い、ギャラリーから探しました。 101 Best HTML5 Sites HTML5で出来たサイトのベスト100を掲載しているサイトです。サムネイルも中くらいのサイズで見やすいのでお勧め。 このサイトはシリーズ化していて、他にもTwitterアプリ、iPhoneアプリサイト、An
フリーのはてなブックマークアイコンいろいろ
フリーのアイコン配布記事は 凄く助かるのですが、SBMアイコン なんかは9割方使いようが無いので 日本のSBMの代表格でもある、 はてなブックマーク、はてブの 無料アイコンをまとめます。 はてなブックマークの立体アイコン いいですね！立体アイコン。影もちゃんと付いてる。 はてなブックマークの立体アイコン はてなブックマークの3Dアイコンを作ってみた。 こちらもいい感じ。綺麗目ですね。 はてなブックマークの3Dアイコンを作ってみた。 スケーラブルな「はてブ」アイコン2種 でかいｗｗこういうのありがたいですよね～。 スケーラブルな「はてブ」アイコン2種 ブックマークアイコン作ってみた-FLA-FLI 日本のSBMアイコンセットが２つ。かわいいｗｗ ブックマークアイコン作ってみた-FLA-FLI はてなブックマークアイコン15色 カラフルなはてブのアイコンがずらり。 はてなブックマークアイコン1
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
jQuery Mobileを使ったフリーのスマートフォン向けWordPressテーマ・Generic jQuery Mobile - かちびと.net
スクロールに応じて要素がアニメーションする、視差効果（パララックス）を取り入れたWebデザイン例とTipsいろいろ - かちびと.net