Firefoxユーザーの時に使用していた CSSViewerを今更Chromeに入れて みました。やはり便利ですね、これ。 シンプルなので高機能を求めない方 にお勧めです。サクッと使えるのが いいですね。 ブックマークレットににたようなのあった気がするんですけど、これはこれで便利なのでお勧めです。 インストールするとアイコンが出るのでクリック後に見たい要素にマウス持っていけば、そこに指定されたcss見れます。 こんな感じ。テキスト、カラーなどで分けてくれているのも地味に良いですね。 Web制作の方に良さそうですよ。動作も軽いし、Firebug使うほどでもない、的な時にサクッと使えて便利です。 CSSViewer

Webデザイナー向けに素材やTips、参考に なるブログなどを大量にリスト化している Web Design Listのご紹介です。リストには アイコンやチュートリアル、ベクター素材の 配布サイトなど、Web制作に役立ちそうな 様々なリソースをまとめてくれていますよ。 こういうお役立ちサイトは助かりますね。リソースの募集もしているみたいです。 いわゆるリンク集です。ギャラリーや、ブログ、アイコンやベクター素材の配布サイト、Photoshop関連、jQueryなどなどにカテゴリ分けされています。 かなり縦長。無駄な装飾もないので探しやすい印象です。 覚えておいて損なさそうです。もっと増えると嬉しいですねー。 Web Design List

Webデザインのギャラリーは沢山 ありますが、結局感性の近い国産 のギャラリーが一番参考になるの でまとめました。探してみると結構 いろいろあるんですね。助かります。 やはりギャラリーは国産がいいですね。沢山あるので、ある程度厳選しています。 io3000 最近知りました。すごくいいですね、ここ。見やすいし、使いやすいです。おすすめ。 io3000 straightline bookmark とにかくクールでクオリティの高いサイトをブックマークしているギャラリー。 straightline bookmark Web Design Clip こちらも個人的にオススメのギャラリーサイトです。目的のデザインも直ぐに見つかりますよ。 Web Design Clip Good Design Web こちらは他ではあまり見かけない良デザインのサイトを紹介してる貴重なギャラリーです。 Good Desi

結構便利だったのでシェア。Youtubeの 動画のリピート再生が可能なChromeの エクステンションなんですが、時間指定 が可能なので、例えば好きな曲のサビの 部分だけリピートしたい、何度も聞きたい、 と言ったことも可能ですよ。もちろん、通常 のリピート再生も可能。 Youtubeのリピート再生はいくつかツールがありますが、このChromeエクステンションならお手軽で、好きな部分だけリピート再生、という事も可能です。 Auto Replay for YouTube なかなか良いのでは。部分再生も指定できるYoutubeリピート再生Chromeエクステンションです。 使い方 結構小さくて目立たないので簡単に使い方を。 ↓まず、エクステンションをインストールした状態でYoutubeの動画ページに行くと動画下部に以下のようなチェックボックスが加わります。 リピート再生は、このチェックボックスに

iPhone向けのWebサイトを制作する 際に役立ちそうな情報のまとめです。 情報が多くて混乱し始めたので、個人 的なメモ。iPhone関連のWeb制作情 報は基本的に載せています。アプリ 制作とかそっち系はたいして無いの でご了承下さい。 個人的にグッと来たiPhone / iPad周りの情報をメモ的にまとめておきます。素材とかフレームワークとかTipsとかそういうの中心で、SDKとかObjective-C的な情報は無いです。順不同。 フレームワークとかスクリプト WebアプリとかiPhoneサイト向けのフレームワークとか。 jQuery Mobile スマートフォン向けのjQuery公式ライブラリ。リリースが待ち遠しいですね。 jQuery Mobile Sencha 以前触ってみたので記事にしました。HTML5とjsのみのWebアプリ向けフレームワーク。 Sencha Titaniu

デザイン等に一般的に利用されているPhotoshopやDWなどのAdobe製品は高機能で仕事では必須のツールです。しかしながら高額で、手軽に購入出来るという訳には行きません。無料で手に入る代替ソフトがありますので、まずはコツを掴むのにフリーソフトから使ってみてはいかがでしょうか。 全く同じとは行きませんが、例えばPhotoshopの代替ソフトとして有名なGIMPはPhotoshop専用の拡張子であるPSDファイルも開く事が出来ますし、GIMPで作ったファイルをPSDに変換する事も可能です。勉強からスタートするおつもりなら無料のソフトから、という形もありではないかと思います。 そこで、各Adobe製品の代替ソフトとなるような無料のソフトと、その使用法が書かれたサイトをまとめておきます。 代替ソフトに関しては無料で使えるAdobeCS3の代替ソフトという記事を参考にさせて頂きました。 Phot

