Web制作の為の無料Webサービス・ツール40*ホームページを作る人のネタ帳
web制作で使えるWebサービスや、Webツールなどをご紹介。 小分けして紹介していた分もあわせてまとめています。定番の物からマニアックなものまでお楽しみください。 グラフィック・創作 10,000s Cool FREE Seamless Patterns-パターンファイルジェネレータ Web制作でもよく背景で利用するパターンファイルを作成する素晴らしいジェネレータ。様々な模様があり、色は決めれますので、組み合わせはほぼ無限です。 Pixlr Photo Editor-オンラインフォトエディタ 世界で最も人気とされるオンラインフォトエディタ。OSを選ばない。 photoshopに近いインターフェイスと、ブラウザさえあれば動くという使用が人気。ユーザー登録しなくても利用できる（したほうが便利）。 Vintage Effect-レトロ、ヴィンテージエフェクト 上のPixlr.comが運営するも
デザイナーからデザインの基礎や原則を学べるエントリーまとめ（webデザイナ向け）
webデザインの入門書を買おうか迷っている方。 もしもそんな方がいたら、ネット上にはここを押さえておこうよと、webデザイナーが直接良質な記事を仕上げてくれていますのでそちらを是非一度参考にしてみて欲しいなと思いまとめて見ました。 また、その記事で、もっともぐっときた台詞もチョイスすてみました。 どんな想いで記事を書かれているかというのも大事かなと。 こちらもあわせてどうぞ。 Web制作をこれから始める人の為のスキル・HTML・CSS・ブラウザ・写真素材入手の基礎情報 とりあえず時間のない人はこの3つだけでも食べて デザインを勉強したことがない人でもデザインできるようになるかもしれない4つの基本原則 最初、デザイナーは型破りであるというイメージを抱く人も多いのですが、実際の現場では、様々な原則の上にあるルールにのっとり、そのルールを崩す「理由」があります。 例えばそれがセンスと呼ばれること
web業界人が見ておくべき2011年の年末年始ハイライト
年末年始に一切webからはなれてしまった人向けの、非常にマニアックな年末年始ハイライト記事となっております。 内容はモバイル系、フリーソフト、webサービス系、ライフハック、5分でわかるプログラミングシリーズ、web制作系、web屋のための時事記事、そして今回の年始を騒がせたグルーポン騒動のまとめです。 極力ハイライトなのでそぎ落とすのが地味に大変でした・・・。 モバイル iPhoneユーザがGALAXY Sと過ごした７日間をまとめてみました Android端末を、WiFiのみで運用してみた結果がここにあります。Androidユーザーにお勧め。 Androiderが押さえておきたいブログ・サイトまとめ 様々なAndroidユーザー向けのサイトが紹介されて居ます。 人生の調律をしてくれる iPhone アプリ６選 | Lifehacking.jp 人生を調律してくれるという言葉に引かれて・・
jQueryプラグインのベストトレンド総まとめ2010*ホームページを作る人のネタ帳
もはやこの業界ではかなり浸透しつつあるjQuery。 今回はそんなjQueryにスポットを当て、本年度紹介された中でも、ホットなトレンドプラグインをご紹介します。 ※プラグインつかってないのもあります。 １）3D表示プラグイン サンプルデモ 今年のトレンドと言えば3D。 というわけでこちら。まずはサンプルデモを確認。 触ってわかる通りですが、2枚の画像が3D表示されます。 呼び出す $(function() { $('#mindscape').smart3d(); }); HTML <ul id="mindscape"> <li><img src=".../mindscape1.png" /></li> <li><img src=".../mindscape2.png" /></li> </ul> CSS #mindscape { width: 720px; height: 170px;
ブログで良く使われるソーシャルサービスのバッチアイコンまとめ2010
さまざまなソーシャルメディアのバッチアイコンまとめ記事のご紹介。 海外のサービスですが、もはや日本にもかなり侵食しているサービスもありますので、念のため一通り確認してみるといいかもしれないですね。 ブロガーのための良く使うソーシャルアイコンまとめ 汚れた感じのバッチ。 ぺろっとはがれた感じのアイコン集。 光沢のある四角いバッチアイコン。 サービス名とアイコンが一体となっているアイコン。わかりやすくていいですね。 色とりどりのアイコン集。たくさん使うと見栄えや印象が変わりそう。ブログデザインと相談しながらどうぞ。 手書き風。めっちゃかわいい。個人的に一番好き。 無料アイコンダウンロード 今回ご紹介した記事は以下からどうぞ。 25 Social Bookmarking Icon Sets for Desingers and Bloggers よりどりみどりです。楽しんでください。 た だ し
世界の動画サイトから検索、閲覧、ダウンロードから携帯動画へ変換が可能なWoopieVideoDeskTop
今月はこのクラウド時代に、インストール型フリーソフトの魅力を徹底的に追及していきたい。 第一弾として、WoopieVideoDeskTop というフリーソフトを使い倒して見た。 世界のと言ってもご安心あれ。 日本語対応も含めて、ニコニコ動画や、Youtubeなどの動画サイトから検索する事が可能。 なぜにわざわざそんな事のためにインストール型のソフトを入れるのかというと、このソフトの最大の特徴は動画のダウンロードが手軽に行われ、さらに、iPodやiPhone、携帯動画形式等に変換出来るという点です。 あとで暇な時に携帯で動画を・・・そんな願いをかなえてくれます。 早速ダウンロードから WoopieVideoDeskTop 条件としてFlashPlayerは、Adobe Flash Playerバージョン8以上必要です。 WindowsVista/XP。 インストールの時 かなり色々なものがイ
web制作者のための2009年話題になったサービスいろいろ
ちょいと古めのうっとりくるサービスやエントリーを持ってきました。 なんて事はない。私がお勧めする2009年度に話題になったwebサービスや、ジェネレータを中心に、厳選してお届けいたします。 Twtiiter関連多し Twitterプロフィール検索 その名のとおりついったーのプロフィールを検索する検索エンジン。同じような趣味を持っている人を探すときなどに使われる。 ついったーの友人関係を可視化するwebサービス 友人関係というか会話関係があられもない姿で現れる恐ろしいサービス。 TweetLevel ついったーの影響力を測定するサービス。 影響力というか戦闘力。やってる事は単純なサービスなんだけど、こうやってしっかりデザイン組んで作り上げるところが本当に参考になった。どんなサービスであれ、愛情は見習わなければならない。 Twib - Twitter ホットエントリー Twitterでのホッテ
webサイトのリピーターを増やすさりげない５つのコツ
多くのビジネスサイトのアクセス数を支えている大手検索サイト、Yahoo、Googleのアルゴリズムが変わる事で、突然商売がひっくり返る事態を回避する方法。 Yahooサーチエンジンのアルゴリズムなんかによく泣かされた事があったけど、webサイトっていうのは結構リピーターを作りやすく施工しておく事で、あまりそういった影響をもろに受けずにすみます。 webサイトと、エンドユーザーとの道。 ユーザーパイプライン。 これを整備しておくと、サーチエンジンの気ままなアルゴリズムの変動がきても、涙目になる事もないのです。 パイプラインを作る意味 ビジネスサイトにおいて、いったい何が重要なポイントになるかというと、多くの場合、そのほとんどがリピート率と検索エンジンからの訪問者数となります。 リピート率が高いサイトは比較的物が売れやすく、また、検索エンジンからの訪問者数が多いと売るためのチャンスがほかのサイ
インターネット高速化。GoogleChromeに関して色々やった事まとめ
来たよ。来たよ。キチャッタヨ。 えとたしか顔文字だと | |ω･`)ｷﾀﾖ| |´･ω･`)ｷﾀﾖ| |(+･ω･´)ｷﾁｬｯﾀﾖ♪ 今回のテーマはGoogleChrome。 こやつがかなり良い感じでフィットしてきました。 このたまらないフィット感を作るために色々やった事を書き記します。 よさそうだったら是非、体験してみてください。 始めに、ネット初心者の方へ この文章は初心者の為の文章です。 Chromeくらいしってるわ！という方は読み飛ばして次へ。 皆さんがインターネットに接続する、といえば、青いeマークをクリックというのが一般的です。 これは最初からお使いのパソコンに入っている、「インターネットエクスプローラー」というソフトです。 このソフトのおかげでインターネットが閲覧できます。 こうしたインターネット閲覧ソフトを「ブラウザ」と呼びます。 このブラウザには様々な種類があり、今回ご紹
かなり素敵な手軽に貼れるFLASHイメージギャラリー
空白というか白の使い方がクールですね。 手軽にウェブサイトにイメージギャラリーを設置したい時にいかがでしょうか。 日本語もいけるか試したら普通にいけたのでご紹介。 使い方は以下に。 FLASHイメージギャラリーのダウンロード サンプルデモはこちら カテゴリ分けも簡単に ※ダウンロード後、ちょちょっと変更かけないと日本語に対応しません。 とりあえずダウンロードしたファイルを解凍すると以下のような展開になります。 あまり説明は不要かもしれませんが誰でも設置できるようにする為に、超簡易的な構図から。 ホントはもう少し複雑ですが、「触る部分」だけチョイスします。 index.htmlを開けばgallery.swfを読み込み、sallery.swfはgallery.xmlをよみこんでます。 gallery.xmlに画像の名前や、カテゴリ情報などが掲載されています。 まずやる事は以下の二つのファイルを
[人柱]教えて君ネットがWinXP超速起動になるって言うからやってみたら本当に高速起動した*ホームページを作る人のネタ帳
超速起動は言いすぎだろコノヤロー と、心の中で思ったが、どれどれやってみようかなぁとｗ コメント見る限りだと、まだ人柱が居なくてちょっと怖かったので、人柱を待ってた。が、なんかこう、みんな牽制しあってるような感じでもう面倒なのでさくっと試してみた。 結果は・・・。 とりあえず高速化に大成功！ Windowsの起動時間をまず測定。 最初は４分５４秒だった。 追記 Windowsが立ち上がり、砂時計が消えるまで。 Googleデスクトップ→dropbox→IPメッセンジャー→AVGが起動するまでの時間。 そして今回の高速化を断行した結果・・・。 起動時間が２分３２秒になった！！！ 多分余計なものが沢山入ってたのが原因なんだけど、なかなかのWindows高速化！ XP自体は既に１年目の選手。 色々と途中改造してるからアレだけど余計なものがとにかく多かったなぁ。 というわけでレッツレポート。 今回
![[人柱]教えて君ネットがWinXP超速起動になるって言うからやってみたら本当に高速起動した*ホームページを作る人のネタ帳](https://cdn-ak-scissors.b.st-hatena.com/image/square/3de7f5be0dd73efe92f9fcdcf112c5e0d03cb894/height=288;version=1;width=512/https%3A%2F%2Fblog-imgs-34.fc2.com%2Fe%2F0%2F1%2Fe0166%2F200908070006.jpg)
人物、動物、魚、恐竜、植物といった様々な無料シルエット画像
あ"ー。 これは凄いの一言。 もうはてブホッテントリ入りしてるものは紹介しないという私のポリシーを捻じ曲げてでも多くの人に伝えたい。 様々なシルエット、人物から植物、動物、魚などがまとめられたエントリ。 いや、これはすごいわぁ・・・。 あらゆる無料シルエットが勢ぞろい 説明は不要だろう。 すばらしいまとめエントリ。 85 Free High Quality Silhouette Sets リンク先をブックマークしておけばかなり長期的にお世話になれるはずです。 近い将来で私が使いそうなものだけピックアップ。 フッターの背景によくつかわれるやつ。 こちらも同様にフッターの背景に用いられる。 自然をイメージしたサイトに使えそう。 最近ならバリアフリー関係のサイトにもあう。 ビジネス系、SEO系、マーケティング系、ニュース系などに使えそう。 最近は実写が多いですけどね。 上と同様にビジネスシーンに
無料サービスを活用して手軽にwebサイトを作るための12選[ネタ帳内]
最近、副業に手を染めたいアナタへ贈る11選とか、教えて君ネットがゴールデンウィーク前に仕掛けたXPやVistaを極限まで軽くする！ 19のチューニングテクとかを見て、『あーなるほど！』って思った事がありまして。 よーく見るとまとめなんですが、自分のところの記事を、これまたうまい具合にまとめてあって、これはこれで、地味に価値のある行為だなぁと感じた次第です。 そんなわけで、早速ネタ帳でもまとめてみようと思いました。まぁ、いざまとめようと思うとまとまらないもので、今回はwebサイトを作成するときに使いそうな色々をまとめてみました。 webサイト作成前のデザインを決められないでいる人には 100のCSSギャラリーサイト 膨大なハイクオリティサイトを見る事が出来ます。 悩んでいるならまず他の人を見てみるのもいいかもしれないですよ。 webサイト作成時にサイトカラーを決められない人の為のwebサービ
初心者が簡単にプロっぽく記事の内容を仕上げるテクニック*ホームページを作る人のネタ帳
第３回目の特集は、記事の内容を少しだけレベルアップさせるテクニックです。 今回のトレーニングを全て終えた時、あなたのブログは少しだけレベルアップするかもしれないです。 あまりギスギスせずに記事を書きたいんだという方はそれでも良いと思います。 難しい事を要求するわけでもありません。特に、社長ブログや、社員ブログなどの、ぞくにいう『ブログ初心者』の方々を相手に考えた方法です。次の３つのステップにチャレンジしてみると、いつの間にか身についてしまうと思います。 興味のある方は是非やってみてください。やってダメだったら自分流を模索してみるのも悪くありませんので！ 要点分解トレーニング さて、記事を書く前に、必ず記事にしようと思うネタがあるはずです。 ネタがないのに書こうと思ってかける人なら素晴らしいですが、大体事前にネタがあるはずです。 そのネタを、まず分解する事。 これがこのトレーニングの肝です。
無料アイコン100パック2009年版*ホームページを作る人のネタ帳
アイコンまとめ祭り。 今回は量も量なので画像は小さめ、クリックすると拡大方式を使っています。 ※無料ダウンロード可能なハイクオリティアイコン総まとめ2013年版にて、最新の無料アイコンをご紹介しています。 無料アイコン １～１０ Free Icon Pack: Web Injection - Tutorial9 システムアイコンやRSSアイコンなどの詰め合わせ。 タグがいい感じすぎる。 mfayaz's Art Blog: FreeHand_ColorStroked icon pack オープンソースで出来たもの系のアイコン集。しかも手書き風。 IconTexto: Drink Web 2.0 各種ソーシャルサービスを空き缶アイコンにしたもの。 Freebies Aggregator: Vector Social Media Icons わざとダサめのアイコンに仕上げてある感じがいい。 H
[閲覧注意]バイオハザードのような死体チックな肌加工チュートリアル23
※かなりグロテスクな表現になるので、こういうの弱い方は以下閲覧しないでください。 photoshopのチュートリアルですさまじいチュートリアルがあったのでご紹介。 以下閲覧注意で。 お肌の加工チュートリアル 以下数点ご紹介。 ゾンビ いそうだ。バイオハザードにいそうだ。 四次元ゴースト なんかの写真に加工して印刷したらいい。 女性のゾンビ化 きれいなお顔がものすごいグロテスクにいっちゃってるのでモザイクかけさせてもらいました。 チュートリアルはかなりわかり易く解説されている。そんな方法が！みたいなインスピレーションもあったりする。見たい人はチュートリアルをどうぞ。 善と悪 タッチがなんだか日本風だ。 激しい悪魔のモンタージュ これに関しては、爆発の作り方や、その爆発からくる光の調整などが凄く役に立ちそうだ。 とりあえずわかり易そうなチュートリアルのみ抜粋していますが他にもいっぱいありますよ
![[閲覧注意]バイオハザードのような死体チックな肌加工チュートリアル23](https://cdn-ak-scissors.b.st-hatena.com/image/square/9fc7859e692e5af0f73b582b86b94724453dd863/height=288;version=1;width=512/https%3A%2F%2Fblog-imgs-26.fc2.com%2Fe%2F0%2F1%2Fe0166%2F200904200154.jpg)
diggやはてブのようなシステムの『Pliggテンプレートテーマ50』
ソーシャルメディアとして名の知れたdiggのようなシステムのオープンソース。 それがPliggです。 われらがアジャイルメディアネットワークでも精力的にこのPliggを導入して、ディスカッションツールとして使われている。 今回はそんなようやく日本に浸透しつつあるPliggのテーマについて。 導入は比較的簡単。デザイン変更がかなり面倒 それがPliggです。実際導入してみたものの、デザインの変更に時間的コストが掛かってしまい、面倒で放置していますね。 今年はアジャイルメディアで、エイプリルフールの時に公開されたシステムが、そのままPliggのデフォルトデザインテーマだった。 デフォルトといっても、多少いじってはいるけど、基本スタイルはデフォルトです。 色々いじればはてなブックマークのようなシステムも簡単に導入できてしまうのが売りでもあります。 フォーラムもだいぶ進んできて、導入に困った時など
プレビュー付きエディタ『Google AJAX APIs Playground』を使ってみた
すごいねこれほんとすごい。ってか今まで知らなかったこんなのあるなんて・・・。 Learn & Test Google’s APIs Easilyで掲載されてて朝から色々触ってました。 その簡単なレポートです。 GoogleAPIが色々サンプル収録されたエディターって感じでしょうか。 AJAX APIs Playground 面白いなぁ。わくわくするなぁ。 手っ取り早くRSSリーダーみたいなのを作ってみると この時点で、下のほうにプレビューが生成され、レイアウトや仕様を見ながら選べるのが特徴的。 すごく便利ー。 後はキーの部分や、取得するRSSのURLをちょこっと変えてコードをコピペすれば、あなたのサイトで簡単にRSSリーダが設置できますね。 APIキーについては、公式で確認するのが一番ですが、それぞれのサービスを使う為に、APIを使うURLをGoogleに申請して『キー』を発行してもらう必
導入が手軽なGoogleみたいなパスワード強度チェッカーJavaScript
Googleで採用されているパスワードの強度確認チェッカーみたいなものを作ろうぜ！という流れで、『作ってみた』という人が現れた。 パスワードを入力するごとにJavaScriptによってフォームを監視し、ゲージでお知らせしている。 ちょっとした小技として使えそうですね。 ダウンロードは以下からできます ページ下部の方。 設置方法はとても簡単 自分のところにとりあえず設置してみましたがとても簡単です。 http://e0166.com/jq/sample20/ <form id="myform"> <script type="text/javascript" src="pwd_strength.js"></script> <input type="password" id="mypassword" name="mypassword" onkeyup="runPassword(this.valu
web制作者の為の年末年始で見逃せないエントリまとめ「2009年度版」
もうお正月も終わり、仕事始めしている人も多いだろうと思います。 業界によってはお正月に仕事をしている人も沢山いる事でしょう。 そんなお正月に見逃してしまった良質なエントリがないかを発掘するまとめです。 ネタ帳が選んだフリーソフト KeyHoleTV & KeyHoleVideo－キーホールテレビ＆キーホールビデオ－ チューナーもってない私に神のソフト。ワンセグが届かなくてもテレビがみれます。 ただ、映像と音声がたまにとまる。うんざりする事もあるけど気にしない。。 窓の杜 - Foxit Reader PDFファイルをすばやく開くツール。便利。 SRWare Iron - The Browser of the Future おいおいｗｗｗってなるくらい高速ブラウザ。 Ｃｈｒｏｍｅより早くて吹いた。いや、同じくらいかな、いいすぎた。ネットワーク監視するとGoogleに接続するアクションが消えた
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
