Webデザインにおける、1pxへのこだわり
☆ご注意☆ この記事は 2011年6月5日 に書いたものです。情報が古い可能性がありますのでご注意ください。 私も少しですがこの「1pxのこだわり」を日頃のデザインで使えるようになってきたので、制作方法とともにちょっとまとめてみました。 引き出しのひとつとして、デザイン勉強中の方、参考にしてもらえるとうれしいです＾＾ デザイン上級者の方々にとっては当然のことだと思うのですが、 最近つくづく思うのが、「1pxで質感が全然変わるよなぁ～」ってとても感じます。 たった1pxでピリッとしまったり、見やすくなったり、しゅっとなったり、、、と、1pxをないがしろにしちゃいけないんですねー… 今回は、私がデザイン制作時よく参考にしている、 デザイン参考集、bookma!さんの中から、色んなサイトを調べてみました。 目次 仕切り線の1px 文字をキリッと見せるための1px 動きのある1px 1pxの枠 仕
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
洗えども洗えども、ヌルヌルがなくならない・・。恐怖のシャンプードッキリ（動画） : ひろぶろ
2011年06月06日00:15 面白動画ドッキリ・いたずら 洗えども洗えども、ヌルヌルがなくならない・・。恐怖のシャンプードッキリ（動画） シャンプーを洗い流そうと何度も何度もシャワーボタンを押すも、どうしてもヌルヌルがなくなってくれないシャンプー悪戯。途中で気がついちゃうんじゃないかと思いましたが、シャワーの音なんかもあってなかなか気付かれないようです。 Tweet 動画や画像が消えていて見られない際は、こちらの記事にご連絡頂ければ出来る限り対応致します。 Shampoo Prank 〓トップページへ /人気記事500+ /「面白動画」の記事をもっと見る〓 Gillete Fusion PROGLIDE プロモーション 「ドッキリ・いたずら」カテゴリの最新記事 洗えども洗えども、ヌルヌルがなくならない・・。恐怖のシャンプードッキリ（動画） ビビリな友達に怖いフラッシュを見せた
地上1200m超の断崖絶壁でのキャンプ、死を背中に感じながらの寝泊まり
たとえば世界一高い山であるエベレスト登山中のキャンプなども、不安定な気候条件もあって危険を伴う場面も少なくないですが、「地上1200m超の断崖絶壁でのキャンプ」の場合は何かの拍子にテントが外れてしまうだけで、すぐに命を落としてしまう危険があります。 そんなスリル満点の状況で寝泊まりを行う命知らずな冒険家たちの様子です。 命知らずなキャンプは以下から。The Most Dangerous Place to Camp: The Side of a 4,000ft Cliff Face Izismile.com - Extreme Hanging Tents (21 pics) ここは、カナダ北東部の北極諸島にあるバフィン島の山。にわかには信じがたい光景ですが、断崖絶壁にテントや荷物をつるして体を休めています。 もしも寝ぼけてうっかりした行動を取ってしまわないか不安になりますが、巨大な断崖絶壁に
クソ眠い時ってどうすればいいの？ : ライフハックちゃんねる弐式
2011年06月05日 クソ眠い時ってどうすればいいの？ Tweet 1コメント ｜2011年06月05日 20:00｜睡眠｜Editタグ ：眠気覚まし快眠法 http://hatsukari.2ch.net/test/read.cgi/news/1307182257/ （c2010-2011 ~N-amelessLiberty） 当ブログサイトはアフィリエイト広告、バナー広告を利用しています。 21 ：＠涙目です。(静岡県)：11/06/04 19:12 ID:AN2HqHuH0 絶対寝れない場面で眠くなったら つねったり痛みを与えることで一時的には回復するな 毎回やりたくないが 296 ：＠涙目です。(チベット自治区)：11/06/05 07:26 ID:Av4/9AeTP >>21 睡眠を最後まで凌駕できるのは恐怖だってマンガで書いてあった 22 ：＠涙目です。(dion軍)：11/
ついに決定！ ZONOSTYLEが選ぶスタイラスベスト12＋新作 〜 BAMBOO Stylus、iStroke L+ほか | ZONOSTYLE
ついに決定！ ZONOSTYLEが選ぶスタイラスベスト12＋新作 〜 BAMBOO Stylus、iStroke L+ほか つい先日、8本のスタイラスをレビューしたばかりですが、我が家にはその後も続々と新製品が届けられました。それもなかなかの逸品ぞろいとくれば、書かないわけにはいきません。 というわけで、ゴム製ペン先4本とワイヤー製2本、文字を書く用途ではないオマケが1つの計7本をまとめて紹介したいと思います。でもって今回は、ZONOSTYLEが独断と偏見で選ぶ「最新スタイラスベスト12」も発表しちゃいます！ このZONOSTYLEでゴム製ペン先スタイラスの先駆け、「プリンストンタッチペン」を紹介したのは昨年の9月末でした。あれから約8か月。つい先日、当時購入したものを使いつぶしてしまいました。 お気に入りのHard Candyはもっぱら外出用でいつもカバンの中。自宅ではいつも手の届くとこ
ニュー速で暇潰しブログ 【画像】 ペンギン多すぎワロタ
1 ：名無しさん＠涙目です。(埼玉県)：2011/06/05(日) 19:00:05.31 ID:CDI9Rsnd0● ?2BP(2) 数が多すぎて「うお！」ってなる、キングペンギンのコロニー（画像） アルゼンチンのはるか沖、南大西洋の南極近くにあるイギリス領の諸島、サウスジョージア・サウスサンドウィッチ諸島で撮影された、キングペンギン達による巨大コロニーの写真です。 このサウスジョージア島のソールズベリー平野にあるキングペンギンの繁殖地では、12万羽の親と6万羽のヒナ（茶色）が生息しており、繁殖期になるとこのような巨大なコロニーを形成して、子育てをするそうですよ。それにしても、数多すぎ。 参照元はこちらです。その他の写真はこちらからどうぞ。 King Penguins - a set on Flickr http://www.flickr.com/photos/liamq/sets/72
なぜか涙が…29歳のときの父と29歳の僕が驚くほどそっくりだった : らばQ
なぜか涙が…29歳のときの父と29歳の僕が驚くほどそっくりだった 自分の小さい頃の写真を見ると、いつのまにか当時の親の年齢に近づいたり追い越していることに気づき、感慨深くなったという経験はないでしょうか。 ある海外の男性が、29歳の時の父親が生後2週間の自分を抱いている写真と、29歳の自分が生後2週間の息子を抱いている写真を比較してみたそうです。 まるでタイムスリップしたような2枚の写真をご覧ください。 29歳の父と生後2週間の自分 29歳の自分と生後2週間の息子 29年の月日を超えてのシンクロした親子、そして孫の姿に、DNAを強さを思わせます。 親に抱かれた自分の赤ちゃん時代の写真があり、なおかつ親と同じ年代で子供を授かったなら、こういうおもしろい1枚が撮れるわけですね。 この2枚の写真に対する海外サイトの反応を、抜粋してご紹介します。 ・もし自分の父親が栗色のコーデュロイ・スーツと派手
スピーチ、プレゼン、面接等で緊張して失敗する人のおおまかな傾向と対策 - もっこもこっ
大勢の人の前で話すとき緊張する人は多いと思います。わたしも緊張して言葉が出てこなくなることあります。どうして言葉が出てこなくなるのか、その原因があるセミナーに参加してわかったので書いておこうと思います。 １.緊張すると言葉が出てこなくなるタイプ （原因）これは前もって言うことを用意していなかったり、言いたいことの内容が曖昧だったり、声に出して練習していなかったり、準備不足が原因らしいです。 （対策）対策としては、準備をきちんとすることだそうです。声に出して練習、リハーサルをしたり、頭の中にきちんと言うべきことを入れておくとよいかと思われます。緊張して、頭の中が真っ白になってしまうタイプも準備不足、練習不足が原因らしいです。準備、練習、リハーサルは大事だと思います。*1 ２.自分の話をちゃんと聞いてもらえているか反応が気になってうまく話せなくなるタイプ （原因）うまく話せる自分でありたいとい
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
日本文化との出逢いが僕の人生を変えた理由
僕はどのように日本文化を発見したのか、どうやって日本語を勉強したのか、なぜ日本で働き住むようになったのかを今日紹介したいと思います。 どこから始めればいいのか悩みましたけど、「第一日目」からでもいいかなと思いました。この記事を幾つかのセクションに分けてみました。 一日目 どうやって日本文化と出逢ったのか どのように日本語を独学したのか どうやってお金を稼いだのか 人生の初めての目標 : ジャパニーズドリーム 妻とどこでどのように出逢ったのか 日本航空時代 : 初めてサラリーマンになった どうやって日本に辿り着いたのか キャリアをどのように日本でスタートしたのか ぬるま湯に浸かれると危険 アマゾン時代 どのようにアフィリエイト収入を稼いだのか なぜシアトルに引っ越したのか 副業は今の会社の始まり 第一日目僕はロンドンのイーストエンドで生まれ育ち、両親は中国系マレーシア人だ。幼かった頃は、両親
自作PCパーツメーカーの「読み方」とHPまとめ - 凹レンズログ
この度、引越しを機にパソコンを自作しました。パーツを調べながら購入していたんですが、各メーカーの名前（社名）が非常に読みづらかったので、自分なりにまとめてみました。 自作パソコン - Wikipedia 社名にウィキペディアの会社説明ページをリンクしています（文字が青色のもの）。そして、社名のカタカナ読み、本社の所在地（調べたもの）、ホームページの順に記載しています。 CPU Intel インテル 米国 http://www.intel.com/ AMD エーエムディー（アドバンスト・マイクロ・デバイセズ） 米国 http://www.amd.com/us/pages/amdhomepage.aspx マザーボード ASUS アスース（エイサス） 台湾 http://www.asus.co.jp/ ASRock アスロック 台湾 http://www.asrock.com/index.
DOM APIとinnerHTMLは等価ではない
最近、徳丸本をじわじわ読んでいるのですが、DOM based XSSの話が書いてあったので、少し言及しておこうと思います。 徳丸本から引用 DOM based XSSと呼ばれるXSSがあります。これは、JavaScriptによりクライアント側で表示処理する箇所があり、そこに脆弱性がある場合のXSSです。 サンプル書いてみました。 <script> document.write(unescape(location.href)); </script> こいつを適当なファイル名で保存して、domxss.html#<script>alert("hello")<script>などのURLでアクセスするとalertが表示されるはずです。任意のスクリプトが実行可能な状態ってことですね。任意のスクリプトが実行可能ってことは、セッションクッキー盗み放題で、他人に成り済まして買い物できちゃったりするレベルです
IT業界ではなぜ「うつ病」が多いのか 過酷な労働で衰弱していく技術者たち | JBpress (ジェイビープレス)
当社のマネジャーミーティングで賛否両論の議題があるので私の意見を聞きたいという。「あるプロジェクトに関わっている技術者が、クライアントから夜間の作業を依頼された。今日、勤務することになっているのだが、作業をさせていいものだろうか」というのだ。 管理部門からは、「契約では就業時間（9～18時）内の勤務となっている。22～8時の夜間に作業するのは、契約違反である。もし何か問題が起きたら、会社としては責任を負えない」と言う。 その心配はよく分かる。実はその技術者はかつて働きすぎが原因で、軽度のうつ病を発症したことがあったのだ。 技術部門は、私の判断に任せるという。「本人に確認したら、このプロジェクトでは断るわけにはいかないので、一番年少の自分が出ると言っています」とのことだった。 営業部門は、作業に行くべきだと考えているようだ。「夜間の作業は他社では普通に行われていることです。日常茶飯事です。こ
［ウェブサービスレビュー］ガントチャートを共有できる「みんなでガント.com」
内容：「みんなでガント.com」は、オンラインでガントチャートを作成、共有できるサービスだ。プロジェクトの細かいタスクごとに開始日と終了日を設定でき、それぞれについて担当者や進捗率を記入できるので、個人はもちろん、複数メンバーでのプロジェクト管理に重宝する。 「みんなでガント.com」は、オンラインでガントチャートを作成、共有できるサービスだ。プロジェクトの細かいタスクごとに開始日と終了日を設定してガントチャートを表示し、進捗率の記入などを行うことができる。個人はもちろん、複数メンバーでのプロジェクト管理にもってこいのサービスだ。 トップページの「ガントチャートを作成」ボタンを押すと、新しくガントチャートを作成するための初期設定画面が表示される。記入が必要な項目は、パスワードと初期年月の2つのみ。これらを入力して「表を作成」をクリックすると、Excelのワークシートに似た新しいガントチャー
iPhone/iPad/iPodで同期できないデータを救出する方法
iPhone 4をiTunesで同期させようとしてもエラーが出て失敗し、純正アプリ「ボイスメモ」で録音したデータを取り出すことができなくなって困っていたのですが、あれこれと方法を試したところ、中のデータを一切失うことなくなんとか救出することができました。 ボイスメモに限らず、その他のいろいろなデータを救出可能なので万が一の事態に備えて覚えて置いて損はない方法です。 救出手順は以下から。 ◆同期できないエラー 何が原因で発生するのかは不明ですが、iTunesで同期させようとするとこのように「不明なエラーが発生しました(13019)」というエラーが出てしまい、iPhoneの中身のデータにアクセスできないという事態に。 無理矢理同期させると、iPhoneの中身のデータが消える可能性が。というのも、まったく同期せずに運用していたため。まさに自業自得。 中でも特に困ったのがボイスメモ。 これが今回救
iPhoneで最も美しいアプリアイコンは？ - #RyoAnnaBlog
Tweet ずっとMomentoだと思っていた。 エンジのボディにホワイトのリボン。濃淡の美しさに惹かれて、何度か食べたくなった事がある。ノスタルジックな味がするに違いない。 今回はデザインのいいアイコンを紹介したい。 Momentoと同じぐらい美しいアイコンを発見して、嬉しかったのだ。 入選 Camera+ Color Splash Fast Memo iBonsai Instagram Path PicFrame PlainText Reeder QuadCamera Symmetory Vellum Wikipanion WriteRoom Wunderlist Zentomino どれも素晴らしいアイコンだ。 いよいよ金賞を発表する。 特別賞 Momento Momentoの美しさは揺るぎない。金賞でもいいぐらいだが、今回は特別賞に留めておこう。 次点 Pillboxie 青く透き
Webシステム開発に便利な7つのツール
Webシステム開発で使っている便利なツールをあげてみました。 あらためて社内の開発環境を見直す機会があったので、使っているツールを並べてみました。こうして見ると色々なツールを使って開発をしていますね。わりと定番系なものが多いですが、良かったら参考にどうぞ。 1. Apache / PostgreSQL / PHP Mac OS X に MacPorts でインストールしたApache / PostgreSQL / PHP 環境を使って開発をしています。 PHPは5.3、PostgreSQLは8.4 or 9.0です。 ただ旧バージョンのPHPを使ったり、Linux でなければ動かないモジュールを使うこともあるので、その際は社内のCentOSサーバにSSHで入って開発したりもします。 Vimを使ってるので、SSHで入ればどのサーバでも開発できるのは利点ですね。 Mac を使い出して、しばらく
それ etckeeper でできるよ - /etc 以下を Git で自動的にバージョン管理 - おいちゃんと呼ばれています
こんにちはこんにちは。一昨日、さくら VPS に Git をインストールするエントリーを書きましたが、実はバージョン管理は etckeeper にもお世話になっています。 etckeeper というのは、Git 等のバージョン管理ツールを用いて、/etc 以下をほぼ自動的に管理してくれる有り難いツールです。下記のタイミングで自動的にコミットしてくれます。手動で任意のタイミングでコミットすることもできます。 -yum コマンド実行の前後 -日付が新しくなったとき << 以下、さくら VPS（CentOS 5.5 -64bit）で etckeeper を使えるようになるまでの手順をまとめてみましたので、よろしければ参考にしてください。 *目次 Git のインストール etckeeper のダウンロード etckeeper の設定ファイルの編集 etckeeper のインストール etckeep
戻るボタンが押された際、ページのJavaScriptを途中の状態から実行させない方法
スマートフォンを含む最近のブラウザでは、戻るボタンで前のページに戻った際に、JavaScriptも含めて前回の最後の状態を復元します（Back Forward Cacheと呼ばれます）。これはとても便利なのですが、ページを作成する立場からすれば、余計なお世話であることもあります。 Back Forward Cacheの無効化はとても簡単に実現できます。ページの中にonunloadを書くだけです。 <!DOCTYPE html> <html><head><title>onunload test</title> <script> window.onunload = function() {}; window.onload = function() { var count = 0; var loop = function() { document.getElementById("num").in
Webアプリケーションの開発に。面白いコンポーネントが多数揃ったUIライブラリ·Ninja UI MOONGIFT
Ninja UIはHTMLを使わずにJavaScriptで画面を描画していくUIコンポーネント。 Ninja UIはjQuery/JavaScript製のオープンソース・ソフトウェア。思うにWebサイトというのは表現力が高く、かつ自由度が高すぎるのだ。そのため見栄えにこりだすと収集がつかなくなる。またデザインセンスがないと格好いいサイトが作れない。 ボタンやアイコン アイディアがどれだけ良く、技術力があっても見栄えがぱっとしないサイトは受け入れられない。もうHTMLは書かず、JavaScriptで組んでしまうのはどうだろう。それを可能にするのがNinja UIだ。 Ninja UIはjQuery Webjutsu（Web術？）を掲げているライブラリで、枠組みだけHTML5で組み、コンポーネントの配置は全てJavaScriptだけで記述するライブラリだ。ボタンやドロワー、アイコン、ポップアッ
こだわりのある職人プログラマーほど、無駄なコードを少なくしたいものという事実を理解してほしい - 達人プログラマーを目指して
ちょっと興味深いエントリが目に留まりました。「プログラミングへのこだわり」を方向づける: 設計者の発言基本的に、この方自身もプログラマーや開発者をされているようですし、他のエントリを読んでも「プログラマーの地位向上をすべき」ということで、私にとっても非常に共感することをおっしゃっているのです。それでも、ちょっとこのエントリの内容については疑問に思うところがあったので、勝手ながら私の意見を書かせていただきたいと思います。 業務システムの生産性や保守性を高めるための基本は「コードを１行でも減らす」である。なぜなら、コーディングとこれにともなうテスティングこそが、開発作業の中でもっとも人手のかかる作業だからだ。個別案件においては、良いコードだろうが悪いコードだろうが少なければ少ないほどよい。 これは、まさにおっしゃる通りですね。もちろん、可読性ということもあるため、厳密には最少のコードが最良とい
【ν速フォント部】情強御用達のフォントといえば？ てんこもり。
1 名前：名無しさん＠涙目です。(京都府)[] 投稿日：2011/06/04(土) 20:00:40.74 ID:y9RyFYTR0● ?2BP(6001) 商用利用も可能なフリーフォントのライブラリサイト“フォントAC”が開設 JIS第二水準漢字まで収録した手書きフォント「マキ丸ハンド」など11種類が公開中 Webサイトやロゴなどさまざまなデザインを手がけるアドアチーブ（株）は、フリーフォントのライブラリサイト“フォン トAC”を開設した。アダルトサイトや公序良俗に反する利用、カレンダーなどに利用して商品化する場合を除き、フォ ントを商用利用することも可能で、利用時にクレジットを併記する必要もない。なお、ダウンロードにはメールアドレス とパスワードの登録が必要。 “フォントAC”では現在、JIS第二水準漢字まで収録した癖のある手書きフォント「マキ丸ハンド」や、細い円弧と直 線だけで構成さ
Andorid版 神アプリをあげるスレ
■編集元：スマートフォン板より「神アプリをあげるスレ Andorid版」 1 名無しさん＠お腹いっぱい。 :2010/11/07(日) 17:29:54 ID:n9vHssnK 神認定と衆目の一致するアプリをあげていきましょう。 みんなで神アプリを決めるわけなので、とりあえず自分の判断で「神アプリ」 だと思えるものをあげて、他の人の評価を仰ぎましょう。 なお、神アプリ申請する場合にはアプリ名とアポストリンクに加えて簡単解説 （解説サイトのリンクでもOK）もお願いします。 以下テンプレです： テンプレここから(「アプリ名」などのタイトルはうざいので不要) アプリ名 価格 アポストリンク 一言解説（または解説サイトのリンク） 続きを読む
2130703450443574201?keyword=HTML5
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
覚えておいて損がないショートカットキー : まめ速
6：以下、名無しにかわりましてVIPがお送りします：2011/04/28(木) 00:52:10.20ID:Dgw3aJhg0 Windowsキー＋D 開いている全てのウィンドウの最小化・復元 Windowsキー＋E スタートメニューにあるマイコンピューターを開く Windowsキー＋F ファイルやフォルダの検索ができる Windowsキー＋L ログオフをする（追記：正しくはロックする） Windowsキー＋M 開いているすべてのウィンドウの最小化 Windowsキー＋R ファイル名を指定して実行させるウィンドウを開く Windowsキー＋U ユーティリティマネージャーを開く（ＸＰのみ） Windowsキー＋F1 Windowsのヘルプを表示する（ＸＰのみ） Windowsキー＋Pause システムのプロパティを表示する Windowsキー＋D デスクトップの表示切替 Windowsキー＋
IE6などのクロスブラウザに強くなる、22のHTML+CSSコーディングの基礎
IE6などのクロスブラウザに強くなる、22のHTML+CSSコーディングの基礎 2011-06-04 Twitterなどを見てると、 「IE6がー！」とか 「IE6,7,8,9、Firefox、webkit系、Operaで同じレイアウトにするの大変」などのツイートをたまに見るので、クロスブラウザでも差が出にくく、効率の良くなるコーディングの基礎を紹介します。 気をつけるHTMLの記述方法 HTMLの記述方法を間違えていると、ブラウザCSSの解釈が変わってきます。 以下のようなことは基本的なことですが大切な事です。 DOCTYPEを書く。 HTMLの先頭にDOCTYPEを入れるようにして下さい。 DOCTYPEがないと、ブラウザ間での誤差が起こりやすい状態になります。 DOCTYPE スイッチについてのまとめと一覧表 (HTML 5 や IE 8 Beta 2 のモードスイッチなどの情報も含
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
jQueryだけでURLをパースするプラグイン「jQuery-URL-Parser」 | Web活メモ帳
死んだ旦那の外付けハードディスク : 2chコピペ保存道場
「夢の見つけ方」― 夢・やりたいことを思い出す７つの質問 : earth in us.
池田信夫、ムカついた大学生を晒し上げる
世にも美しい大理石でできた湖面にある洞窟「マーブル・カテドラル」 : カラパイア
東京に住むならどこがいいんだよ : VIPPERな俺
【公式】山形県庄内海岸 湯野浜温泉 龍の湯
TechCrunch | Startup and Technology News
迅速でミニマルなファイル共有サービス「Dropdo」 | ライフハッカー・ジャパン
Google
Webの基本からクラウド、HTML5まで易しく解説するWeb絵本 Googleが公開
「俺の邪悪なメモ」跡地