影や視差が絶妙・ストリートグラフィティのクオリティが凄い - かちびと.net
土曜日なので軽めの話題でも。グラフィティ とはよく街中でスプレーなどで壁に書いて ある落書きを指します。日本では都内の 至る所でも見かけます。日本ではもちろん 犯罪ですが、海外は寛容なんでしょうかね？ そんなグラフィティアートでクオリティの高い ものがGraphicManiaで紹介されていたの で一部ご紹介。 かなりクオリティの高いグラフィティの数々です。 Wonderful Street Art Creative Ideas かっこいいですなー。 めくった感じがリアルですね・・ だまし絵みたいです。 これはアスファルトに描かれていますね。 ドロップシャドウがリアルです・・・ これは目立つｗ ビル全体に！日本でやったら確実にニュース物ですね。 絵なのか、立体なのか・・ うーん、凄いクオリティですね。。。まだまだ沢山あるのでぜひご覧になってみてください。 35+ Wonderful Stre
画像のシェアが可能なWebサービスいろいろ - かちびと.net
ちょっと調べ物をしたのでメモ。画像を シェア出来るソーシャルなWebサービ スです。Twitter関連（Twipicとか携帯 百景等）は諸事情により割愛していま す。画像のブックマークやストレージ サイトみたいな感じのまとめになります。 個人的なメモなので一貫性が無いんですが、誰かのお役に立てるかもと思いエントリーです。あまりに多すぎるので適当に端折っています。順不同。 tumblr 画像のPostが一番多いように思いますが、テキストなどもPostできる人気のサービス。投稿用のツールも多く、手軽でいいですよね。 tumblr pick Naverのシェアリングサービスです。使いやすかったです。iPhoneアプリもあり、画像だけでなく、地図などの投稿も可能。画像は幅が統一されるのでとても見やすい。「ピック」で共有もサクッと出来ます。 pick Flickr 定番の画像シェアリングサービス。数
色のことで困ったら、Color Explorerが助けてくれるかも知れない - かちびと.net
Web制作時などでカラー選定など、 色に関することで困ってもColor Explorerというツールが色々と助け てくれそうです。無料で使えるみ たいですし、登録したくなければ登録 不要でツール使用も可能です。 色に関するツールは山ほどありますが、こちらも負けていません。Color Explorerは色に関する様々なツールを用意してくれているWebサービスです。 色の総合サイトのような感じです。一部の機能をご紹介。 マイパレット機能 この機能は登録が必要（当然ですけど）です。気に入った、使用したカラーをパレットに保存する事が出来ます。 ピッカー機能 基本のピッカー機能。RBGでの指定も可能で、自動で明暗のバリエーションも表示してくれます。 カラーマッチング機能 相性の良い色を自動で教えてくれます。 画像からカラー抽出 画像をアップロードし、その画像に使われているカラーを抽出します。 他にも
国産のWebデザインギャラリーサイトが一番参考になるのでまとめた - かちびと.net
Webデザインのギャラリーは沢山 ありますが、結局感性の近い国産 のギャラリーが一番参考になるの でまとめました。探してみると結構 いろいろあるんですね。助かります。 やはりギャラリーは国産がいいですね。沢山あるので、ある程度厳選しています。 io3000 最近知りました。すごくいいですね、ここ。見やすいし、使いやすいです。おすすめ。 io3000 straightline bookmark とにかくクールでクオリティの高いサイトをブックマークしているギャラリー。 straightline bookmark Web Design Clip こちらも個人的にオススメのギャラリーサイトです。目的のデザインも直ぐに見つかりますよ。 Web Design Clip Good Design Web こちらは他ではあまり見かけない良デザインのサイトを紹介してる貴重なギャラリーです。 Good Desi
Web制作に役立つ、何度お勧めしても足りないくらい素敵なツール10選 - かちびと.net
Web制作時、個人的にかなり助かっ ているWebアプリやソフトウェアなど をご紹介。何度お勧めしても足りない 位、助けられています。低スキルな 自分にとっては無いと困る。そんな ツールをシェアしたいと思います。 もっと沢山あるんですが、特に利用しているものを。制作時には毎回利用しているかもしれません。基本的に無料のものを使っています。順不同。 960 grid system グリッドシステムです。ブックマークレットも含め、色々手軽なのが嬉しい。何よりグリッドレイアウトはお客さん受け良い傾向にある気がします。 960 grid system Firebug Web制作といえばFirebugですが、僕はChrome派なのでChromeエクステンションのLite版を使っています。元々、Chromeにはデベロッパーツールがありますし、FxのFirebugも使いこなせてなかったのでこれで十分。 Fi
込められた意味がよく分かるクリエイティブなロゴいろいろ - かちびと.net
以前記事にした、Amazonや Fedexなど、意味を込められ、 作られたロゴを参考にしたい と思って個人的に探しました。 ロゴ制作をされてる方にも 少しは参考にして頂けるかと 思ってシェアしたいと思います。 こういうロゴを作りたい、というロゴ集です。どのロゴでも意味はあるのでしょうが、どの国の人が見ても、意味が分かるようなロゴはなかなか凄いですよね。インスピレーション向上になります。冒頭の「以前の記事」もよかったら。 City Cliq 指とボタンでcliqを表現しつつ、指とボタンが「太陽と街(city)」にも見えるように工夫されています。 City Cliq Birdie バーディとバードをかけて、アイアンにも鳥にも見えるように。アイアンにクチバシを付けただけでこう見えるのは凄い。 Birdie Web Girls この発想素敵ですね。Webのマウスアイコンとボタンを女性のピクトグラム
より早くcssやhtmlのコーディングが行えそうな情報いろいろ - かちびと.net
Web制作を少しでも効率化しよう と思って（今更）いろいろ便利そう な情報を探しました。既に使って いる情報の方が多かったのです が、折角調べたのでシェアしたい と思ってエントリーです。 コーディングをもっと円滑に、という旨の情報です。順不同。あんまり多いと逆効果なので量は絞りました。一応これでも絞りました。絞ったつもり。 zen-coding 話題になったzen-coding。だいぶ慣れて来た方もいらっしゃるのでは。 zen-coding（本家） HTMLコーディングが3倍速くなる？「Zen-Coding」 秀丸Zen- Codingマクロ コーディングの効率化を図るZen codingをDreamweaver cs4に入れる方法 WP Zen-Codingが凄く便利 初期設定とかTipsとか 制作前に知っておくと便利なコードとかTipsいろいろ。 css書く前にチェック。 もう、cla
css作成時に役立つオンラインサービス１１個
ｃｓｓの作成やデザイン、不要な セレクタを取り去ってくれるなど、 ｃｓｓの作成、最適化に役立つ オンラインツール、ジェネレーターを ご紹介いたします。基本的に無料です。 こういうサービスは凄く助かります。 The Box Office 画像の周りを無駄なくテキスト配置してくれます。以下のような感じ。 リンク→The Box Office IzzyMenu オンラインでメニューを作成できます。これ、結構いいです。軽いですし。 Menu Animation!をonにするとAjaxタイプになります。 リンク→IzzyMenu CSS Type Set リアルタイムでｃｓｓによる実装されたテキストを確認しながら成形可能です。 リンク→CSS Type Set CSS Builder オンラインでｃｓｓを作成できます。オーソドックスな感じですね。 リンク→CSS Builder CSS SuperS
ブクマ数の多いサイトを格納してる３２のまとめサイト
なかなか自分に合ったサイトや情報を 見つけるのは至難の業です。そこで、 ある特定のブクマ数になるとその記事を格納し、 表示するサイトがあります。かなりの数なので まとめてご紹介いたします。 以下、サイトポリシーを引用させていただきます。 コンテンツの仕組み要はRSSリーダーと一緒で、特定のRSSフィードを読み込んで、データベースに 格納しています。検索機能や集計の仕方も独自で用意しています。 これらのデータは、はてなやライブドアクリップなどから、一定基準以上の ブックマークを、あるフィルタを通して定期的に収集しています。 そこそこ注目されているネタ・記事が集められるので、最近の傾向や ナレッジベースとして有効です。 どうぞお役立てください m(_ _)m。 その他、おお！と思った特徴を挙げます。 サイト自体のRSS配信やタグクラウドもある記事やサイトごとにはてブ、Livedoorクリップ、
ベーシックなフリーのパワーポイント用テンプレートを配布するPowerpointStyles.com
フリーのパワーポイントのテンプレ を配布してるサイトが有りました。 なかなかシンプルでよさ気ですよ。 数も200ほどあるので覚えておくと 良さそうです。デザインもベーシック で使いやすいかも。 フリーのパワーポイントのテンプレ を配布してるサイトが有りました。 なかなかシンプルでよさ気ですよ。 数も200ほどあるので覚えておくと 良さそうです。デザインもベーシック で使いやすいかも。 他にも配布サイトはありますがこういったありがたいサイトはいくつ覚えておいても損無さそうです。 ページングがTOPページに無く、カテゴリから探す形になります。若干探し難いかもですが・・ 以下のようなテンプレがフリーで配布されています。 Light Ball Light Ball Ray of Light Ray of Light Computer Keyboard Blue Version Computer K
日本語を完璧に使いこなすタイ人デベロッパー・タムタム氏のTwitterサービス3つ - かちびと.net
Twitterでも色々お世話になっている 日本語を完璧に使いこなすタイ人の タムタム氏のTwitterサービスが凄く 素敵なのでご紹介します。全部で3つ。 どれも生活をより豊かにしたり、刺激 してくれそうです。 タムタム氏の日本語力は彼のTwitterで直ぐに分かります。タイ人、と言われた方が違和感あるくらい。そんなTwitterデベロッパー・タムタム氏のTwitterサービスを3つ、ご紹介します。尚、この3つは全てオープンソースのCMS、Xoops cubeで作られています。 meyou.jp Twitterを更に面白くするWebサービス、meyou。様々な条件で自分好みのTwitterユーザーを探す事が出来ます。iPhoneでも使えます。 例えば「人気のアカウント」では芸能人や、経営者、ブロガー、デベロッパーなどがアイコン付きでまとめられています。 他にも日本のアカウントの様々なランキ
ロゴデザインのインスピレーション向上に役立ちそうなサイトいろいろ - かちびと.net
ロゴデザインのインスピレーション 向上に役立ちそうなギャラリー等の まとめです。ロゴデザインで困る事 が多いようでしたらギャラリーなど で制作例を見ればアイデアが浮か ぶかもしれません。 個人的な備忘録も兼ねてまとめます。順不同です。 logopond とにかく大量のロゴがあります。現在18000ほど。 logopond logofaves サムネイルが大きいのが嬉しい。 logofaves logomoose こちらもサムネイルが大きいです。ブログ形式でアワードなども開催。 logomoose creattica 有名なギャラリーサイトのロゴカテゴリ。他に、名刺や広告デザインなども。 creattica logoheroes デザインも凄いギャラリー。数は多くはありませんが今後に期待したいですね。 logoheroes logofi ベーシックなギャラリーで探しやすいです。 logofi
数百ものcssギャラリーサイトへの掲載依頼が効率よく出来るWebサービス・CSSGallerySubmission.com
数多くのCSSギャラリーサイトが 存在します。多くのギャラリーは 自薦する事が可能になっていま すが、それらのサイトに効率よく 送信する事が出来るのが、この CSSGallerySubmissionです。 数多くのCSSギャラリーサイトが 存在します。多くのギャラリーは 自薦する事が可能になっていま すが、それらのサイトに効率よく 送信する事が出来るのが、この CSSGallerySubmissionです。 ギャラリーサイトの数は全部で290．WPのテーマ専用だったり、何かに特化したギャラリーも含まれますが、その場合は説明が出ます。 サイトも綺麗ですね。このサイトで数多くのcssギャラリーに情報を送信する事が出来ます。 まずはドラッグ 方法ですが、まずは上記のように左のファイルのアイコンを右の箱にドラッグ、ドロップします。 必要事項を入力 ドロップすると上記のページに移動しますので必要事項
「これ美味しかったよ！」をTwiterで共有出来るWebサービス・ラペコ
Twitter「美味しそう」を共有 ご連絡頂いたのでご紹介。これは なかなか素敵なサービスですよ。 Twitterで「これ美味そう～」とか 「美味しかったから食べてみ！」を 共有出来るWebサービス「ラペコ」 です。デザインも素敵。 ご連絡頂いたのでご紹介。これは なかなか素敵なサービスですよ。 Twitterで「これ美味そう～」とか 「美味しかったから食べてみ！」を 共有出来るWebサービス「ラペコ」 です。デザインも素敵。 TLでもしょっちゅう美味しそうなゴハン写真が流れてきますが、それを共有しようよ、というコンセプト。 ちょうどGW中でお出掛けの方も多いかと思いますので旅先で撮ったゴハン写真を見せあうのも楽しそうですね。 ↑元デザイナーさんの開発者さんだけあって、デザイン凄くかわいいです。 ペコフォト（食べ物の写真）をアップロード ↑ラペコに美味しそうなゴハンやおやつ等の写真をアップ
軽量で超シンプル、無料のマインドマップ作成Webツール・Thinkを試してみた - かちびと.net
動作がスムーズで気持ちいい マインドマップWebサービスの Thinkを試してみました。手軽 でシンプルなのでなかなかいい 感じです。日本語もOKですよ。 操作も直感のみで使えます。 ユーザー登録しないと保存は出来ませんがメールが不要、フリーのWebサービスなので気軽に使っています。マインドマップって何？という方はこちら。 Wikipedia-マインドマップ マインドマップ活用クラブ マインドマップの書き方（手描き） ITエンジニアのためのマインドマップ入門 KJ法と似たようなものですね。情報やすべき事などをまとめて整理する方法で、整理する事で無駄の無い行動に繋げる事が可能です。プレゼンにもよく用いられますね。何にでも応用が利くので行なう癖を付けておくと合理的に事を進められます。 マインドマップを気持ちいいくらいスムーズに作る事が可能です。大掛かりなマインドマップには不向きですが、ちょっと
簡単にポートフォリオを作れるシンプルなWebサービス・Carbonmade - かちびと.net
これは面白い発想ですね。ポート フォリオをサクッと作成できるWeb サービスです。シンプルですが、 ポートフォリオとしては十分な機能 が揃っていました。日本語も文字 化けせず使えます。ありそうで 無かったサービスのような気が。 ポートフォリオは日本では「制作実績」と言ったほうが分かりやすいでしょうか。直訳すれば「紙挟み」とかそういう意味なので語弊はあるかもしれませんが、いわゆる「実績」を紹介するページ、サイトの事で、Carbonmadeはそのポートフォリオページを作れるWebサービスです。無料版と有料版があります。 結構いいアイデアなのでは。登録や操作も非常に簡単に行えます。一応、使い方を簡単にご説明。ユーザー登録は簡単ですので割愛します。 プロジェクトの追加 メンバー登録すると上記のようなページに移動できるので、Add projectで実績を追加します。 アップロードできるファイルは画像
12000種以上のPhotoshopブラシをストックしている検索エンジン・FindBrushes - かちびと.net
Photoshopのブラシを検索できる FindBrushesのご紹介。検索と 言うか、アイコンを探せる検索 エンジン、Iconfinderと同様で、 インデックスされたブラシを検索 する形ですが、量はかなりのもの。 目的から探せるのが検索系のいい所ですよね。FindBrushesには現在600セット以上、総計12000種以上もストックされているので覚えておくと役に立ちそうです。 シンプルな設計ですし、軽いので探すには最適かも。 カテゴリからも探せる 左上のメニューからカテゴリで探す事も可能なのでキーワードが思いつかない、という方はカテゴリで探してはいかがでしょうか。 例1・グランジ系を探したい グランジ系のブラシをお探しなら「grunge」で検索します。数は90と出ますが、ブラシはセットになっているので量としてはかなり豊富ですね。 例2・木のブラシを探したい treeで検索。検索スピード
フォントを作成、共有出来るWebサービス・FontStruct - かちびと.net
FontStructはオンライン上でフォントを作成、共有し、ＤＬ出来る Webサービスです。凄いですよ、これ。 ※先日、お知らせさせて頂きましたように、この記事は僕が管理していた別のブログの過去記事を移行したもので正確性に欠ける可能性があります。何卒ご了承願います。 作成したフォントも見る事が出来ますしダウンロード可能です。 利用にはユーザー登録が必要です。また、無料と有料とあります。 クオリティの高いフォントばかりです。以下の３つは僕が気にいったフォント。 沢山あるのでぜひご自身の目でご確認頂きたいと思ったので少なめにしました。 ariapenciroman Bullet Motion Old School ぜひ以下から自作フォントを作成してみてくださいね。 FontStruct
入力フォームのHTMLコードをサクッと作れるWebサービス・Accessify
ちょっと便利かも、と思ったので ご紹介。送信フォームなどを オンラインで手軽に作成できる Webサービス、Accessifyです。 パスワード（type=”password”） なんかも作れますよ。 ちょっとした入力フォームなんかをパッと作りたいときに便利かも。 なかなかお手軽なサービスでしたよ。ユーザー登録も不要で、HTMLソースを吐き出すだけの仕組みなので日本語も問題なく使えます。CMSの普及が進めば必要なくなるかもしれませんが・・・ 使い方・Step1 まず入力項目（label）を作ります。複数作る際は改行します。良ければnextを。 Step2 それぞれの項目のinput typeを選択します。必須項目はRequired field?にチェックを入れてください。 Step3 詳細を決定します。フォームのメソッド、nameやidを含めるかどうか、などなど。 完成 HTMLコードが出て
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
無料でユーザー登録も不要。Webサイトのモックアップを直感で作成、PDFやjpgで保存できるLumzy - かちびと.net