これまでのWebサービスまとめ WEBCRE8.jpは、ブログが開始してほどなくして、その月に生まれた(または日の目を見た)サービスを紹介していくコーナーを始めました。なかなか面白いんですけど、結構しんどいです。 さて、毎月毎月平均して2～30程度のWebサービスやコンテンツが生まれてくるわけですが、それらのサービスは今、どうなっているのでしょう。ちょっとデータを作ってみましょう。 あ、一応今まで書いたまとめ記事をまとめておきます。 2011年8月のWebサービスまとめ 2011年9月のWebサービスまとめ 2011年10月のWebサービスまとめ 2011年11月のWebサービスまとめ 2011年12月のWebサービスまとめ 2012年1月のWebサービスまとめ 2012年2月のWebサービスまとめ 2012年3月のWebサービスまとめ 2012年4月のWebサービスまとめ(前編) 201

http://camp-fire.jp/projects/view/601 求めた支援の概要 このプロジェクトは支援成立目標額が300000円、支援の募集期間は33日でした。この額はCAMPFIREのプロジェクトとしてはそう大きな額ではない部類に入るものの、私個人にとっては当然大金です。 去年の12月に販売した第一版は自費で制作したものの為、大した数が作れませんでした。今回はそのとき苦しんだ、予算の少なさから来る制作個数の制限を打破するためのプロジェクト応募でした。 支援の成立 先週までは目標金額の半分までしか集まっておらず全く成立する見込みのなさそうな状態でしたが、終わってみれば最終日の前日、最終日とでその残り金額全てを皆さんからご支援頂くことが出来ました。 成立してからも、その勢いのまま支援が入り続け、最終的には支援人数述べ54人から、合計328000円もの支援を頂くことになりました。

http://isoople.digi-popeye.jp/ これはiGoogleの様にRSSを受信してリスト上に表示してくれるサービスで、単機能のリンクや検索窓、ガジェットの追加こそ出来ませんが(お願いしますｗ)iGoogleの実用的なメイン機能であるRSS受信が出来ます。実はベータ版のころからこっそり使っていましたｗ 一応ベータ版の時とはCookieによるデータの管理だったのが、会員登録をしてユーザー情報をとっておくようになりました。それによって同じホームページを別のパソコンでも使えるようになりました。Cookieではさすがに心もとないですしねｗ iSoopleのちょっといいとこ見てみたい iGoogleの機能限定版なので不自由なところはあるにしても、iSoopleの方が勝っている機能があります。それは RSSで受信する記事の数を選べること タブ管理できること RSSの受信に特化してい

HTML5のタグは108つある って話は以前このブログでしましたねー。なんの偶然か、108っていう数字には厨二心をくすぐられますｗ 何か意味があるような気がしてなりませんね★ HTML5のタグって現時点(2012年8月)でいくつあるの？ ― #HTML5のタグは百八つまであるぞ …？ ― 現在HTML5は最終草案の状態です。この108と言う美しい数字を崩す可能性のある要素として、以前から仕様から外れるかもしれないという話のあったhgroup、Editor’s Draftから追加される可能性のあったdialogやdata、そして新しく追加しようという話の持ち上がったpictureやmainなどがあります。 ただとりあえずHTML5.0のうちは変化することは多分無さそうです。この辺のことはこのAdvent Calendarの初日の記事、覚え書き＠kazuhi.to: 巷（何処）で話題のmain

webにあるHTML5の情報は英語のものが多い 当然のことですが、HTML5の情報は殆どが英語です。W3Cのサイトだって英語で書かれていますし、大抵の情報は英語さえ分かればアクセスできますね。 まあとはいえ、HTML5を勉強しようと考えるいきなり誰もが英語を読めなければならないとなるとちょっと難しいですよね。最初は先輩方の翻訳または日本語で書かれたオリジナルの文書から学びたい。そして情報の速度や判断の尺度のずれが気になってきてから、それから国外の情報で勉強しても遅くはないはずです。…そう思いたいですｗ HTML5に関する国内のサイトや情報源をまとめました と言う訳で、今回はwebcre8が認識しているHTML5に関する情報源やリソースサイト、参考になった記事、調べてたら出てきたものをざっくりとまとめてみます。サイト、ブログ記事、リファレンス、ツール等です。せっかくなので、知っているものは英

