-
CSS3やHTML5などのコードを書く様子を再現し、徐々に 出来上がってい... kachibito.net
一つの形として面白かったのでシェア。 実際にコードを書いていきながら徐々に 出来上がっていくさまを見ながら学べる チュートリアルサイト。動画のチュート リアルより見やすく頭に入りやすい気も しないでもないです。 こういう形で学べるのは面白いですねー。はじめてみるタイプのチュートリアルサイトです... 続きを読む
-
アニメーションしながら少しずつ文字を表示させていくエフェクトを実... kachibito.net
アニメーションしながら少しずつ文字を表示させていくエフェクトを実装するjQueryプラグイン・Lettering Animate アニメーションしながら少しずつ文字を表示させていくエフェクトを実装するjQueryプラグイン・Lettering Animateのご紹介。キャッチコピーなんかに使え... 続きを読む
-
アニメーションしながら少しずつ文字を表示させていくエフェクトを実... kachibito.net
使いどころもありそうだったので 備忘録。文字をアニメーションし ながら少しずつ表示させていく様 なエフェクトを実装できるjQuery プラグイン・Lettering Animate です。 プロダクトのキャッチコピーなんかもこの方法でユーザーの視点を誘導出来るかもしれないですね。Flashでは... 続きを読む
-
[書評] WordPressを高速化する方法がビッシリと書かれている「高速化... kachibito.net
まずは記事を持って献本御礼とさせて頂きます。 WordPressがたまに指摘される動作スピードの 問題を追求し、パフォーマンスを改善する為の 書籍・WordPress高速化&スマート運用必携ガイド です。常に求め続けられているサイトのスピード は制作者に取って、とても重要な点ですね。 ご献本頂... 続きを読む
-
画像にマウスホバーするとズームする拡大鏡っぽいやつを簡単に実装で... kachibito.net
結構良かったのでご紹介。ECサイトとか で見かける、マウス乗せると画像が拡大 するやつです。拡大鏡とか言えばいいん でしょうか?ニーズはそこそこありそう ですし、かなり軽量で導入も簡単なので 覚えておくと工数減らせるかもですね。 いわゆるルーペ的なものを作れるライブラリで、プラグイン名もまんま... 続きを読む
-
Google Chromeのブックマークをインスタンス検索やタグ分けできるエ... kachibito.net
Google Chromeのブックマークバーに 登録しているブックマーク群をタグで 分けたり、インスタンス検索できる Chromeのエクステンションのご紹介。 整理してるけどブクマしすぎて使い にくくなった、みたいな方に最適か も。 Chromeのブックマークバーを利用したエクステンションって... 続きを読む
-
Pintarestっぽいレイアウトを作ってみる - かちびと.net kachibito.net
以前、レンガ風に要素を配列するレイ アウトを凄くよく見かけるようになり、 それから一種のブームのように様々な リソースが出回りました。最近はあま り見かけなかったのですが、Pintarest の登場で、また似たようなレイアウト のリソースが出てきている印象です。 Pintarestのように時系... 続きを読む
-
ベジエ曲線のラインに沿ってテキストを折り返すことができるjQueryプ... kachibito.net
ちょっと面白いプラグインだったので 備忘録。曲線に沿ってテキストを折り 返せるようにするjQueryプラグインで す。新聞のようなレイアウトも組めそ うです。用途はあまり無さそうですけ ど、珍しいので覚えておきたい。 Bacon!(ベーコン)です。名前の経緯は分かりませんが、ペジェ曲線にそった... 続きを読む
-
お手軽WordPress Tips : Gistに書いたコードをプラグイン不要でブロ... kachibito.net
WordPressのショートコードネタです。 Gistで書いたコードをブログに表示 させる為のショートコード。最近は特 にGithub関連のビギナー向け記事を見か けますのでこういうTipsもあわせて使うと より捗るんじゃないかなと。 必要になったので調べました。ついでにシェアです。 gist... 続きを読む
-
あなたの「プレゼントしたい」欲を支援する国産ソーシャルギフトサー... kachibito.net
ご連絡を頂いたのでご紹介です。 最近多く見かけるソーシャルな ギフトサービスに新たに仲間入 りした、Wishcruise。手軽に 友人にプレゼントを贈ることが 出来そうですよ。 ソーシャルミーティング、ソーシャルランチなど、色々な形でのソーシャルサービスが増えていますが、こちらは、ギフト支援サ... 続きを読む
-
WordPressの投稿画面で、記事のカテゴリーを1つしか選べないようにす... kachibito.net
少々気になった記事があったので備忘録。 WordPressの投稿画面でカテゴリーを選択 出来る部分があって、そこはチェックボ ックスになっています。当然複数選べる ようになっているわけですが、仕様上、 1つしか選べないようにしたい、という場合 のTipsです。 少し前にWptuts+で「ラジオ... 続きを読む
-
Web上で「飛び出す絵本」の動きを表現したBeercamp 2012がちょっと凄... kachibito.net
凄いなーとおもったのでシェア。Webサイト で飛び出す絵本のような動きを表現した Beercamp 2012がちょっと凄かった。案の定 CSS3とHTML5とJSで作ってるみたいですが、 実際に触ってみると少し感動しますね。 実用的とかでなく、純粋にこういう事が 将来できると楽しいな、という感... 続きを読む
-
CSSスプライトをドラッグ&ドロップで作成、保存もできるWebサービス... kachibito.net
CSSストライプの作成、保存、共有が 可能なWebサービス・SpritePadのご 紹介です。少し大きめのプロジェクト 向けのサービスですかね。ドラッグ とドロップで作れるのはちょっと 良かったです。 昨日までずっとエラーで動かなかったんですが、改善されたようなのでご紹介します。simples... 続きを読む
-
ブログのフッター等にjQueryでTumblrに投稿した画像を表示する - か... kachibito.net
retuよく、ブログのフッターやサイドバーに Flickrに投稿した写真が表示されていた りしますが、これをTumblrでやりたい、 っていう場合の方法。jQueryとTumblrの APIで表示します。Tumblrユーザーさんの 方が自分の周りで最近目立つ気がするの で書いてみます。 Fli... 続きを読む
-
WordPressの管理バーに好みのソーシャルサイトのリンク集を含める - ... kachibito.net
maga01WordPress3.1から管理バーが少し変わ ったのですが、デフォルトではあまり コンテンツが無く、ちょっと勿体無い のでここに好きなリンク集を作って あげると喜ばれるかもしれない、って いう記事です。 管理画面の利便性を高めてあげるとクライアントさんも使いたくなるし、それでWe... 続きを読む
-
背景いっぱいに画像を表示、スライドショー化にも対応した軽量なjQue... kachibito.net
- コンピュータ・IT
- jQuery スライドショー jQueryプラグイン JavaScript webデザイン
- 168 users
- 2012/03/11
okok同じようなの沢山あるのですが、 軽量って言葉に弱い。背景一杯 に画像を表示、スライドショー 化も可能なjQueryプラグインで す。圧縮版なら2KBほどですの で導入しやすいですね。 背景一杯に表示出来るやつでスライドショーにも対応で軽量です。圧縮して2KBくらい。しないで5KBくらい... 続きを読む
-
jQueryでグローバルメニュー内のリストから「現在のページ」のURLを... kachibito.net
jq1グローバルメニュー内のリストの中で 現在のページの部分にclassを与える事 で今いるページだけをスタイリングする 事が出来ます。静的なサイトなら手作業 で済みますが、CMSとかASPになると、その 中のルールに依存するので少し厄介です。 某所で悩んでる人を見かけたので書いてみます。本当... 続きを読む
-
URL指定可能なレスポンシブWebデザイン対応確認ツール・responsive.i... kachibito.net
ちょっと便利かも、と思ったのでメモ。 URL指定が出来るレスポンシブWebデザイン 対応確認ツールです。この手のツール はかなり増えているので今更感も否め 無いんですが、URL指定で直接見れるの で、人に見せるのには結構いいかも知 れないです。 というわけで、レスポンシブWebデザインの対応確... 続きを読む
-
お手軽WordPress Tips:URLやサイズを指定出来るQRコードをショート... kachibito.net
ご質問頂いたのでついでに記事にします。 WordPressでURLとかサイズを指定出来る QRコードをショートコードで作成したい、 というもの。情報系のサイトだと、ユー ザーが携帯で閲覧したい事も多々ありそう なので割りと汎用性はあるんじゃないかな と思います。 というわけでショートコードでQ... 続きを読む
-
Media QueriesとjQueryを使って、スマートフォンでアクセスした時だ... kachibito.net
シンプルで良かったので一応メモ。レスポ ンシブWebデザインのTipsです。Media Queries とjQueryを使用して、スマフォでアクセス した時だけ、邪魔になりがちなナビゲー ションメニューを上に隠す、みたいな手段。 割と良かったので参考までに記事に備忘録 として残しておきます。 ... 続きを読む
【Vプリカが当たる!】おもしろガジェット&ゲームが買える海外サイトを集めてみた - はてなブックマークニュース 97 users
日本のサイトだけでなく、海外のサイトでもネットショッピングをしたい! でもカード番号を入力するのは不安……。そんなときは、ライフカードのVisaプリペイド「Vプリカ」を利用して、ショッピングを楽しんではいかがでしょう。はてなブックマークで人気の海外サイトの中から、編集部おすすめサイトを集めまし... 続きを読む