2011年のWeb制作トレンドをはてブのホットエントリから振り返ってみました。 2011年でトレンドは、スマートフォン向けサイトやアプリの制作関連、HTML5関連、あとはFacebook対応のためのノウハウといった感じでした。 はてなブックマーク「コンピュータ・IT」カテゴリ内で、1500以上ブクマがついた記事を選出、その中からさらに私の主観も入りつつ、2011年Web制作系のエントリーの中でもベストな31記事をピックアップ、Webデザイン系、SEO系、HTML+CSS系、プログラミング系、スマートフォンサイト制作系、企画、ツール、その他系、素材系にそれぞれ分類しました。 Webデザイン系 1. 色彩センスのいらない配色講座 配色と色についてひじょーに分かりやすく、論理的に解説されたスライド。はてブ数ダントツ。 2. デザインの基礎力をワンランクアップしたい私（Webデザイナー
Rubyソースコード完全解説 / 青木峰郎
$Id: index.html,v 1.6 2004/07/20 23:08:12 aamine Exp $ この文書は書籍『Rubyソースコード完全解説』のHTML版です。 ただし初校段階の原稿をベースにしているため、 書籍では修正されている間違いが残っている場合があります。 予め御了承ください。 2004-02-16 に全章を公開しました。 目次 まえがき 序章 第 1 部「オブジェクト」 第 1 章「Ruby言語ミニマム」 第 2 章「オブジェクト」 第 3 章「名前と名前表」 第 4 章「クラス」 第 5 章「ガーベージコレクション」 第 6 章「変数と定数」 第 7 章「セキュリティ」 第 2 部「構文解析」 第 8 章「Ruby言語の詳細」 第 9 章「速習yacc」 第 10 章「パーサ」 第 11 章「状態付きスキャナ」 第 12 章「構文木の構築」 第 3 部「評価」 第
最近、フォント名を知らないデザイナーが増えてきていると思うんですよね。 実は使ってるんだけど、どのフォントを使っているか意識していなくて、「これ何のフォント？」と聞くと、「ちょっと待ってくださいね。調べます。」という会話を良く耳にするようになったような気がします。「会社のPCに入ってたー」みたいなノリでしょうか。 というわけで、今日は僕がWEB屋をやってきた中で、「最低限、これは知っておいた方がいいんだろうな」と思ったフォントを幾つかご紹介。 英文フォントを中心に、色々有名どころを総当りしていきます。主に僕が仕事で使ったことがある物を中心に紹介していきますね。（順不同、のつもりで僕の好きな順） Helvetica 世界中のデザイナーに愛されるデザイナーフォントと言えばやっぱりHelveticaですよね。 元はスイスのデザイナーによって作られたフォントでMacだと標準フォントのひとつになって
Riots not Diets / gaelx 先日1/5に放映された、「ためしてガッテン・決定版！こんな簡単にやせちゃいましたSP！」の内容が、秀逸でした。 ダイエットに必要なのは「正しい知識」です。ダイエット食品や、ダイエット専用の運動器具などは必要ないことがわかりました。 食べる量を減らすと、お腹が減らなくなる 衝撃的な内容でした。お腹が減ることを恐れてたくさん食べると、逆にお腹が減りやすくなるとのことです。 食事をたくさん摂ると、血糖値が急上昇します。体はインシュリンを大量に分泌して血糖値を下げようとします。 この「血糖値の低下」に脳が反応して「空腹感」がうまれます。血糖値の下げ幅が大きいと、脳が強く反応して、強い空腹感を感じてしまうのです。 逆に、食事の量を減らしたほうが、血糖値の変化が小さいため、空腹感が弱くなり、耐えられるレベルになります。「胃が縮む」とはまさにこのことです。
今日のキーワード オアシス イギリスのロック・バンド、オアシスのデビューアルバム。1994年発表。全英アルバムチャート1位を記録。「リヴ・フォーエヴァー」「シガレッツ・アンド・アルコール」などを収録。原題《Definitely ... 今日のキーワード オアシス イギリスのロック・バンド、オアシスのデビューアルバム。1994年発表。全英アルバムチャート1位を記録。「リヴ・フォーエヴァー」「シガレッツ・アンド・アルコール」などを収録。原題《Definitely ...
![コトバンク [ 時事問題、ニュースもわかるネット百科事典 ]](https://cdn-ak-scissors.b.st-hatena.com/image/square/c87f8dd8178c6a7edc58c39e6b6bb8469fe87017/height=288;version=1;width=512/https%3A%2F%2Fkotobank.jp%2Fimage%2Fkotobank_ogp.png)
休みを利用して旅行に出かけたいけれど、「なるべく出費は抑えたい」というのが本音。そこで今日は、お得な宿泊プランの探し方から航空券や新幹線チケットを割引価格で手に入れる方法まで、「お得に旅行する方法」を集めてみました。 ■お得に泊まれる「ホテル・旅館」を探そう まずはお得な「宿泊先」を探す方法です。目当てのホテルや旅館にできるだけ安く泊まる方法はないのでしょうか？ ▽ 国内外に旅行する時に役立ちそうなサイトいろいろ | かちびと.net ▽ 国内の特定のホテルを少しでも安く予約する方法 | nanapi [ナナピ] ▽ 西村敦子の「使える！ まる得サイト」： 最大80％オフ！高級ホテルの当日予約が超お得！割引で泊まれるホテル予約・旅館予約「yoyaQ.com」 ▽ 1泊3,000円以下の格安ホテルだけを紹介 - IPPAKU3000 - これらのエントリーでは、各ホテル予約サイトの料金を比較
Ameba
Ameba（アメーバブログ）は、サイバーエージェントが運営する登録無料サイトです。アメーバブログや、アメーバビジョン（動画）などの機能や、タレント・有名人ブログといったコンテンツも充実した総合メディアサービスです。
Get inspired by the work of millions of top-rated designers & agencies around the world.
海上自衛隊のカレーレシピ - 陸上自衛隊ファミリーページ
海上自衛隊〔JMSDF〕ファミリーサイト・ファミリーページ・オリジナルゲーム・レシピ・ニュース・イベント情報
都内で電源のあるカフェを探すなら【ハックスペース】
ハックスペースについて ハックスペースは、電源が使えるお店を全国から探せる、ユーザー投稿型のサービスです。 お気に入りのお店を登録 会員登録していただくと、お気に入りのお店を登録して、色んなユーザーに知ってもらう事が出来ます。 新しいお店を発見 地域や条件を絞って、あなたにピッタリのお店を探す事が出来ます。 ユーザー同士の交流 お気に入りのユーザーをフォローしたり、メッセージでやりとりしたりする事が出来ます。 いますぐ会員登録
2006年より提供開始したショッピングモール「カラメル」ですが、2018年9月27日をもちましてサービスの提供を終了いたしました。 長年「カラメル」をご利用いただいたユーザーさま、ならびに出店中の店長さま、誠にありがとうございました。また、サービス終了に伴い、みなさまには多大なご迷惑をおかけいたしますことを深くおわび申し上げます。 今後とも弊社サービスをご愛顧くださいますようお願いいたします。
保存 家で見たページを学校や会社でも見たい そんな風に思った経験はありませんか？ はてなブックマークは、オンラインにあなたのブックマークを保存するツールです。インターネットに繋がっていれば、家でも学校や会社でもブックマークを見られます。タグやコメントを付けて整理しましょう。保存したブックマークは簡単に検索できます。 共有 このページを読んだ人の感想が見たい ブックマークを公開して、多くの人と感想をシェアできます。このページはぜひ他の人にも見て欲しい、そう思ったらどんどんブックマークしましょう。感想を書いておけば、だれかの目に触れるはずです。はてなブックマークは、インターネットのあらゆるページを介して人と繋がるソーシャルネットワークです。 発見 今、話題になっているページが知りたい はてなブックマークは、旬なニュースが見つかるメディアです。 人気ブックマークをチェックすれば、みんなが見ている
ブログランキングサイト [TopHatenar]
TopHatenarは、ブログを「購読者数」と「ブックマーク数」の2つの指標から分析することができるランキングサイトです。 [もっと詳しく]
はてなブックマークをGoogle Chromeブラウザでもっと便利に使える拡張機能、「はてなブックマークGoogle Chrome拡張」が正式リリースされました。これを記念して、Googleオリジナルグッズセットが当たる「Googleオリジナルグッズセット欲しい！」キャンペーンを開催いたします。 応募方法は簡単。このキャンペーンページを下記のリンクからはてなブックマークに追加するだけで応募完了です。【締切りは2/28（日）】 ブックマークに追加してキャンペーンに応募する！
仕事でも普段の生活でも、ふとした時に使えると便利なのが「暗算」。いちいち計算機に頼らなくてもパパッと答えが出せれば、時間も有効に使えますよね。そこで今回は、「暗算のテクニック」についてのエントリーを集めました。 ■まるで手品みたい？覚えておきたい暗算テクニック 九九はマスターしていても、2ケタ以上のかけ算になると急にややこしく感じますよね。実は「これで答えが出るの？」という意外な方法もたくさんあります。 「焼肉じゅうじゅう」方式の暗算って？ ▽脳若返り！ 究極役立ち計算術 : ためしてガッテン - NHK NHKの「ためしてガッテン」で紹介された暗算術がこちら。スーパーでの買い物を予算内に納める時に役立つ「どんぶり勘定」（100円を“1どんぶり”と考え、頭の中でどんぶりの数を足していく方法）や、「じゅういくつ x じゅういくつ」のかけ算に使える「焼肉じゅうじゅう」方式のかけ算などがあります
2015年3月18日 CSS 2011年に「少しのコードで実装可能な20のjQuery小技集」という記事で数々の便利な制作技を紹介したのですが、時は流れ、今ではCSSのみで表現できるものが多くなってきました。という事で今回はその記事内で紹介した技を中心に、かつてはJavaScriptを利用していたものの、今ではCSSのみで実装できる小技を紹介します。 ↑私が10年以上利用している会計ソフト！ 目次 Div全体をクリックできるようにする テーブルの偶数・奇数の行の色を変える フォームにテキストを入れておき、フォーカスで消す（文字色も変更） ラジオボタンとチェックボックスを装飾する スライドパネル アコーディオン ツールチップ 言語によってスタイルを変更 横並びのdivの高さ揃える ボックスを上下左右中央に配置する それでは実際にどんな事ができるのか見てみましょう！サンプルも作ったのでコードと
Motoshi Goto / Freelance Web Designer and Developer from Oita, Japan.
あなたの知らない照明術 : akiyan.com
あなたの知らない照明術 2007-01-16 今年初めのスゴ本に出会いました。寝る間を惜しんで長文エントリいきます。 頭がよくなる照明術 このサイトから -人 が購入しました 全体で -人 がクリック posted with amazlet on 07.01.16 結城 未来 PHP研究所 売り上げランキング: 5238 おすすめ度の平均: これで楽しく会社にいけるかな？！？ 灯りは明るければよいと思っていました ふ〜ん、なるほどねぇ〜 Amazon.co.jp で詳細を見る もう、全ての人に読んでもらいたいです。 特に部屋の雰囲気を変えたいなと漠然と思っている方は今すぐ読むべきだと思います。 私はとくに何も考えずに読んだのですが、読後いてもたってもいられず24時間以内に間接照明器具を3つ揃え、照明リフォームを完了させていました。そしてリフォームの結果に大満足です。費用は約5000円。安い
ウェブ魚拓
ウェブ魚拓は、ウェブページを引用するためのツールです。 ブログや掲示板に、記録した魚拓のURLを貼って利用できます。取得後ブラウザのURLをコピーしてください。(*) (*PDF等で外部ビューワが開いてしまう場合、取得したURLで魚拓の検索をし、取得URLをコピーしてください) 便利な表示中のページを取得する機能はこちらからどうぞ。 広告に関するプライバシーポリシーAutoStreamの利用者情報の取り扱いについて | 株式会社FLUX
kuler
S5-Style
MoD Design Dialogue vol.1 〜創造的な思考法を、考える。〜 MoD Design Dialogueとは、社会人のためのデザイン塾 MoDが定期開催する講義と対談形式のイベントです。第一線で活躍するデザイナーをスピーカーとして招待し、その時々で関心のあるテーマをもとにお話しします。誰でも自由に参加できるイベントとなっておりますので、少しでも興味を持ってくださっている方はぜひご参加ください。
マツダ先生（仮名）の思い出、あるいは議論の仕方を習ったことのない人はやっかいだということ - みやきち日記
あたしが小学5〜6年生だったときの担任・マツダ先生（仮名）は、クラスで話し合うとき生徒にたったひとつのルールを課しました。そのルールとは、「意見を言うときは、必ず理由を言わなければならない」というもの。これは鉄の掟で、例外は許されませんでした。今にして思うとこれはすばらしい教育で、あたしはマツダ先生にものすごく感謝しています。 このルール下だと、「今度クラスのレクリエーション時間でどんなスポーツをやるか」なんて議題で話し合うとき、ただ各自で 「バスケがいいでーす」 「ソフトボールがいいでーす」 「ドッジボールがしたいでーす」みたいに提案だけしていきなり採決ってのはダメなわけ。提案するには、絶対に「なぜ自分はクラスでこのスポーツをやるのがいいと思うのか」を言わなきゃいけないんです。 そうなってくると、「自分がバスケが好きだから」クラス全体でバスケをするべきだなんて言えないわけですよ。いくら小
メディアマーカー
メディアマーカーヒストリー メディアマーカーは読書の記録・管理・共有ができるWebサービスです。 2007年にサービスを開始し、2019年までの12年に渡って運営されていました。 利用者数は8万人、口コミ件数1,000万件を超えるサービスでしたが、これまでの歴史について振り返っていきます。 年号 概要
まずは無料で始められる ビジネスチャットを気軽にはじめていただくために、Chatworkでは無料のプランをご用意しています。実際に業務で利用できる環境を無料でお試しいただけます。
出典：日経NETWORK 2006年11月号 35ページより 記事は執筆時の情報に基づいており、現在では異なる場合があります。
人がモノを買う3つの理由と、 6つの性格パターンを知っておこう | 買いたくさせるWEBサイト文章術 | ダイヤモンド・オンライン
買いたくさせるWEBサイト文章術 SEOやSEM対策で自社サイトへ見込み客を誘導できても、その先の「成約」に達することが重要。そこで本コラムでは、問い合わせ数や成約率が上がる「セールスコピーライティング」という文章テクニックを紹介する。書き方一つで、ユーザーの反応率、成約率は大きく変わるのだ。 バックナンバー一覧 あなたはヒトがモノを買う購買心理について、ご存じだろうか。この部分はビジネスを行ううえで非常に重要な要素となってくるので、とくによく理解してもらいたい。 「ヒトがモノを買う3つの理由」 について知っておく そこでまずは大きなポイントとなってくる、「ヒトがモノを買う3つの理由」について、しっかり頭に叩き込んでおこう。この3要素は、Webサイトにおけるセールスコピーライティングを行ううえで、絶対に忘れてはいけないポイントとなる。 1）ヒトは、「痛みから逃れたいがため」にモノを買う た
方眼紙や原稿用紙などを、無料でネット上からダウンロードできるのをご存じですか？作曲用の五線紙や包装紙といったちょっと特殊な紙も、テンプレートを印刷するだけですぐに使えます。今日は、いろいろな紙のテンプレートが無料でダウンロードできるサイトをご紹介します。 ■ 方眼紙 ▽ 方眼紙ネット ▽ PDFグラフ用紙・方眼紙の無料ダウンロード ▽ 方眼紙・方眼用紙 無料ダウンロード テンプレート02（A4サイズ）（5ミリ方眼）（エクセル Excel） - ［文書］テンプレートの無料ダウンロード これらのエントリーでは、グラフの作成や設計などに使える方眼紙をダウンロードできます。線の色や太さ、マス目の大きさはカスタマイズが可能です。「点線方眼紙」や「ドット方眼紙」といった方眼紙も用意されているので、用途に合わせて使い分けができそうですね。 ■原稿用紙 ＜小説や作文用＞ ▽ Office template
送料は500円。1万円以上のご注文で送料無料です。 メールが届かない場合はラインにご連絡をお願いいたします。 LINE ID : sapurikan 現在、お振込みから配達まで１～２週間かかります。 下記の口座にお振込をお願いいたします。(先払い) 三菱UFJ銀行 新宿支店 店番:341 普通口座 口座番号 4947550 口座名義 アサノ クニアキ クレジットカード決済不可。お支払い方法は、銀行振り込み先払いのみとなります。
この記事を書いた時点では『hatebte』の存在を詳しくは知らなかった。 この記事がいろんな方に読んでもらえたおかげで『hatebte』というサービスがあることを知ることができた。 教えてくれた @jun1log さんありがとうございました。 そしてこの記事の内容と『hatebte』を組み合わせるとYahoo! Pipesを使用しなくても良い。 教えてくれた @jun1log さんは、はてブした記事のEvernote保存はhatebteで行い、InstapaperなどこのようなwebサービスがないものをEvernoteに保存する場合にYahoo! Pipesでタイトル成形を行っているとのこと。 hatebteを使用してみて、ちょうど自分で設定した1アクションで5アクションのEvernote保存と、hatebteのサービスを用いたEvernote保存を重複して使用したのでちょっとだけ検証して
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
2010年のはてなブックマークで多くのブックマークを集めた人気エントリーのランキングトップ100を発表します。あなたがブックマークしたエントリーはいくつランクインしているでしょうか？（集計期間：2010年1月1日〜12月24日） 2010年 はてなブックマーク年間ランキング（2010/1/1-2010/12/24） 1位Windows XPの起動時の長いディスクアクセスは、Windows Updateの履歴が溜まりすぎていたせいだった？！ - 全力HP 2位ネットで見れるすごい企画書 - NAVER まとめ 3位20歳を過ぎてから英語を学ぼうと決めた人たちへ | The Wisdom of Crowds - JP 4位radiko(ラジコ) | ラジオがインターネット（アプリやパソコン）で無料で聴ける 5位ウェブ制作者・アフィリエイターが知っておくべき便利な６２のサービス - 副業クエスト
いらぬ親切余計なお世話。 あまり好きな言葉ではございませんが、Evernoteを使っている時にそれをふと感じる事があります。 EvernoteでWebクリップをする際、ChromeエクステンションやFirefoxアドオンを用いている人が大半でしょう。 ただ、単にクリッパーをクリックするだけだとサイドバーやらヘッダーなどのいらない情報がクリップされてしまう事があります。 これぞ、The・いらぬ親切。 上は当ブログの過去記事を適当にクリッピングしたものですが、Webクリップにはヘッダーやらなんやら不要ですよね。 ロゴはカッコイイけど。 で、この間@goryugo さんのブログで紹介されていた、とあるブックマークレットが、こんな時に超絶便利だって言うお話なんです。紹介せざるを得ない感じで便利。 その名も、「Print what you like」！ 参考：[link]Evernoteのクリップに
東京アメッシュ
Copyright © Bureau of Sewerage Tokyo Metropolitan Government. All rights reserved.
市販品に劣らない性能を持つ、フリーソフトを集めました。 （FreeSoft.nomaki.jpについてはこちら） 定番
pixiv
pixiv(ピクシブ)は、イラスト・マンガ・小説の投稿や閲覧が楽しめる国内最大級の作品コミュニケーションサービスです。幅広いジャンルの作品が投稿され、ユーザー発の企画やメーカー公認のコンテストが開催されています。
Web Design Clipはホームページ・Webデザイン制作の参考になる日本のWebデザインギャラリー・クリップ集です。トレンドを押さえたクオリティーの高いWebサイトをクリップしています。
![Web Design Clip [WEBデザインのクリップ・リンク集]](https://cdn-ak-scissors.b.st-hatena.com/image/square/f5f481647ac1eb2cd87c65cb220881cb5c1c55bf/height=288;version=1;width=512/http%3A%2F%2Fwebdesignclip.com%2Fimg%2Fogp.png)
何かとお節介な動きをすることが多いOffice。これらの設定を変更し、直感的に使うためのTipsを紹介する。Word編。 前回のExcelに引き続き、今日はWordの「お節介をなくす10の方法」を紹介する。内容的にはExcelと一部重複するが、設定画面の階層が異なる場合も多いので、同じTipsについても改めて紹介する。Word 2002／2003のほか、Word 2007でも検証した。 Wordの「お節介をなくす10の方法」インデックス アルファベットの1文字目が勝手に大文字になったり、記号に変換されるのを防ぐ 「1.」や「・」が行頭にある文章を改行した際、勝手に箇条書きになるのを防ぐ URLにハイパーリンクが勝手に張られるのを防ぐ 単語の下に波線を引かれるのを防ぐ 勝手にスペルチェックされるのを防ぐ 図を挿入する際に、勝手に描画キャンバスが作られるのを防ぐ あまり使わないメニューが勝手に
2018年「はてなブックマーク年間ランキング」トップ100 “時間泥棒”になりそうなあの記事が1位に - はてなニュース
はてなブックマークのブックマーク数が多い順に記事を紹介する「はてなブックマーク年間ランキング」の2018年版を発表します。例年通り、上位トップ100の記事をピックアップしました（集計期間：2017年12月11日～2018年12月10日）。 平成最後の年のランキング1位は「増田文学１００選」（はてな匿名ダイアリー）。はてな匿名ダイアリーには、「増田文学」というタグを付けられた一連の読み物群があります。2018年6月までの「増田文学」のエントリーをブックマーク数をベースにランク付けした記事が「増田文学１００選」です。みなさんはいくつご存知でしたか。 ブロガー周りのトピックとしては、“けんすう”さんこと古川健介さん（Supership株式会社）の記事が、20位までに3本もランクインしていることが驚きでした。自身の体験をもとに、生きやすさの手掛かりになりそうな内容を丁寧に伝えていること、それが読者
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Web制作に携わる人は見ておくべき、2011年のはてブ1500数以上の良記事31選 | URAMAYU
今更聞けない？！WEBデザイナーなら最低限知っておきたい有名フォントの数々 | バンクーバーのうぇぶ屋
「ためしてガッテン」がダイエット食品会社を潰しにかかってる件
コトバンク [ 時事問題、ニュースもわかるネット百科事典 ]
ホテルの宿泊から航空機・新幹線チケットまで、「旅行」に役立つ節約術 - はてなニュース
Dribbble - Show and tell for designers
【おいしさ0.8倍！】伝説のカレーが再販決定！「インド人完全無視カレー」 | 通販 - カラメル
はてなブックマーク for iPhone 公開記念！iTunes カード欲しいキャンペーン
Googleオリジナルグッズセット欲しい！とは はてなの人気・最新記事を集めました - はてな
2ケタのかけ算もすぐできる？知っておきたい「暗算テクニック」 - はてなニュース
かつてはJavaScriptを利用していたものの、今ではCSSのみで実装できる10の小技
4U - beauty image bookmarking
Google アナリティクス
チャットワーク（ChatWork） | ビジネスが加速するクラウド会議室
ブックマークに入れておきたいお役立ちサービス/Webページ一覧：ITpro
無料で“Google 翻訳”より高精度！ “みらい翻訳”のお試し翻訳が便利／TOEIC960点レベルのビジネスマンと同等の翻訳精度【やじうまの杜】
方眼紙や原稿用紙、五線紙も いろいろな「紙」のテンプレートを無料でダウンロードしよう - はてなニュース
ポイントサイトの決定版!ぶたちょき/ポイント貯めてキャッシュバック!
はてなブックマークをつけた記事を全文自動でEvernoteに保存できるサービス『hatebte』
image?q=%E7%B6%BE%E7%80%AC%E3%81%AF%E3%82%8B%E3%81%8B
あなたはいくつブクマした？2010年「はてなブックマーク 年間ランキング」 - はてなニュース
Evernoteを使うなら絶対に知っておくべき神ブックマークレットの使い方
FreeSoft.nomaki.jp - 市販ソフト並みのフリーソフトまとめ
Web Design Clip [WEBデザインのクリップ・リンク集]
ITmedia Biz.ID：Wordのお節介をなくす10の方法