2011年のWeb制作トレンドをはてブのホットエントリから振り返ってみました。 2011年でトレンドは、スマートフォン向けサイトやアプリの制作関連、HTML5関連、あとはFacebook対応のためのノウハウといった感じでした。 はてなブックマーク「コンピュータ・IT」カテゴリ内で、1500以上ブクマがついた記事を選出、その中からさらに私の主観も入りつつ、2011年Web制作系のエントリーの中でもベストな31記事をピックアップ、Webデザイン系、SEO系、HTML+CSS系、プログラミング系、スマートフォンサイト制作系、企画、ツール、その他系、素材系にそれぞれ分類しました。 Webデザイン系 1. 色彩センスのいらない配色講座　 配色と色についてひじょーに分かりやすく、論理的に解説されたスライド。はてブ数ダントツ。 2. デザインの基礎力をワンランクアップしたい私（Webデザイナー

以下の記事を読んで。なぜ、Facebookだけが、キャズムを楽々と超えるのだろうか？：In the looop：ITmedia オルタナティブ・ブログ 記事内でもあるように、「キャズム理論の前提とソーシャル・テクノロジーは根本的に違う」とされつつも、あえて無理矢理当てはめてるのが面白かった。けど、パッと読んだ印象では少々違和感を感じてしまいました。要点は以下だと読めました。・Facebookがキャズム越えしたのは実名性だから。・実名性のハードルが高いのは日本だけではない。・ソーシャルの覇者Facebookは今後ますます強大になっていく。 それなのに、日本のみんなは実名性に拘ってていいの？世界から取り残されちゃうよ？って話なんだろうなと。 ３点目は、まあどうでもいいです。そうかもしれないし、そうじゃないかもしれない。 ただ、ネットの実名でFacebookを始めた私からすると、実名性については

WordPressを使い始めた頃は、テンプレート階層、テンプレートファイルの上手な使い方などは、全く考えずに Webサイトを作ってました。 いまではもっと効率的に、もっとスマートにサイトを構築できるようになったかも！そのためにちょっと覚えておきたい、テンプレートファイルについてのあれこれをご紹介します。 WordPress というと、ブログ構築のための CMS（コンテンツマネージメントシステム）というイメージが強いですけど、一般的な Webサイトを作るの時にもとっても便利です。私も仕事で Webサイトを作る時に、WordPress で作成することがとても多いです。 WordPress はバージョンも 3.0 になって、カスタム投稿タイプやカスタムメニューなど、さらに CMS としても充実してきたように思います。 ブログと違って一般的な Webサイトは、そのサイトによって仕様が様々です。コン

ローカル環境にストックしていた日本国内、海外サイトで商用OKなWeb素材を配布しているサイトのリンク集が結構な量になってきたので出来る限り多くの方とシェアしたいと思ってエントリーします。 懐の広いクリエイターさん方に感謝します。このリンク集は商用サイトでも利用が可能（Commercial use）なWebサイトの素材情報です。一応確認はしていますが、ご利用の際はご自身の目で必ずライセンスや利用規約（Terms of Use等）をご確認下さい。サイトごとに利用規約も異なります。当サイトは一切の責任を負いかねます。 日本国内、及び海外の商用OKなWeb素材配布サイトと日本語で紹介された海外記事のまとめです。 2度手間を防ぐ目的でリンクにマウスオーバーすると画像をツールチップで表示するようにしました。多少表示に時間掛かるかもしれません。 写真 商用サイトでも利用できるロイヤリティフリー、パブリッ

