css3のボタンを作成出来るCSS3 Button Makerが貴方の手元に・実装ファイルが無料で配布されています - かちびと.net
CSS-TRICKSが公開している CSS3 Button Makerを構成し ているファイルが丸ごと配布 されています。ちょっと驚きで した。HTML+JSで作られてい たんですね・・ PHPSPOTさんの記事やはてブに上がっていたので存在は知っていましたが、無料で配布されてるとは思いませんでした。DLすればブラウザだけでCSS3のボタンを作成出来ますよ。 JavaScriptとHTMLだけで作ってたんですね・・・まるっと配布されていますのでいつでも誰でも使用できますね。 ↑ これが使えるようになる。HTMLファイルを変更すれば日本語にもなりますよ。 テキストだけ変えてみた。cssも修正しないと見にくいですけどこれは結構助かりますね。 コードみてこういったジェネレーターの作成法を学ぶのもいいかも。なんとも太っ腹なCSS-TRICKSの記事は以下。無料でDL出来ます。 CSS3 Butto
Twitter関連ツール・まとめ - かちびと.net
Twitter関連の便利なツールがかなり 紹介されて来ていて、そろそろ混乱 してきたのでまとめます。 リンク先は日本語で解説してくれて いる記事にしています。されていない ツールやサイトは載せていません。 今現在は165個のツールがありましたが、今後追加していく可能性もあります。 TwitterWikiに載ってるサービスは極力載せていないつもりですが、若干被ってるかも。 全てのサービスを試したわけではありません。ＭａｃとiPhoneは持って無いですし。。。 また、リンク先を日本の記事にしたのは、海外のサービスに直接貼っても 使い方が分からなければ意味が無いと思った為です。 なので、リンク先がかなり偏っていますが重ねてご了承下さい。 ※コメント頂いたので１５個追加して180個更に20個追加して200個に育った。 ※8月アップデート＞17個増えて217個 ※9月アップデート＞30個増えて247
ボックス内をスクロールすると自動でコンテンツをロードするjQuery - かちびと.net
IE6でも7でも動いてくれるのと なかなか使い勝手も良さそう なのでメモ。jQueryを使った コンテンツボックス内の自動 読み込みを実装します。 去年くらいの記事ですけど見逃してたのでメモ。 Facebookをやられてる方はピンと来るかも。下までスクロールすると自動で次のコンテンツが読み込まれますが、それをボックス内で実装したものです。基本的にどのブラウザでも動くみたいです。 Scrolling Dynamic Content box このボックス内でスクロールすると自動で次のコンテンツが読み込まれ、アイテムの数も表示されます。というか、見たほうが早いですね。 デモ コード コードです。 $('document').ready(function(){ updatestatus(); scrollalert(); }); function updatestatus(){ //ロードしたアイ
透過PNGや角丸などをIE6や7でも実装出来るJavaScriptのメモ - かちびと.net
IE6のPNG透過や6、7での 角丸、ドロップシャドウを実装 するjsライブラリのまとめです。 同じ用途でもライブラリによっ て良し悪しだと思いますので、 備忘録的にメモ。 もうIEはいいよとも思いますが、現実そうも行かないのはもどかしいですね。万能では無いですけど、作業工数を減らせるならjsに頼ってもいいと思います。そういう訳で、透過の問題や角丸、ドロップシャドウを実装してくれるjsのメモ。 IE7.js IE6以下でもIE7と同じようなXHTML / CSSの解釈をしてくれます。要DOCTYPE 宣言。 IE6以下をWeb標準に準拠させるライブラリ『IE7.js』 DD_belatedPNG.js IE6でも透過PNGを実装できるライブラリ。class名等を指定します。リピートにも対応。 IE6用透過png対応策、DD_belatedPNGの使用法と注意点 合わせて読みたい：DD_be
css3を直感で学べそうなフリーのジェネレーターを公開しているCSS3 Sandbox
話題のcss3ですが、そのcss3 関連のジェネレーターを4つ公開 しているCSS3 Sandboxで基本 を学ぶのもいいかな、と思ったの でメモ的に記事にします。 話題のcss3ですが、そのcss3 関連のジェネレーターを4つ公開 しているCSS3 Sandboxで基本 を学ぶのもいいかな、と思ったの でメモ的に記事にします。 直感でグラデーションやドロップシャドウを作成、リアルタイムでプロパティが変わってくれるのでいい勉強になりそうです。CSS3 Sandboxの4つのジェネレーターをご紹介します。 Linear Gradients グラデーションを作成出来ます。左上でWebkit(SafariやChrome)かFirefoxを選択、その下でプロパティを決めます。実装画面下部に実際のプロパティが表示されるのでどのような数値でどう変化するか、というのが分かると思います。 Text Sha
スライドや動画など、HTML5のサンプルいくつか - かちびと.net
個人的なメモです。スライドや 動画などをHTML5を使って 実装したサンプルをいくつか 備忘録的にメモします。こうい うサンプル見てると未来が楽 しみになりますね。 スタイル出来ないブラウザがある限り、微妙ではありますが、HTML5 を IE や Firefox 2 でも使えるようにする方法等も出ているので頭に入れるくらいはしておいて損ないかも。 サンプルは結構あるのですが、気になったものをいくつかメモ。特にFlashに対応しないipadやiPhoneでも動画を再生できるのは素敵かも。 This presentation is an HTML5 website キーボードの矢印キーで動くスライドのサンプル。 This presentation is an HTML5 website CanvasVideo Canvasを使ったビデオ。画面をクリックすると割れるエフェクト付き。 Canvas
アップロードした複数の画像の一括投稿が可能なWordPressプラグイン・File Gallery - かちびと.net
個人的にWordPressで困っていたのが アップロードした画像を1つ1つ投稿画面 に入れていく作業。かなり面倒でした。で、 そんな悩みを解消できるプラグインが あったのでご紹介します。function使って 出来ない事も無いんですけどね・・ 画像を多く使うブロガーさんも多いかと思いますが、このプラグインでアップロードした複数の画像を投稿画面内に一気に入れられるので執筆時間も減らせるかと思います。 ただ、2.8では動かないっぽいです（ローカルでしか試していませんけど）。 プラグインの用途はギャラリー作成ですが、複数画像の一括投稿が個人的に嬉しかったのでその視点で記事を書いています。 複数アップロードした画像をいちいち画像追加ボタンで1つ1つ投稿、の繰り返しが不要になります。 使い方 簡単に使い方を。まずは普通に画像をアップロードします。プラグインが有効になっていれば、投稿画面下部に上記のよ
グリッドをPNGで吐き出してくれるシンプルなジェネレーター・Design By Grid
グリッドレイアウトのWebデザインを 作りたい時に役立つジェネレーター は沢山ありますが、高機能ではなく、 シンプルなものがお好みの方には お勧めのツール・Design By Grid のご紹介。 グリッドレイアウトのWebデザインを 作りたい時に役立つジェネレーター は沢山ありますが、高機能ではなく、 シンプルなものがお好みの方には お勧めのツール・Design By Grid のご紹介。 設定項目はたったの3つです。シンプルで個人的には好み。 いろいろなグリッドレイアウト系ツールがありますが、これは凄くシンプルなのでサクッと作りたい方にはお勧めです。 使い方 使い方は簡単です。上図が設定項目。Column Widthはカラムの幅、Gutter Widthはカラム間の幅、Number Unitsはカラムの数で、設定後は下部に全体の幅数（上の画像なら956px）が算出されますので問題なけれ
iPadのボタンやキーボードなどのGUIエレメントがベクター素材でフリーで配布されていました
WebデザインiPadのGUIエレメント 表題の通り、iPadのGUIエレメントを ベクター画像にした物がIcon Library にて無料で配布されています。開発 等をお考えの方もぜひDLしてみては 如何でしょう。クオリティもかなり高い ですよ。 表題の通り、iPadのGUIエレメントを ベクター画像にした物がIcon Library にて無料で配布されています。開発 等をお考えの方もぜひDLしてみては 如何でしょう。クオリティもかなり高い ですよ。 Icon Libraryが早速iPadのGUIをベクターで公開してくれました。 ipad vector GUI elements タブやボタン、キーボードなどのエレメントです。クオリティ高いですね。以下より無料でDL出来ます。 ※リンクミスしてました。済みません。 ipad vector GUI elements
携帯サイトを作る時に役立ちそうな情報まとめ - かちびと.net
ちょっと必要に迫られたのでメモ。 どうもTwitterやってるとiPhoneや Androidなどのスマートフォンの 話題ばかりなので忘れそうですが、 携帯サイトはビジネスには必須 ですので備忘録として記事に。 以前にも何度かまとめ記事が話題に上がっているので今更感も否めませんが自分のブログにあったほうが探しやすいのでメモします。 予備知識 モバイルサイト構築前に知っておきたいユーザビリティ10のポイント ファーストビューの重要性、色の大事さ、リンク操作に関して記載されています。 モバイルサイト構築前に知っておきたいユーザビリティ10のポイント 携帯サイト（html）の制作に入る前に確認しておきたいチェック項目 サンプルを元に解説してくれているので分かりやすいです。 携帯サイト（html）の制作に入る前に確認しておきたいチェック項目 携帯サイトの作り方 5年前の情報なので参考程度に。今は随
css3のtransitionプロパティでアニメーションサンプルをいろいろ作ってみた - かちびと.net
css3のアニメーションプロパティ、transitionがとても面白いので何となくアニメーションのサンプルを色々と作ってみました。まだ対応ブラウザは少ないですが、将来の為に予習してみたのでシェア。 css3のtransitionプロパティは変化を与えるプロパティです。アニメーションを実装できるプロパティはtransitionとanimetionがあり、後者のほうが「アニメーション」としての位置付けっぽいのですが、今回は何となくtransitionを使用しました。 プロパティ：-webkit-transition 対応ブラウザ：webkit系(GoogleChrome、Safari等) JavaScript：未使用 （※ソース閲覧の部分はjsを使っています） 一応アニメーション以外（角丸など）は-mozも入れています。 サンプルなので「-webkit-transition: *s ease-
ドロップダウンするcssメニューいろいろ - かちびと.net
サイトによっては必要ないかも 知れませんが、メニュー項目が 増えてくるとゴチャ付くので、 ドロップダウンするようにして 隠しておくと見やすくなりますね。 チュートリアルやジェネレーター、フレームワークなど。多すぎるので絞っています。 CSS Navigation Techniques 様々なタイプのメニューのサンプルの中にドロップダウンがいくつか。 CSS Navigation Techniques CSS Drive / Multiple Levels サンプルいっぱい。 CSS Drive / Multiple Levels Free CSS Drop-Down Menu Framework GPLライセンスで配布されるcssドロップダウンメニューのフレームワーク集です。かなり使えます。 Free CSS Drop-Down Menu Framework 38 jQuery And C
ExcelやPhotoshop、DWなど、主要ツールのチートシートを配布するCustomGuide
全て英語のチートシートですが、内容が 分かりやすかったのでご紹介します。 CustomGuide社の配布している FREE Quick Referencesというチート シート集が結構助かりそう。良く使う ソフトごとに操作法等が書かれています。 Excelや、Word、PowerPoint、など、マイクロソフトのソフトから、Photoshop、Fireworks、Flash、DreamweaverなどのAdobe製品の各種チートシートを無料で配布しています。Mac用もありますよ。 ぶわーっとチートシートが沢山。この下にAdobe製品のチートシートが続きます。 ファイルは全てPDFになっています。古いバージョンのリファレンスシートもあるのは親切ですね。 英語が分からなくても使った事がある方なら何となくは分かると思います。 ツールなども丁寧に。 パワポとか。 Windows7もあり。 ショート
WordPress凄いな・・と改めて思ったプラグインやテーマ - かちびと.net
onextrapixelの記事を見て、改めて WordPress凄いな・・と思ったので ご紹介したいと思います。ここまで WPで出来るんだと感心してしまい ました。そんなプラグインやテーマです。 記事には多くのWPユーザーが既知である、WordPressをSNSにしてしまうBuddyPressや、以前ご紹介したギャラリーを作れるテーマ、Twitterっぽくしてしまうえる P2 Themeやprologueなどの情報もありますが、それは割愛して、この記事で始めて知ったものを数点。 Job Board ジョブボード化するテーマです。有料。投稿者はお金を払うと自分の載せる事が出来ます。フリーランス、パートなどのアイコンをつける事も可能でPaypalと連動しているようです。 Job Board Digg-like Voting Site Diggのような投票を行なえるように出来るプラグインです。無
WordPressを利用している良デザインな日本のサイトいろいろ - かちびと.net
日本語で運営されているサイトで WordPressを使った良デザインの サイトをご紹介します。僕が知っている 範囲ですので「こんなサイトもあるよ！」 と言ったお勧めサイトがありましたら 教えて頂けると嬉しいです。 一応テンプレ等を使用していないと思われるサイトに絞っていますが「テンプレだよ」というサイトがあったらごめんなさい。配布テーマでもしっかりカスタマイズしたものは有りの方向です。以前書いた記事の第２弾的なエントリーです。以前も記事内にもWPを使ったサイト多目でした。以前の記事で紹介したサイトは割愛しています。 UMLAND レッドカラーが凄いインパクトです。所々にもjsを使った表現をされています。 UMLAND mono-lab シンプルでかなり見やすいです。フッターも素敵ですよ。テーマも配布してくれています。 mono-lab Brooklyn Parlor かなりハイクオリティで
無料ダウンロード出来るPhotoshopブラシのみを扱うWOW Brushes! - かちびと.net
無料でクオリティの高いPhotoshop のブラシのみを扱うWebサービスの WOW Brushes!をご紹介いたします。 数は100以上あり、ベクター素材も フリーで配布しているようです。 なかなか探すのが面倒なので有りがたい。 ライセンスはおのおのご確認ください。 WOW Brushes!では以下のようなPhotoshopブラシを無料で配布しており、メンバー登録不要でダウンロードする事が可能です。 まだまだありますので配布サイトの一つとしてストックしておいてはいかがでしょう。 WOW Brushes! ついでに他の配布サイトも載せておきますね。 Qbrushes Brusheezy! myPhotoshopBrushes.com getbrushes.com chez plumeau PSbrushes BRUSHFED Ladyoak blendfu.com FBrushes Dez
ギャラリーを作成する為のjsやWPテーマ、プラグイン、Flash、CMSなど47点 - かちびと.net
何かと需要の高いWebギャラリーを 作るためのjqueryプラグインなどのjs やFlashギャラリー、WordPressでサクッ と作るためのプラグインやテーマなどの まとめです。 柔軟性を考慮し、FlickrなどのWebサービスから引張るようなギャラリーは割愛しました。全部で47点。稼動するか未検証なものもありますので参考程度に。探せばまだ有りそうです。 マウスオーバーで画像を出すようにしているので二度手間が少ないかなと思います。やや表示に時間がかかるかも。 javascript jQuery Gallery Slider / マウス移動でダイナミックに。IE6~8、他各種ブラウザ対応 with Semi-Transparent / キャプション付jqueryプラグイン。自動で切り替わる Image Rotator / サイドにサムネイル。jquery使用。手動切り替え Gallery
商用サイトでも無料の国内外のWeb制作に使える素材サイト総まとめ・2009 - かちびと. net
ローカル環境にストックしていた日本国内、海外サイトで商用OKなWeb素材を配布しているサイトのリンク集が結構な量になってきたので出来る限り多くの方とシェアしたいと思ってエントリーします。 懐の広いクリエイターさん方に感謝します。このリンク集は商用サイトでも利用が可能（Commercial use）なWebサイトの素材情報です。一応確認はしていますが、ご利用の際はご自身の目で必ずライセンスや利用規約（Terms of Use等）をご確認下さい。サイトごとに利用規約も異なります。当サイトは一切の責任を負いかねます。 日本国内、及び海外の商用OKなWeb素材配布サイトと日本語で紹介された海外記事のまとめです。 2度手間を防ぐ目的でリンクにマウスオーバーすると画像をツールチップで表示するようにしました。多少表示に時間掛かるかもしれません。 写真 商用サイトでも利用できるロイヤリティフリー、パブリッ
WordPressでWebサイトを構築するまでの手順リスト - かちびと.net
私的なメモです。WordPressで個人的にWebサイトを構築したり、受注した際の手順リストをメモ。自分用のチートシートです。いつも何かしら忘れている気がするのでいつもやる事をぱっと見で分かりようにリスト化しておきます。※個人的な主観が入っています。 Todoソフト等はあまり使わないので本当に私的なメモですが、これが誰かのお役に立てたら幸甚です。プラグインなども好みが有ると思いますのでご参考までに。。 [note]情報が古くなったので改正版としてアップデートしました。[/note] インストール DB作成 WP最新版をダウンロード wp-config.phpをDBに合わせて変更 接頭語も変える（wp_ → example_） FTPソフトでサーバーにインストール ログインして管理者権限のユーザーを作成 作成したユーザー名で再ログイン adminユーザーを削除 ダッシュボードの不要なコンテン
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
2chのDat落ちスレを復活させるChromeエクステンション・g2chDat
