「ノンプログラマーのためのjQuery入門」のスライドが凄く分かりやすいですね - かちびと.net
Twitterに流れてきたスライドがとっても 分かりやすかったのでブログでより多く の方に拡散。ノンプログラマー向けの jQueryの基本講座。これからjQuery を使おう、という方は読んでおくと良さ そうですね。 ノンプログラマー向けにjQueryの基礎をスライド化してくれています。 @pocotan001さん作のスライドです。 このスライドを見ながらコーディングする、というより、基礎知識を頭に入れるのに適したスライドだと思いますので気軽にご覧になってみて下さい。ハードルがかなり下がると思います。 また、当ブログでもjQueryプラグイン等の情報を取りあえげていますので合わせてどうぞ。 jQueryのリファレンスサイトと入門書籍 [2011.09.21アップデート] よくアクセスいただくのでハブ的な役割くらいは果たそうと思います。 jquery / jQueryの本家です。 jQuer
Webデザインやプログラミングなどの勉強に良さそうな国内のブログ記事やWebサイトいろいろ - かちびと.net
いよいよ2011年がスタートしました。 今年も去年同様、勉強することが 沢山あります。まだモチベーションが そこそこあるうちに勉強になりそうな 国内の記事をリンク集にしました。 迷ったときに見てみようかなと思い ます。 より最適な方法というのはあると思いますが、まずは扉を叩かない事には何が悪いかも分かりません。ということで、内容に拘らず、否の意見をスルーしてここに色々まとめさせて頂きました。 勉強したい気持ちはあるけど出来ない理由は「何を始めればいいのか分からない」という方も、何が出来るのか、どういった勉強法で出来るようになるかが分かればやる気が起きるかも知れません。 5分で分るシリーズ 以前も流行ったんですね。Web関連以外も含めてここにまとめられています。 5分で分かる PHP を知らない人が PHP の便利さを学べる記事を書いたよ 5分でわかる Ruby を知らない人が Ruby の
DB不要・PHPベースのjQueryで出来たショッピングカート・jCart - かちびと.net
データベースも不要、Ajaxのプラグイン, jQueryを使用したPHPベースの ショッピングカートシステム・jCartを ご紹介します。 「こんなカートシステムを待ってた！」 という方も多いのではないでしょうか。 多くのショッピングカートシステムの場合はDB使用した大掛かりなCMSか、 シェアウェアなどの有料であることが多いのですが、jCartはオープンソースの PHPファイル＋jQueryで動くため、 PHP５以上が動作すれば既存のサーバー環境にもすぐに導入できる 非常に小規模なカートに最適（コンテンツ１つからOK） jQueryを使用した軽快な動作 シンプルで初心者でも設置可能 ｃｓｓでデザインを簡単に変更可能 という特徴があります。また、ライセンスも最もゆるいMITライセンスです。 商品と数を決めてCheckoutをクリックすると 合計料金等を確認。変更も出来ます。 なにより自由度
ミニマルやシンプルなデザインの参考になりそうな名刺いろいろ - かちびと.net
ちょっと調べ物をしたついでにメモ。 シンプルなデザインの名刺や、ミニ マルなデザインの名刺の例です。 インスピレーション用として残したい ので記事にします。多数あるのです が、特に気になった名刺デザインを 40ほどご紹介します。 という訳で、シンプルデザイン、ミニマルデザインの名刺デザイン例。使用されているロゴがシンプルだから名刺もシンプルになってるだけのような気もしないでもないですが、それはとりあえず気にしないようにしました。順不同です。 Lappin Properties モノグラムなロゴを背景にも並べています。 Lappin Properties papirus 裏表で反転。 papirus Novia 24pt インパクトと色合いが素敵。 Novia 24pt GS Stirling 好みのデザイン。素材も良さそうですね。 GS Stirling T&T 厚さをやや多めに取って色付
国内外に旅行する時に役立ちそうなサイトいろいろ - かちびと.net
諸事情で調べ物したのでついでに シェア、と言っても役に立つかわか りません。僕自身、こんな事調べる くらい旅行慣れしていないので、大 した情報ではないかも知れませんが、 何度か必要になるかも知れないので 個人的なメモも兼ねて。 国内外に限らず、旅行するときに役立ちそうなサイトを調べたので備忘録的にまとめておきます。誰でも知ってるような有名なサイト等、割愛しているサイトもあります。 Agoda 世界の安いホテルを探せるサイト。世界中で140,000件以上のホテルを最低価格で予約可能です。英語の通じない国は個人的に不安ですが、日本語サポートがあるのは素敵ですね。 Agoda トクー！ 100円くらいのプランとか、逆に宿泊費無料でしかも100円貰えるプランがあるサイト。会費が必要っぽいけど、100円って・・大丈夫なんでしょうかね？月額400円くらいみたいです。 トクー！ IPPAKU3000 そ
jQuery+CSSで実装するナビゲーションメニュー総集編 - かちびと.net
jQueryを使用したcssナビゲーション メニューのまとめです。フェードや スライド、滑らかにドロップダウンする、 などなど色々なメニューをまとめました。 それほど多用はしませんが、必要な 時に探すのが面倒なので備忘録的に。 という訳で、個人的なjQuery+cssメニューの総集編です。 全部で73個。複数ブラウザでの確認はしていません。順不同です。少し重いかも・・ Large Drop Down Menu スライド&ドロップダウンメニュー Search Box with Filter and Large Drop Down Menu Fly-out Menu with jQuery and CSS3 カッコいいですねー。反対側からスライドするフライアウトメニュー。css3を使っています。 Fly-out Menu with jQuery and CSS3 Rocking and Rol
Web制作に役立つ、何度お勧めしても足りないくらい素敵なツール10選 - かちびと.net
Web制作時、個人的にかなり助かっ ているWebアプリやソフトウェアなど をご紹介。何度お勧めしても足りない 位、助けられています。低スキルな 自分にとっては無いと困る。そんな ツールをシェアしたいと思います。 もっと沢山あるんですが、特に利用しているものを。制作時には毎回利用しているかもしれません。基本的に無料のものを使っています。順不同。 960 grid system グリッドシステムです。ブックマークレットも含め、色々手軽なのが嬉しい。何よりグリッドレイアウトはお客さん受け良い傾向にある気がします。 960 grid system Firebug Web制作といえばFirebugですが、僕はChrome派なのでChromeエクステンションのLite版を使っています。元々、Chromeにはデベロッパーツールがありますし、FxのFirebugも使いこなせてなかったのでこれで十分。 Fi
まずは基本から・HTML5のCanvasについて参考になったサイトまとめ - かちびと.net
ようやくHTML5に興味を持ち始めました。 サンプルを以前記事にして、凄いなーと 思っていましたが、なかなか時間がなく、 先延ばしに。で、ようやく頭に入れ始めま した。なにするにも行動が遅くて困ります。 HTML5でも話題になっているCanvasを勉強し始めました。そんな中で、勉強の参考になりそうなサイトをブクマしたのでこれから学ぼう、とお考えの方とシェアしたいと思ってエントリー。 というわけで、基本的な情報がほとんどです。大量の情報を見ても混乱するのである程度絞っています。 html5.jp リファレンスサイトです。リンク先はcanvasカテゴリに。ここからスタート、というか最後までたぶんお世話になりそう。 html5.jp ～HTML 5で導入されるcanvas要素の使い方～ 同じく教科書的なサイト。ありがたい。まだ、ざっと読んだだけですが、すごく分かりやすかったです。 ～HTML 5
CSS+HTMLのみで実装出来る、クロスブラウザ対応のWebデザインテクニック集 - かちびと.net
cssとHTMLタグのマークアップ のみで実装出来るテクニック集 です。クロスブラウザ対応のみ をcss-playから探したので、 ついでにご紹介します。 jsが使えない環境でデザインする機会があったのでメモがてらエントリー。css-playを中心に、あとはググったりSBMで探したり。マークアップはリンク先をご確認下さい。css-playはソースを。 シンプルなドロップダウンメニュー シンプルなドロップダウンメニューです。マルチレベルのメニューも可能。 demo 縦並びのフライアウトメニュー 横に出るフライアウトタイプ。画像を使用しています。 demo クロスブラウザ対応のグラデーション webkit系でもmozでもIEでもcssのみでグラデーションを実装。 Cross-Browser CSS Gradient ハック、テーブルも使用しないドロップダウンメニュー シンプルなドロップダウンメ
より早くcssやhtmlのコーディングが行えそうな情報いろいろ - かちびと.net
Web制作を少しでも効率化しよう と思って（今更）いろいろ便利そう な情報を探しました。既に使って いる情報の方が多かったのです が、折角調べたのでシェアしたい と思ってエントリーです。 コーディングをもっと円滑に、という旨の情報です。順不同。あんまり多いと逆効果なので量は絞りました。一応これでも絞りました。絞ったつもり。 zen-coding 話題になったzen-coding。だいぶ慣れて来た方もいらっしゃるのでは。 zen-coding（本家） HTMLコーディングが3倍速くなる？「Zen-Coding」 秀丸Zen- Codingマクロ コーディングの効率化を図るZen codingをDreamweaver cs4に入れる方法 WP Zen-Codingが凄く便利 初期設定とかTipsとか 制作前に知っておくと便利なコードとかTipsいろいろ。 css書く前にチェック。 もう、cla
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
