css3のtransitionプロパティでアニメーションサンプルをいろいろ作ってみた - かちびと.net
css3のアニメーションプロパティ、transitionがとても面白いので何となくアニメーションのサンプルを色々と作ってみました。まだ対応ブラウザは少ないですが、将来の為に予習してみたのでシェア。 css3のtransitionプロパティは変化を与えるプロパティです。アニメーションを実装できるプロパティはtransitionとanimetionがあり、後者のほうが「アニメーション」としての位置付けっぽいのですが、今回は何となくtransitionを使用しました。 プロパティ：-webkit-transition 対応ブラウザ：webkit系(GoogleChrome、Safari等) JavaScript：未使用 （※ソース閲覧の部分はjsを使っています） 一応アニメーション以外（角丸など）は-mozも入れています。 サンプルなので「-webkit-transition: *s ease-
ECサイト等によくあるオンラインのカード決済を代行するサービス10社 - かちびと.net
ちょっと必要になって調べ物 をしたのでメモ。ECサイト等 でよく、カード決済が出来る 所があると思いますが、その 決済代行をしている所を探し たので備忘録的に。費用に 関しては要問合せみたいです。 という訳で10社ほどメモ。Paypalは諸事情により、省いておきます。順不同です。 ZEUS EC-CUBEとかosCommerceみたいなオープンソースにも対応してるみたいです。丸井がここを導入してるようです。 ZEUS イプシロン GMO系列ですかね？慶應義塾が導入。 イプシロン J-Payment 東大とかが導入。Suicaにも対応してるみたいです。 J-Payment テレコムクレジット 実績例がもう少し欲しいところです。。モバイルにも対応。 テレコムクレジット ルミーズ EC-CUBEなど各オープンソースにも対応しています。なかなかよさ気。 ルミーズ PAYGENT こちらも各CMSに
WebデザインにjQueryを使いたい人向けの動画チュートリアルサイト・jQuery for Designers - かちびと.net
jQueryをWebデザインの為に使い たい、という方にお勧めのサイト・ jQuery for Designersのご紹介。 jQueryは様々なプラグインがあり ますが、ここはWebデザインに特化 しています。 jQuery for DesignersはデザイナーのためのjQuery情報サイトです。まだ数自体は少ないのですが、チュートリアルやデモを中心に情報を配信していますので今後の期待も込めてご紹介します。 Webデザイナー用のjQuery情報サイトです。右上に「Easy」、「Medium」、「Hard」とありますが、これは導入難易度を示しているようです。 チュートリアルは動画とテキストがあります。動画コンテンツ上部のdemo、View Codeでデモやコードのページに切り替えます。 例えば以下のような情報があります。 Automatic Infinite Carousel 自動でスラ
WordPressをブログ以外で使っているサイトいろいろ・国内編 - かちびと.net
ブログエンジンのWordPressを ブログ以外で利用しているサイト の国内編です。ブログの線引き の基準が分からないので自分で 線引きしています。ここで言 ブログ以外とは「日記ではない」 サイトを指しています。 Webマガジン、ニュース系サイト、ECサイトやギャラリーサイトなど、ブログ以外のWPサイトのまとめです。順不同です。 元ネタさがし ネタ系サイトです。画像の元となった画像を収集しているサイトでレーティング（評価）機能が付いています。ナイスアイデアですねー。いいコンテンツです。 元ネタさがし 新商品FINDER ニュース系というよりポータル系に近いサイトです。新商品のみを紹介するサイト。デザインもかなり綺麗ですね。参考になります。 新商品FINDER ブログタイムズ ブログ記事に紹介記事を書くと掲載費を貰える、というサービスを提供しているサイトです。WPでこういったサービスを提供し
IE6、7でも動いてくれる&実用性の高そうなjQueryプラグイン30個まとめ - かちびと.net
使いやすそうなjqueryプラグイン をまとめました。最低でもIE6,7でも 動いてくれる事を前提にしています。 他サイトでよく見かけるプラグインで、 個人的に実用性のあるプラグインと 思ったものをまとめます。 IE6、7でも動いてくれて、実用性のあるjQueryいろいろ。確認したブラウザはIE6,7とChromeです。他は大抵動くんじゃないかな（適当）。 デモで画像が透過されていないのもありますが、他のjsライブラリでIE6でも透過可能（DD_belatedPNG.jsとか）なのでそこは抜きにして動作する事を条件に挙げています。主観入ってるので参考程度に・・ Horizontal Subnav マウスオーバーでサブメニューがプルダウンするcssメニューです。サブメニューは横に広がってくれます。 Horizontal Subnav Simple jQuery tabs コンテンツをタブで切
クオリティの高いWebデザインを見たい時はThe Css Awardsがいいかも - かちびと.net
ハイクオリティ、綺麗なWebデザイン を見たいときはThe Css Awardsが 良いかもしれません。ここは素敵な Webデザインのサイトを毎日紹介 しているギャラリーで、厳しい審査 の元、1日1サイトが選ばれるサイト です。 そんなサイトなので、The Css Awardsに掲載されているWebデザインは基本的にクオリティが高そうです。有名なサイトみたいですが、最近知ったので改めてご紹介します。 素敵なデザインばかりですよ。審査してもらうにはお金が掛かるみたいですが、掲載されているサイトを見ると、ちゃんと厳選してくれてるっぽいですね。 The Css Awardsの歩き方 簡単では有りますが、特徴をご紹介します。 検索 上部のMENUにマウスオーバーするとメニューが表示されます。そこでカラー検索やタグ検索が可能です。ascendingにチェックを入れると点数の低い順、descendin
Photoshop関連まとめ - かちびと.net
Photoshop関連のまとめです。 ブラシやパターン、シェイプ チュートリアルを書いている ブログ、プラグイン、アクション などなどのまとめ、というか 個人的なリンク集です。シェア したいと思ってエントリします。 おそらく抜けてる有益サイトもありそうなので参考程度になさってください。海外サイトが殆どにどうしてもなってしまいますが、殆どは図解入りなので、英語が読めなくてもある程度分かるかと思います。バージョン、ライセンスに関しては表記し切れませんので個々でお確かめ下さい。 配布サイトはフリーをメインにしています。あと、カテゴリ分けはしていますが、結構適当です。 配布サイト ブラシ・シェイプ・パターン ブラシや、カスタムシェイプ、パターンの配布サイト WeGraphics / フリーブラシカテゴリ。11セットほど配布 Brushesdownload / ブラシ配布専門のサイト Gfxfeve
ナナピ(nanapi)で個人的に役に立った投稿まとめ - かちびと.net
ライフレシピ・ナナピで個人的に 助かった、役に立った投稿をメモ 代わりにまとめます。ブクマが分散 していたので整理も兼ねて。はてブ がたくさん付いてる投稿が多いので 目新しい内容は無いかもしれません。 役に立つ、立たない、というのはその人の環境次第だと思いますのでその辺ご理解下さい。内容は一貫性ありません。順不同。 初心者のためのPayPal(ペイパル)の基礎知識 なかなか敷居が高いと思っていらっしゃる方も多そうなPaypalですが、これは凄く分かりやすい内容でした。下部のリンク集も参考にするとより良さそうです。 初心者のためのPayPal(ペイパル)の基礎知識 クレジットカードをなくした時の対応表 恥ずかしながら何度か無くしているのですが、100%の確率で焦る、というか凹んで合理的に動けないのでこういった知識が備わっていると被害にあう確率も減るのでは。 クレジットカードをなくした時の対応
12000種以上のPhotoshopブラシをストックしている検索エンジン・FindBrushes - かちびと.net
Photoshopのブラシを検索できる FindBrushesのご紹介。検索と 言うか、アイコンを探せる検索 エンジン、Iconfinderと同様で、 インデックスされたブラシを検索 する形ですが、量はかなりのもの。 目的から探せるのが検索系のいい所ですよね。FindBrushesには現在600セット以上、総計12000種以上もストックされているので覚えておくと役に立ちそうです。 シンプルな設計ですし、軽いので探すには最適かも。 カテゴリからも探せる 左上のメニューからカテゴリで探す事も可能なのでキーワードが思いつかない、という方はカテゴリで探してはいかがでしょうか。 例1・グランジ系を探したい グランジ系のブラシをお探しなら「grunge」で検索します。数は90と出ますが、ブラシはセットになっているので量としてはかなり豊富ですね。 例2・木のブラシを探したい treeで検索。検索スピード
WPのWYSIWYGをCKEditorに変更するプラグイン・CKEditor For WordPress - かちびと.net
WPを使ったWeb制作の納品時の 選択肢の一つとして覚えておいて 損は無さそうなのでメモ。記事投稿 のWYSIWYGを使いやすいCKEditor に変更するプラグイン。スタイルも カスタマイズできます。 CKEditorに入れ替えるのでCKEditorでも出来るスタイルの変更も管理画面で行なえます。 上記のようにWordPressの標準装備のWYSIWYGをCKediterに変えます。標準は標準でいいところがあるのであくまで選択肢の一つですかね。以下にちょっとだけ紹介します。 画像 画像にidやclass、heightなどなど色々加えられます。URLを指定するのでアップロードしてから使う感じですね。 テーブル 簡単にテーブルを作成することが出来ます。 テキスト装飾 テキストの装飾も色々出来ます。背景色を付けたり、n乗の表現もワンクリック。 ぜひCKediterのデモを触ってみてください。C
WordPressプラグインを使わずに記事ごとにcssを加えられるようにするカスタマイズ - かちびと.net
記事単体に別のcssを加えられるようにする為のメモ。プラグインは使いたくないよ、という方向けのカスタマイズ方法になります。functions.phpで投稿画面にcssの追加用boxを作成します。 ※追記・プラグインにしました 記事ごとにスタイルを追加出来るように、投稿画面にcss追加用のboxを加える為のカスタマイズ。add-css-jsなら簡単ですが、カスタムフィールドが個人的に面倒だったのでfunctions.phpを使いました。 方法 ↑ こんな感じでcss追加用のboxを作成します。お使いのテーマファイルのfunctions.phpを開いて以下のコードを追加するだけ。 add_action('admin_menu', 'custom_css_hooks'); add_action('save_post', 'save_custom_css'); add_action('wp_hea
AmazonアソシエイトのツールはAZlinkが一番シンプルで使いやすい - かちびと.net
Amazonアソシエイトの支援ツール は色々とありますが、僕は結局 シンプルで手軽なものが好きなので Azlinkを使っています。とても便利な ブックマークレットがあるのが個人的に 凄く魅力です。 多機能なサービスでも重かったり、いちいちサイトに行かないと使えないのは結局僕は使わなくなってしまいます。FirefoxのグリモンとブックマークレットがあるAZlinkなら手軽に商品リンクを作成出来るので一番シンプルで使いやすかったです。 AZlinkはブックマークレットで画像付の商品リンクをサクッと作れるWebサービスです。Amazonの商品ページでブックマークレットを使えばリンクコードを発行してくれます。 ブックマークレットが手軽でいい Webサービスサイトに行く→色々入力→リンク作成、という流れが殆どですが、この「Webサービスサイトに行く」が凄く面倒。ブクマしてはいますが、そのブクマを探し
WordPressユーザーにお勧め。管理メニューを表示するブックマークレット・WP Toolbar - かちびと.net
WordPress使いの僕にとっては かなり有りがたいブックマークレット だったのでご紹介。このブックマー クレットを使うと、WP管理画面の メニューリンクが出てくれるので 更新や編集が楽になりそうですよ。 複数管理していても、そのサイトでWP Toolbarを使えば、見ているサイトのWP管理メニューを表示してくれます。以下に詳しく説明を。 ご覧のようにこのブックマークレットを使うと、右上にメニューが表示されます。 ダッシュボード、投稿、メディアやコメントなどが出てくれます。その子ページへのリンクもマウスオーバーで表示されます。ただし、プラグイン等で追加された子ページなどは表示されません。 もちろん、自分のサイト以外に行ってもリンクは表示できますが、当然ログインしていなければ入れません。 ブックマークレットはiamnotagoodartistにあります。 複数管理しているので個人的には、か
素敵な名刺デザインいろいろ
個人的に好みの名刺デザイン の例をメモ。いつか書きたいと 思っていましたが、なかなか 機会がありませんでした。 個人的に好みの名刺デザイン の例をメモ。いつか書きたいと 思っていましたが、なかなか 機会がありませんでした。 たまたま、先日名刺の話題を Twitterでしていたのでついでに エントリー。 一貫性もコメントも何も無い、個人的なメモ（ギャラリー）です。 Paper Napkin Designs Paper Napkin Designs i Draw Designs i Draw Designs caddyshack putters caddyshack putters ed ed doTerra doTerra Andy-Westwood Andy-Westwood Bridge Photographic Bridge Photographic Tecknogr▲fick™ Te
要連絡、漢字無しなど、条件付だけど商用利用可能なフリーの日本語フォントいくつか - かちびと.net
最近、というか昨日知ったので 備忘録的にエントリーします。 今まで知らなかったのが悔しい。 条件付だけど商用の利用も 可能なWebフォントをいくつか。 クリエイターさんに感謝です。 有名なフォントなんですね。。今まで知りませんでした。要連絡、ひらがな、カタカナのみで漢字は無い、など条件付では有りますが、それでも商用でも使って良いよ、と言ってくださるのは非常に有りがたいです。備忘録では有りますが、感謝も込めていつくかご紹介させて頂きます。 Fontopo 2つの日本語フォントがあります。商用は可能だけど、意匠登録は不可との事。オリエンタルとニクキュウ。カタカナフォントになります。かわいい。 Fontopo ガウプラ カタカナが7つ、ひらがなが2つあります。ライセンスの表記が無かったのですが、掲示板で質問されていた方がいたのでキャプチャを。 ちょっと見難いですかね？引用させて頂きますと、 フォ
WordPressでzen-codingを使えるようになるプラグイン・WP Zen-Codingが凄く便利
話題のzen-codingをWordPress で使えるようになるプラグイン、 「WP Zen-Coding」を試してみま した。これ、本当に便利です。 話題のzen-codingをWordPress で使えるようになるプラグイン、 「WP Zen-Coding」を試してみま した。これ、本当に便利です。 確かにコーディングスピードが速く なりそうですよ。 zen-codingって何？と言う方は、Zen-Codingが楽しいという記事をご覧下さい。分かりやすいです。 zen-codingを使うと、タグ入力作業をショートカットの要領で行なう事が出来きます。例えば div#header>div#contents>ul.navigation>li*4>aと打ち、ctr+E（winの場合）で以下のHTMLコードを展開してくれます。 <div id="header"> <div id="conten
サイト公開前に役立ちそうなフリーのツールやWebサービスいろいろ
Webサービス公開前にサイトをチェック Webサイトを制作して公開する際は おかしいところが無いか、不備は 無いか不安になったり、という方も 少なくないのではないかと思います。 Webサイトを制作して公開する際は おかしいところが無いか、不備は 無いか不安になったり、という方も 少なくないのではないかと思います。 そこで、公開前に色々と確認出来たり、 最適化できる様なフリーのサービスや フリーソフトをご紹介します。 ここで言う「公開前」とは「サーバーにアップする」事ではなく、公開を告知したり、プレスリリースを出す前の状態とお受け下さい。ローンチ前と書くべきだったかもしれませんね。。誤解を与えていたら申し訳ないです。 では、ブラウザチェックツール、モニタ別表示チェック、表示スピードチェックツール、cssや画像の最適化ツール、などなどご紹介していきます。 ブラウザチェック各ブラウザでどのように
スライドギャラリー、エフェクトなど、画像関連のmootoolsプラグインまとめ
cssやプログラミングMootools 最近jQueryばかりなので 備忘録的にmootoolsの プラグインもいくつかまとめて おこうと思ってエントリーします。 最近jQueryばかりなので 備忘録的にmootoolsの プラグインもいくつかまとめて おこうと思ってエントリーします。 個人的に使用頻度が高いのは 画像関連なのでそれ中心に。 mootoolsもjQuery同様、軽量なjsライブラリとして人気を集めています。以前話題になったscroll-clock（スクロールバーで作られた時計）もmootoolsを使ってます。「それ、jQueryで出来るよ」というのはとりあえず置いておいて、mootoolsの画像関連プラグインをいくつかご紹介します。 ※利用にはmootools.jsが必要です。 Exhibition これいいかも。クリックした画像にスムーズにスクロールします。縦横斜めに動き
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「Photoshopでこの人を正面に向かせてください。」と言ってしまう気持ちが分かるくらい凄い加工技術 - かちびと.net
閉じたタブ、現在開いているタブ、同じサイトのタブを直ぐに確認できるChromeエクステンション・TabJump