はじめに webcre8は毎日楽しくブログのことを考えています。ときには制作そのものより楽しくなってしまうほどにです…！ｗ 仕事柄なのか普段から仲良くさせてもらっている人たちもやはりwebに興味のある人が多く、その中にはブログを始めたいと言う人も結構います。…そして、色々考え込んじゃってなかなか行動に移せない人も多いんですよね。 webcre8自身もそうでしたし、ブログを始めてそれほど経っているわけでもありません。なので説得力がどの程度あるかは分かりませんが…この記事ではそういう人たちに向けて、どのようにブログを始めればいいかをwebcre8なりに書かせてもらおうと思います。もしかしたら超詳しい人とか遠い存在な人が書くより、私のように身近だったり普通の人が書いた方が自分と重ねやすいかもしれないですし！ なお、この記事はどちらかというと元々web制作の仕事をされていたり、勉強中の人を想定して

文書構造って難しいですよね コーディングしていたら迷う事ってたくさんありますよね。「これは見出しなのかな」「この段落はどこまで段落なんだろう」「検索バーはどのタグで囲めばいいの？」等など、判断に詰まることはいくらでもあります。そしてその判断の迷路を抜け出た後も、ふと「このマークアップで本当に合ってんのかな」と再び迷いに陥ることも。 エレメントの役割とタグの用途の正確な理解 コーディングしているときに何故迷うか。これは、 それぞれのパーツがそのサイト内にどういう役割で置かれているかをはっきりと定義できていない 各タグの用途を理解できていない このいずれか、または両方が出来ていないから起きる問題だと思います。エレメントの役割とタグの用途、この二つがはっきりしていればコーディングに迷う事はありません。…まあ(他にも納得の行かない組織ルールとかSEOを考慮した記述等があって)それは理想の話なんです

