好みのテイストでカラースキームを作成出来るシンプル且つ軽量なWebサービス・PALETTEMAN - かちびと.net
覚えておくと役に立つ時もあり そうだったのでメモ。好みのテ イストでカラースキームのサン プルを出してくれるのでどういう 色を使えばいいか分からない、 という時に参考になりそう。 多くは無いですけど、テイストにあったサンプルを元にカラースキームを作成できるので個人的に助かります。何よりシンプルで軽量なのが気に入りました。ページ移動は一切不要で、入力の必要もほとんどありません。 サイトも広告等も無く、シンプルで使いやすいです。簡単に使い方をご紹介。 テイストのサンプルを出してくれる 左サイドにテイストがあるのでクリックすればパッとサンプルを出してくれます。これはFruity（フルーティ－）のサンプル。用意されたテイストの意味はだいたい以下のような感じです。 Industrial / 産業・工業のイメージ Pale / 弱い・薄暗い・淡い印象のカラー Romantic / ロマンチックなイメー
ブラインド式に画像が切り替わるjQueryプラグイン・jQuery Blinds - かちびと.net
IE6,7でも動いてくれるので 実用性あるかなと思ってメモ。 ブラインド式に画像が切り 替わってくれるjQueryの プラグイン、jQuery Blinds。 なかなかスムーズな動きです。 IE6でも7でもスムーズに切り替わってくれますよ。いろいろ凄いプラグインありますけど結局使うのはブラウザに対応してるプラグインになりますよね。。 外に広がるようにスムーズに切り替わってくれます。なかなかよさ気。デモ作った。画像に他意は無いです。 マークアップも簡単。 <div class="slideshow"> <ul> <li><img src="1.jpg" alt="1" /></li> <li><img src="2.jpg" alt="2" /></li> <li><img src="3.jpg" alt="3" /></li> <li><img src="4.jpg" alt="4" />
クオリティの高いWebデザインを見たい時はThe Css Awardsがいいかも - かちびと.net
ハイクオリティ、綺麗なWebデザイン を見たいときはThe Css Awardsが 良いかもしれません。ここは素敵な Webデザインのサイトを毎日紹介 しているギャラリーで、厳しい審査 の元、1日1サイトが選ばれるサイト です。 そんなサイトなので、The Css Awardsに掲載されているWebデザインは基本的にクオリティが高そうです。有名なサイトみたいですが、最近知ったので改めてご紹介します。 素敵なデザインばかりですよ。審査してもらうにはお金が掛かるみたいですが、掲載されているサイトを見ると、ちゃんと厳選してくれてるっぽいですね。 The Css Awardsの歩き方 簡単では有りますが、特徴をご紹介します。 検索 上部のMENUにマウスオーバーするとメニューが表示されます。そこでカラー検索やタグ検索が可能です。ascendingにチェックを入れると点数の低い順、descendin
Twitter関連ツール・まとめ - かちびと.net
Twitter関連の便利なツールがかなり 紹介されて来ていて、そろそろ混乱 してきたのでまとめます。 リンク先は日本語で解説してくれて いる記事にしています。されていない ツールやサイトは載せていません。 今現在は165個のツールがありましたが、今後追加していく可能性もあります。 TwitterWikiに載ってるサービスは極力載せていないつもりですが、若干被ってるかも。 全てのサービスを試したわけではありません。ＭａｃとiPhoneは持って無いですし。。。 また、リンク先を日本の記事にしたのは、海外のサービスに直接貼っても 使い方が分からなければ意味が無いと思った為です。 なので、リンク先がかなり偏っていますが重ねてご了承下さい。 ※コメント頂いたので１５個追加して180個更に20個追加して200個に育った。 ※8月アップデート＞17個増えて217個 ※9月アップデート＞30個増えて247
サイト公開前に役立ちそうなフリーのツールやWebサービスいろいろ
Webサービス公開前にサイトをチェック Webサイトを制作して公開する際は おかしいところが無いか、不備は 無いか不安になったり、という方も 少なくないのではないかと思います。 Webサイトを制作して公開する際は おかしいところが無いか、不備は 無いか不安になったり、という方も 少なくないのではないかと思います。 そこで、公開前に色々と確認出来たり、 最適化できる様なフリーのサービスや フリーソフトをご紹介します。 ここで言う「公開前」とは「サーバーにアップする」事ではなく、公開を告知したり、プレスリリースを出す前の状態とお受け下さい。ローンチ前と書くべきだったかもしれませんね。。誤解を与えていたら申し訳ないです。 では、ブラウザチェックツール、モニタ別表示チェック、表示スピードチェックツール、cssや画像の最適化ツール、などなどご紹介していきます。 ブラウザチェック各ブラウザでどのように
人物のシルエットにマウスオーバーすると写真がフェードインするjQueryプラグイン
cssやプログラミングSilhouette Fadeins これは結構実用的なテクニック なのでは。人物のシルエットに マウスオーバーすると写真が フェードインします。 これは結構実用的なテクニック なのでは。人物のシルエットに マウスオーバーすると写真が フェードインします。というか、 人物じゃなくても良さそうなので 色々使い道がありそう。 css trickの画像をフェードインさせるjQueryとcssのクールなテクニックをメモ。 Silhouette Fadeins フワッと出てくる写真がかっこええっす。IE6では表示されませんでしたが、コンテンツを際立たせるのにいいテクニックじゃないかなと思います。 ロールオーバーにはcssスプライトを採用してるみたいです。多少ズレるのでやや暗めの写真にした方がいいかな・・ マークアップも記載されています。 ダウンロードとデモは以下からGOです。
まだある！便利なGoogleChromeエクステンション9選 - かちびと.net
最近はよくGoogleChromeのエクステンションの記事が話題に上がっていますが、結構内容がかぶっている印象でした。でもまだ、便利なエクステンションはたくさんあります。僕自身が使ってて便利と感じたChromeのエクステンションを9つ選んでみました。 よく紹介されているようなエクステンションははてブニュースのまとめからお探しになってみると良さそうです。この記事の内容はやや地味めだけど便利なエクステンション集です。 Web2PDFConverter 閲覧しているページをPDFにしてそのままサクッとDL出来ます。どこかに移動する事も無く、その場でPDF化→DLが可能。僕の環境では日本語も文字化けしませんでした。 Web2PDFConverter Taberareloo FirefoxアドオンのTombooのChromeバージョンです。TumblrやTwitter、はてなブックマークなどへのクロ
フッターやヘッダー、ナビゲーションなど、パーツ別のデザイン例のまとめ
Webデザインパーツごとのデザイン例 ヘッダーだけ、フッターだけみたい、 というように、部分的にデザインの 例を見たいことが多いのでそんな 記事をまとめました。 ヘッダーだけ、フッターだけみたい、 というように、部分的にデザインの 例を見たいことが多いのでそんな 記事をまとめました。まとめのまとめ です。少し重いかもしれません。 主にブログデザインになってしまいますが、ヘッダー、フッター、ナビゲーション、フォームデザインなどなど部分的なデザインを参考にしたいとこに役立つまとめ記事を備忘録としてまとめています。 ヘッダーデザインユーザーにインパクトを与えるヘッダー。派手なデザインが多めです。 30 Creative Website Headers クリエイティブなヘッダーのデザインを30個ほど。凄いのばっかり。 30 Creative Website Headers 27 Stunning
配布する全てのフリーフォントがクリエイティブ・コモンズの「FREE FONTS」
配布しているフォントが全てフリーで ライセンスがクリエイティブ・コモンズ ライセンスのFREE FONTSをご紹介 致します。数が大量では有りませんが、 全部CCライセンスなのはありがたい。 FREE FONTSでは配布しているフォントは全てクリエイティブ・コモンズライセンスで提供されています。 計60ものフォントがCCライセンスで無料で手に入ります。配布されているフォントもクオリティ高め。 汎用性も高そうです。 クリエイティブ・コモンズに関してはフッターに明記されています。↓ フォントは著作権に困る事が多いので助かりますね。以前GPLライセンスのフォントの記事も書きましたので宜しければ合わせてご覧下さい。 FREE FONTS コメントやTwitterで有料のフォントが含まれていると教えていただきました。真相を件のサイト管理者に問いますのでご利用はお控え下さいます様お願いいたします。大変
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「Photoshopでこの人を正面に向かせてください。」と言ってしまう気持ちが分かるくらい凄い加工技術 - かちびと.net
無料でユーザー登録も不要。Webサイトのモックアップを直感で作成、PDFやjpgで保存できるLumzy - かちびと.net
これは珍しい、「名刺」タイプのフリーWordPressテーマ・Digital Business Card - かちびと.net