様々な配色の中でも個人的に 気に入っているのがコンプレッ クス配色という配色です。自然 の中ではあまり見られない配色 で都会的なイメージや見る人に 印象を与えるのに大きく貢献して くれます。 不調和ゆえのの調和配色と言われるコンプレックス配色を利用したWebデザイン例。個人的に必要になりそうなのでメモとして残します。コンプレックス配色に関しては以前記事にしましたので宜しければ合わせてご覧下さい。 The English Network グレーに、やや紫がかったレッドカラーが印象的です。統一感もあって見やすい。 The English Network globaltradeqatar こちらもレッド&グレーですが、先ほどのと雰囲気は随分違います。ロゴだけ合わせてないのは理由があるのかな・・ globaltradeqatar estoyvolando.com シンプルながらダークカラーにビビッ

なかなか需要がありそうだな、と 感じたのでエントリー。御連絡を 頂いて知りました。機能も結構 充実していますので、企業の方 は試してみてはいかがでしょう。 現在ベータ版でのリリースで、リリースしたのは五足の靴の運営先のアユダンテさんですよ。この場を借りて御連絡の御礼申し上げます。 珍しく利用には連絡が必要みたいですが、連絡後はOAuth認証でのログインが可能のようです。企業向けゆえですかね？という訳でテスト投稿はしていませんのでヘルプに有る機能説明などを参考にご紹介します。 1つの広報アカを複数人で管理する事が可能です。ざっと機能をご紹介。 [note]つぶやきデスクという名に変更されたとのことです。[/note] 子アカウントの紐付け メインアカウントに子アカウントを紐付け、同時に管理する事が可能です。クリックだけで切り替えが出来るみたい。 Mentionsが分かりやすい 非公式RTやリ

友人がブログを始めたのですが、 Web制作もデザインも全く経験が 無いけど、普通な感じがすごく嫌 らしく、知識が無くても加工出来る、 とか良いサイトとかソフトは無いのか、 と聞かれて教えたWebサービスや ソフトが、同じ境遇の方に役立つかも と思って記事にします。 普通に写真や画像を掲載するのではなく、ちょっと個性的な感じにしたい、出来れば無料がいい、でも自分でデザイン作業は出来ないから良いサイトとか無い？とのことでした。 どうしたいのか良く分からなかったので、あんまり一貫性は無いんですが、教えたのは画像加工ジェネレーターとかそういうのです。いくつか提案した中で、友人が喜んでたサイトだけまとめてみます。 BeFunky 画像を加工するジェネレーター。レトロっぽくしたり油絵っぽくしたり。エフェクトも豊富です。 BeFunky flauntR これも加工ジェネレーター。エフェクト以外にフレーム

アイコンサイトは数多くありますが、 こちらも負けず劣らず、素晴らしい サイトです。クオリティの高いアイ コンが山のようにストックされてい るIconEasyのご紹介。 基本的にはデスクトップアイコンみたいですが、5種類の大きさのPNGも配布されています。アイコンはWeb制作に重宝しますのでこういったサイトはいくつ覚えておいても損しないですね。全て無料ですが、ライセンスは異なりますのでDL前にご確認下さい。 綺麗で見やすいサイトですよ。こちらの特徴はハイクオリティながら、数が膨大であることです。 1つのカテゴリでも2万。カテゴリそのものも多くあります。基本的にはセットになっているのでページ数は大量では有りませんが、数そのものは膨大な量になります。 PNGは単体で セットDLのアイコンはico拡張子ですが、PNGは単体でDLする形です。大きさは128x128px、64x64px、48x48px

縦長のサイトは是か否か？？という 記事が話題にあがっていましたが、 こんな縦長サイトなら個人的には 大歓迎です。10万もの商用・非商用 アイコンが1ページで閲覧出来ます。 アイコン検索エンジンのiconfinder 内のアイコンが集約されていますよ。 当然1つ1つ表示させているのではなく、セットで表示されています。とりあえず大量のアイコンをサクッとストックしたい、という方にはオススメ。ライセンスも書いてあるのでDLしやすいのでは。 右端のスクロールバーが見えますでしょうか？これだけ縦長なページにアイコンがグリッドでぎっしり掲載されています。 このページはアイコン検索エンジンのiconfinderにストックされているものです。探すのが面倒、キーワードが分からない、という方はこちらで探してみては如何でしょう。 ライセンス ライセンスは上記の部分に書かれています。 Free for commer