細かい性質などは気にせず、webで完結する、遊びやコミュニケーション、便利なサービス、ツールなどを集めています。必ずしもwebcre8自身が使える、と思ったものとは限りませんが、まずはこうして存在を知ってもらうこと、webcre8自身の学習のためまとめています。基本的に日本語で利用できるもの限定です。iphoneアプリ等のモバイル端末専用サービスは今のところチェックから外しています。 2012年8月のwebサービス総括 2011年8月より始めたこの企画ですが、なんと遂に二年目を迎えました！(ﾜｰﾊﾟﾁﾊﾟﾁ せっかくですのでこのシリーズについてのことをちょっと書いておきましょう。 このシリーズのコンセプトについて このシリーズ自体の趣旨として、当初webcre8は「webサービス作りたいから、手始めに参考として世の中に新しく公開されているサービスを集めてみよう」と言う事を考えていました。

調べる。 備忘録としてwebやデザインについて調べたり 新しく知ったことなどを書き残していくカテゴリです。 HTML5入門シリーズ 折りしも東京では先日HTML5カンファレンスというイベントが開催され、webで飛び交う話題もそれについてのものがドンドン増えてきています。このブログでもたびたびHTML5のコーディングにおけるややこしい話題を取り扱っていますが、こういった需要はさらに増えていくのではないかなと思っています。 今回からたびたびHTML5入門と題しまして、HTML5を使ってweb制作をしていく上で避けては通れない基礎的な理解を深める為の文章を書いていきます。webcre8もHTML5は絶賛勉強中で、これはいち制作者としてHTML5によるコーディングをどうするべきかを考えた考察の覚書でもあります。間違いがあればガンガンツッコミをお願いします！知識のある人は単に「間違っている」という指

HTML5にタグがいくつあるか知ってます？ すっごくどうでもいい疑問と言うか、実際に定義されているわけだから数えれば済むんですけど、HTML5のタグって何個あるんだろうと思ったわけです。HTML5の最新情報を追ってると年に2、3個程度のタグのin/outがありますよね。 実際のところW3CのHTML5の勧告(最終的な仕様の決定)まではまだ日があるのでなんとも言えないですけど、もうちょっとはっきり知っておきたいというか。 ちなみにその辺のどういう流れで決まっているのか、みたいなことは以下の記事に書いてあります。 HTML5、W3C で Last Call （最終草案） へ | WWW WATCH もしもっと新しい情報あったら教えてくださいｗ 実は過去にこういうハッシュタグを作っているんですが…これの趣旨は、 #HTML5のタグは百八つまであるぞ 2012年8月現在W3Cの規定するHTML5の

細かい性質などは気にせず、webで完結する、遊びやコミュニケーション、便利なサービス、ツールなどを集めています。必ずしもwebcre8自身が使える、と思ったものとは限りませんが、まずはこうして存在を知ってもらうこと、webcre8自身の学習のためまとめています。基本的に日本語で利用できるもの限定です。iphoneアプリ等のモバイル端末専用サービスは今のところチェックから外しています。 2012年6月のwebサービス総括 …見間違いじゃないですよ？『6月』です！ すみません、まとめをサボっていました。本来ならひと月前に書いているべき記事を今更書かせて頂きます。そしてすぐに7月分のまとめも書きますので安心してください！ さ、前置きはいいとして早速紹介に入りましょう★

以前グラフィックパターンの柄やテキスタイルの名前まとめと言う記事を書いたのですが、それのパターンを実際に作りました。自作パターンを持ってない人はベースに是非★ 今回作ったのはPhotoshopのパターンファイル。拡張子は.patで、Photoshopのプリセットのpatternフォルダには初期設定のものが入っています。この辺は過去記事[Photoshop]ブラシ、テクスチャ、スタイル…自作のアイテムを作ろう！で一通り説明しています。使い方が分からない人はそちらを参照してくださいね。 グラフィックパターンの名前を調べましたけど 以前書いた[デザイン]グラフィックパターンや柄、テキスタイル等の名前まとめという記事で、色んなグラフィックパターンや柄の名前を調べてみました。服飾やインテリア壁紙、ファブリック等に使われるこれらのパターンですが、webサイトに応用することでクールだったり、かわいらしい

ガラケー公式Twitterで写真をアップロードする際にはフォト蔵というサービスを使うんですが、これがクリエイティブ・コモンズを採用していることを知ったので報告。 http://photozou.jp/ webcre8はこのご時世未だにガラケーユーザなんですが(周りのweb屋さんにも笑われます)、ガラケーの公式Twitterは写真のアップロードにデジタルガレージさんのフォト蔵というサービスを通すようになっています。ガラケーユーザが写真をTwitterにアップロードする時はほとんどの場合こちらを介する事になります。 ガラケーユーザ御用達のサービスと言う事もあってスマートフォン花盛りのITクリエイタ業界の人たちには歯牙にもかけられない(多分…もしかしたらディープに使う人もいるのかも知れないですけど残念ながら周りの人たちは何それって感じです)このサービスですが…。 フォト蔵はクリエイティブ・コモン

Twitterで、たくさんの美女に話しかけられまくりたいですか？または歴史上の人物と世間話をしたり…。その願望をユーザスタイルシートで実現してみましょう！ｗ Twitterで話しかけられたい人はいますか？ Twitterをやっていると、色んな人と仲良くなったりしますよね。ちょっとやりすぎちゃってる人は何百人とフォローしてしまって、そりゃもうタイムラインがカオスになっていきます。 それはそれで楽しいんですけど、もっとカワイイ女の子やイケメンに話しかけられまくったり、憧れの人物と話してみたいなーとか思いませんか？ ユーザスタイルシートでその夢叶えます その夢、叶えましょう。 一時的ならめんどくさくもなく、簡単です。ずっとそのままでいたいなら、ちょっと面倒ですけど、お付き合い願いますね！ その方法とは…ユーザスタイルシートです。 ユーザスタイルシートとは ユーザスタイルシートとは、名前の通りユー

エモーティコンって知ってますか？要は顔文字です;D←これです★ いつも顔を横にしてたりしてたんですが…今回はCSS3で、コイツの方にシャキッとしてもらいます！ｗ これ可愛いですよね。日本には国産の顔文字たちがありますし、これも結構好きですけど、@WebDesignRecipeさんのWebデザインレシピやTwitterとか、@endoutakaeさんの秋田県webデザイナー【weblog】なんかを見てるとかわいいしなんか欧米風でカッコいいとか思ってしまいますｗ フェイスマークではなくエモーティコン ちなみにこれはエモーティコン(emotion + icon のかばん語)と言うそうで、facemarkって言うと国内の言い方になるっぽいです。以下いくつか国内外の顔文字の資料をどうぞ。 顔文字 – Wikipedia フェイスマーク、横文字のかおもじ 顔文字の起源 (^_^) 顔文字、顔マーク(F

今月13日に急に話題になったサービスGumroad。その周りには物凄いスピードで関連サービスが作られています。このスピード感。情報とサービスを軽くまとめます。 webcre8では毎月話題になったサービスやコンテンツを特集しておりますが、今回そのまとめのブクマがGumroadと言うサービスの関連サービスで埋まってひどいことになってきたので別個に記事を書くことにしましたｗ もちろんwebcre8自身もwebクリエイタを目指して勉強中の身、こういった話は遥か雲の上ではあるものの、やはりワクワクしながら聞けてしまう話です。 https://gumroad.com/ Tech Crunchの以下の記事で伝えられたサービスです。今月話題にもなったPinterestのメンバーが作ってる～とか19歳のデザイナが起業して～とかもう色々ちゃんと聞かせて欲しいことがタイトルの時点でモリモリなんですがｗ Pint

名前って大事 パターンファイルってwebで沢山いいのを見かけますよね。商用可のものも割と多いのでお世話になってる人も多いと思います。webcre8は形にこだわるので整理するときちゃんとしたファイル名をつけて保存したかったりするんですが、 これって単にストライプでいいのかな…？ ポルカドットってつまり、どこからどこまでがポルカドットなんだ…？ プレイドとチェックって何が違うの…？ ということを考えだすともう止まれないんですよねｗ というわけで今回はデザインの柄や模様の例、ネクタイやシャツのサイトの用語集やファブリックの柄やテキスタイル、果ては迷彩のパターンの例等、およそパターンファイルで使われそうな模様の写真やデザイン例、名称や由来を集めたページをまとめてみました。各サイトの画像はスクショだったりわかりやすいところを切り抜いたりです★ ファッション、用語全般 アパレル、ファッション全般の用語

2012年1月のwebサービス総括 2012年1月も、web、webサービスを取り巻く話題には事欠きませんでしたねー。ネガティブな話題も含めて、ですがｗ 記憶に残っている事もいくつかあるのですが、個人的にネガティブな話題を殊更論じるのがあまり好きではないので、そう言うのは華麗に忘れ去りましょうｗ Grow!が正式リリース 以前よりweb業界では話題になっていたGrow!ですが、この度サービスのサブタイトルをソーシャルパトロンプラットフォームからSocial Tipping Platform ― ソーシャルチッピングプラットフォームと変更し、正式リリースされました。年末から資金調達の話とか、景気のいい話題が飛びかってましたね。 mixiとDeNAが業務提携、ショッピングサイト立ち上げ おおー、すごいなーと単純に思いました。webcre8はmixiも使ってましたしモバゲーも割と楽しんでたので普

前置き WEBCRE8.jpはweb制作に関連する情報というより自身がweb制作、webの利用を通して知ったものや作ったもの、個人的な考え方を垂れ流すブログです。そうですよねｗ 話題の掘り下げに関しては浅く済ませるつもりはないのですが、webクリエイトという非常に広範なテーマを据えているので(なんせクッキーも焼きますからねｗ)、深くと言っても非常に限定された、ボーリング調査のような記事になります。無論検索ワードも無駄に多くなり、開設して5カ月、まあ大したアクセス数でもないのだと思います。今読んでくれている皆さまには本当に感謝！です☆ アクセス解析を見ていた時のこと そんなわけで一応アクセス数なんかも気にしたりしてGoogle Analyticsでも眺めて悶々としているときもあるのですが、この日たまたまコンテンツサマリーを見ていたら、変なアクセスがあることに気が付きました。 手裏剣？…手裏剣

サンセリフ セリフ(飾り)のない書体です。スッキリしてますよね。 限界まで線が太い 太字の代表格かなーと思ってます。ただ使ってみると意外と癖があったり…太字で標準フォントって考えるとこれじゃなくてもAlial Blackとかでも良くないかなーと思うときはありますｗ 縦長 そのくせすごい縦長。ギュッと横につぶされてますよね。カーニングも詰まり気味。 アセンダとディセンダが超狭い 縦長に見えるのを更に助長している特徴ですが、アセンダ(小文字の頭から大文字の頭まで)とディセンダ(文字の下のラインから小文字のpやjの下のラインまで)が狭い。なので小文字を混ぜても文字の高さが変わらず、みっしりした印象を受けますね。 IMPACTの使いどころ ロゴタイプ 企業のロゴタイプとして使われたりしています。名前の通り、どっしりとした印象を与えるのかなと思います。小文字の背もあんまり変わらないという特徴を持って