ブラウザ上でHTML / CSS / Javascriptを書いてその場で実行、ブログ等にも貼付できるjsfiddleの基本的な使い方をざっくりと 個人的にお勧めしているjsfiddleですが、せっかくなのでちゃんと記事にして普及活動をしてみようかなと思います。jQueryのコードを気軽に試す、などにも最適です。2011.10.24 | 12時07分42秒cssやプログラミングjQueryWebサービスWebツール
iPhoneやAndroidなどスマートフォンのスワイプ操作で動かせるカルーセルを実装する非依存型スクリプト・SWIPEVIEW iPhoneやiPadなどのスワイプで動かせる カルーセルを実装する軽量なライブラリ・ SWIPEVIEWのご紹介。jQueryやmootoolsな どのライブラリにも依存しない、非依存型 の軽量スクリプトですので既存のサイト に...2011.10.12 | 11時37分11秒cssやプログラミングiPhone / iPadWebデザイン
クリーン且つクオリティの高いデザインで完成度の高いフリーのHTML5製WordPressテーマ・TheProton なかなか素敵なテーマだったので ご紹介。サイトのオプションや、 美しいレイアウトと完成度の高い デザインながら無料で配布されて いるWordPressテーマ・TheProton です。高機能でもあるので作りを 参考にしたいですね...2011.10.08 | 12時18分20秒WordPressテーマ
CSS3のベンダープレフィックスを自動で付けてくれる手軽で軽量なJavaScriptライブラリ・cssFx.js 久しぶりにかなり便利そうな気がした ので備忘録。CSS3で各ブラウザに対応 させるために加えるプレフィックスを 自動で付けてくれるライブラリです。 将来的にCSS3のプレフィックスは付け る必要が無くなるのでそうなったら これを...2011.10.05 | 14時39分49秒cssやプログラミングWebデザイン
著作権放棄・シンプル・軽量で、iPhoneなどにもレイアウトを調整できるレスポンシブWebデザイン対応のHTML5フレームワーク・Fluid Baseline Grid なかなか凄いフレームワークがあったので 反射的にメモ。パブリックドメインという のが何より太っ腹ですねー。自由に使用で きて、シンプルで汎用的、しかも軽量で iPhoneやiPadにもレイアウトを自動調整 するレスポンシブWebデ...2011.09.23 | 17時48分38秒cssやプログラミングWebデザイン
WordPressのテーマのカスタマイズに役立つコードスニペットを探せるWebサイトいろいろ 少し増えてきたので自分用にまとめてみます。 WordPressでテーマをカスタマイズしたい時 にサクッと探せると楽なんですが、その コードスニペットを探せる、というサイトが いくつかあるのでご紹介します。WPユーザー の方は一度ご...2011.09.22 | 10時42分17秒WordPressカスタマイズ
CSSでカーニング(文字詰め)等を可能にするJSライブラリ・kerning.js 3連休も今日で最後ですねー。今日は ゆっくり過ごす方も多そうですね。 さて、休みですし、ちょっとネタ的 なライブラリをご紹介。カーニング をCSSで出来るようにしたJSライブラ リです。2011.09.20 | 10時41分41秒cssやプログラミングWebデザイン
HTML5の動画上に字幕や、デザイン変更可能なツールチップをキャプションっぽく埋め込めるライブラリ・BubblesJS これはなかなか便利かも、と思っていつかの日 のために備忘録。HTML5製の動画に、字幕や デザインの変更が可能なツールチップ的なもの を埋め込めるライブラリ、BubblesJSです。応用 すればニコニコ動画のような動画コンテンツも ...2011.09.02 | 11時46分19秒cssやプログラミングWebデザイン動画関連
かちびと.netの今後の予定 こんにちは。かちびと.netです。相変わらず変なサイト名ですね。必死にいいね!を お願いして申し訳ありません。ただのデモですので取り消したりいいねしたりお好きに動作確認してみてください。 別件ですが さて、今後の当サイトの予定です...2011.08.30 | 20時50分14秒
WordPressで運営しているサイトでYoutubeを使う際に知っておくと得するっぽいTips なんとなく情報が少ない気がするので試しに 書いてみます。WordPressで運営している サイトでYoutubeをよく貼るようなことが多い ならちょっとお得、というか管理が楽になる かも知れないTipsをいくつかご紹介。自分 でも...2011.08.25 | 12時33分55秒WordPressカスタマイズ
モダンなデザインのプレゼンテーションコンテンツをHTMLで実装出来るようにするjsライブラリ・deck.js なかなか良かったのでご紹介。最近よく 見かけるHTML製のプレゼンテーション を実装出来るライブラリ。素敵なデザイン で実装できてエフェクトなんかも選択 出来るみたいですね。タッチデバイスに も最初から対応できてるといろいろと ...2011.08.23 | 17時43分01秒cssやプログラミングWebデザイン
css3を使って手紙が封筒から出てくる様を表現したコンタクトフォームがなかなか可愛い とっても可愛らしいコンタクトフォームがありま したのでメモがてらご紹介します。封筒に入 った手紙を模したフォームのデザインで、 マウスを乗せると、フォーム部分の手紙が アニメーションしながら出てきます。使いど ころは今は限られてし...2011.08.13 | 11時57分58秒cssやプログラミングWebデザイン
Webサイトにおけるユーザービリティの復習をしたので、よくチェックするポイントをリスト化した ユーザービリティに関して少し復習したので メモっておきます。初心忘れるべからずという 事で・・・Webサイトは基本的にユーザビリティ を考慮したレイアウトやコンテンツが理想です。 もちろんケースバイケースではありますが、 これは全...2011.08.09 | 11時24分56秒Webデザインビジネスマーケティング
iPhoneやiPad等にもWebサイトを最適化するレスポンシブWebデザイン構築に役立つフレームワークやTipsいろいろ iPhoneやiPadなどの人気デバイスに Webサイトのレイアウトを最適化する為 の方法の一つとして、Media Queriesを 使ったレスポンシブWebデザインの構築 が注目されつつあります。当サイトでも 何度か取り上げてい...2011.08.02 | 11時03分31秒cssやプログラミングiPhone / iPadWebデザイン
2011・7月のアクセス解析 8月になりましたので先月、7月 の当サイトのアクセス解析を晒し ます。毎月恒例なのでもう少し 変化があればいいんですけど、 殆ど無いのが申し訳ないところ。2011.08.01 | 9時23分32秒SEOTips
スマフォとかミニマルデザインに特化した、これからお世話になりそうなWebデザインギャラリー 自分の中で課題があって、その為に 必要なインスピレーションを得るため のギャラリーサイトをまとめます。いち いちブックマークから探すのが面倒に なってきたのでちょっと整理がてら記事 にします。2011.07.22 | 11時37分20秒Webデザインインスピレーション
スマフォ向けサイト構築等に便利そうな、指定サイズに応じてclass名を加えてくれる軽量jsライブラリ・Selector Queries これはかなり便利そうだったので備忘録。 ディスプレイサイズに応じて指定した要素 にclass名を加え、そのclassを使ってデザ インする事でレスポンシブなWebデザイン を設計出来るようにする為のライブラリ。 かなり便利そうです...2011.07.20 | 11時09分44秒cssやプログラミングiPhone / iPadWebデザイン
タイル状に並べられたイメージギャラリーごとドラッグ可能にするmootoolsプラグイン・The Wall 3連休をいかがお過ごしでしょうか。僕は 全く関係ないので普通に記事を書いて まいります。タイル状に並べられた画像 ギャラリーをそのままドラッグで動かせる というmootoolsのプラグイン・The Wall が結構クールで素敵でし...2011.07.18 | 11時25分00秒cssやプログラミングWebデザイン
WordPressを使ってWeb制作をする為の手順リスト・【改正版】+α 以前書いたWordPressでWeb制作する際 の手順リストが少し古い情報込みだったり するので改正版を書きます。先日、WPも 3.2のリリースを迎えましたので、手順リスト もアップデートすることにしました。多少考え が変わってい...2011.07.11 | 11時18分03秒WordPressカスタマイズプラグイン
(7月8日)今日の「簡単海外記事」 7月8日の「簡単海外記事」です。 この記事は不定期に「英語が 分からなくても理解できる 海外有益コンテンツ」 を紹介していくコーナーです。2011.07.08 | 9時04分11秒マーケティング簡単に理解できる海外記事
スクロールに応じて要素がアニメーションする、視差効果(パララックス)を取り入れたWebデザイン例とTipsいろいろ 最近ちょくちょく見かけるようになったので調べた事をメモ。スクロールすると、複数要素が、それぞれアニメーションするようなWebデザイン。視差効果を生み出すようなパララックス効果を取り入れたものや、ユニークにアニメーションするものなどなど。2011.07.06 | 11時13分36秒cssやプログラミングjQueryWebデザインインスピレーション
2011・6月のアクセス解析 1日遅れてしまいましたが、7月に なりましたので先月6月の当サイト の毎月恒例アクセス解析を晒しま す。もう今年も半分過ぎました。大 きな災害があったのもあって、なん だか時間がたつのが早い気がします。2011.07.02 | 10時55分07秒SEOTips