インターンシップにきています。 こんにちわ。(・`д・ノ)ノ 面白法人カヤックでインターンシップ中のどうもぽんたです。 先週、鎌倉本社から自由が丘支社に移りました。 自由が丘に来たのは初めてなので、「丘ないなぁ。」って思いました。 そしてこちらはインターン研修で、書いているエントリーです。 どうか柔らかいまなざしで見守って下さいませ！ 今回は画像を使わず、CSS3だけでWebボタンをつくる方法を紹介したいと思います。 といっても僕自身つくったことがないので、一緒に挑戦しましょう！！ つづきからどうぞ！ すごいよ！CSS3 ≫ CSS3のみでつくっているボタンを紹介している凄いサイトがあります。 ラムネのようなテイストのボタンですな。 これを画像なしでつくってるっていうからスゴイ！ ここまでレベルの高いボタンはつくれないので、 基本重視のシンプルなCSSボタンをつくろうと思います。 まずはC

マークアップエンジニア（以下、ME）のtacamyです！(`・ω・´) カヤックでは、デザイナーもHTMLコーディングをしてくれています。 （いつもありがとうございます！） そんなワケで、本格的にHTMLコーディングはしないけど、 ちょこっとしたページなら組みますっていうデザイナー向けの、 「コレだけ読めばすぐできる」シリーズを始めました。 第一回は「携帯コーディング」についてです。 携帯はPCとは全くの別物なので、なんとなく敬遠しがちですが、 最低限の内容であれば覚えることも少ないですし、 一度覚えてしまえばスタンダードがしばらく変わらないので、覚えておいて損はないですよ！ 携帯コーディングの基本 基礎の基礎 文字コードはShift-JIS CSSはインラインで指定（タグに直接style属性を追加する） 画像を含むページ容量100KB以内（HTML自体の容量は9KB以内） 画像はgifか

1 ：仕様書無しさん：2007/01/27(土) 20:56:52 マ「親が先に死んだら落ちるっしょ だから先に子供に命令して孫を殺して んで、全部死んだら子供を殺して で、子供が死んだ所で親も死ぬ」 一般人(危ない話してる！？) 75 ：仕様書無しさん：2007/11/09(金) 01:37:02 >>1 まさにその通りの会話を電車内でしてた俺ｗｗｗ 73 ：仕様書無しさん：2007/09/27(木) 20:50:18 えぇっ！今日中に全部頃すんですか？ 84 ：仕様書無しさん：2008/06/06(金) 17:18:39 やっぱ殺す系はヤバ目だよな。 この前も同僚と打ち合わせしながら歩いてて、 「やっぱあの段階で要らないヤツ全部ぶっ殺さないとダメかなぁ」 「生かしておくと、むしろそれが問題の原因になってるし」 「だよねぇ…よし、じゃあ後で全部まとめて殺すようにしておくわ」 とか言ってた

Blog of 0x1fff 0x1fff: 35 Google open-source projects that you probably don't knowにおいてGoogle Codeでホスティングされているプロジェクトから35のプロジェクトが紹介されている。もとはポーランド語で記載された0x1fff: 34 projekty Open Source udost?pnione przez Googleを英訳したものとあるが、翻訳する段階で1つプロジェクトが追加されて35になっている。その後さらに25のプロジェクトが、その後さらに34のプロジェクトが追加され、合計92のプロジェクトがまとめられている。マイコミジャーナルでニュースやハウツーとして取り上げたものも多い。取り上げられているプロジェクトは次のとおり。 テキストファイル処理 Google CRUSH (Custom Repo

彼女ができなくて困ってます。 出会いはそこそこあると思うのですが、好きな子ができてもすぐフラれてしまいます。そういう状況がずっと続いているので最近たまに死にたくなります。 どうすればモテるようになるのでしょうか。もしくは、どんな女でも一発で落ちるぜ！みたいテクニックがあったら教えてほしいです！ どんな女でも一発で落ちるぜ！そんなテクニックはこの世の中に存在しません。 そして、死にたくなることは誰にでもあります。 ほかちゃん（＊外村のあだな）の良さをわかってくれる人は必ずいるはずです。 なぜなら、ほかちゃんいいやつだから・・・ おけらだって、あめんぼだって、みんなみんな生きているんだ。幸せなんだ。