タグ

tnn-jpのブックマーク (729)

  • クオリティが高い縦に長いサイトを厳選して集めています MUUUUU_CHANG WEB DESIGN SHOWCASE

    縦長のwebデザインをがむしゃらに集めています。

    クオリティが高い縦に長いサイトを厳選して集めています MUUUUU_CHANG WEB DESIGN SHOWCASE
  • S5-Style

    宇都宮勝晃、尾花大輔、菅野友香、久野遥子、中村勇吾がウェブデザインに寄せる思いとは?発想の源も いまやウェブサイトは、私たちの暮らしに欠かせない存在になっています。インターネットの広大な海には無数のサイトが存在し、それらは、ウェブデザイナーやフォトグラファー、イラストレーターたちの手によって構築されています。そういったクリエイターたちの活動を俯瞰し、20年にわたってキュレーションしてきた「S5-Style」。ウェブデザイナーの田渕将吾さんが自身の学習の一貫として始めたそのサイトは、「すべてのクリエイティブに光を当てること」をコンセプトにリニューアルオープンしました。田渕さんは、素晴らしいデザインの集約はもちろん、それらをつくりだすデザイナーやクリエイターが交流できる場を生み出し、デザインの未来に貢献したいと語ります。さまざまなかたちでウェブサイトに携わるクリエイターたちは、何をインスピレー

    S5-Style
  • ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP

    『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。

  • 透明度を表す「opacity」 と 「RGBa」の違いと使い分け

    ともに透明度を表す「opacity」 と 「RGBa」ですが、違いをちゃんと理解して正しい使い分けをしましょう。 対応しているブラウザ ともにCSS3ですのでブラウザによってサポートしているもの、サポートしていないものがあります。 と言ってもIE以外は問題なく対応できています。IEについてはIE9から対応するようになりました。Firefox、Chrome、Safari、Operaなどはかなり前のバージョンから対応できています。 opacityとRGBaの仕組みについて まずは、それぞれの仕組みを説明します。 opacityの仕組み opacityは不透明を表し、値には0~1の間で「0.5」「0.555」などと指定します。 RGBaの仕組み RGBaは、RGBカラーモデルのred・green・blueに、alphaが加わったもので、alphaは色の透明度を表します。 opacityとRGBa

    透明度を表す「opacity」 と 「RGBa」の違いと使い分け
  • スタイルシートをめぐる冒険: CSS実験室: clearfixの決定版を作る ―モダンブラウザ編―

    floatに起因するレイアウトくずれの多くは、floatをしかるべき場所でクリアすることによって解決する。このことを発見して以来、もっぱら空ボックスにclearを指定するという方法(<div style="clear: both"></div>)を多用してきたが、HTMLにある種の不純物が混じることに居心地の悪さはずっと感じていた(「floatを繰り返すとレイアウトがくずれる」参照)。この気持ち悪さを解消してくれるのが、clearfixというテクニックだ。 基的な発想は上記の空ボックスによるクリアと同じだが、それをHTMLには一切手を加えず、スタイルシートだけで実現しているところに大きな特徴がある。しかし、ひとくちにclearfixといっても様々なバリエーションがあり、その記述のしかたは微妙に異なる。 例えば、clearfixの提唱者ではないかと類推されるPosition Is Ever

  • 善良で空気の読める人たちがブラック企業をつくる

    「自分の子どもや親戚に、自分の勤めている会社を勧められるか?」 この質問の答えを考えた時、答えは明らかにNOだ。 http://anond.hatelabo.jp/20110813184706 を書いた元増田だが、話が発散するので書かなかったけど、もう一つ言っておきたいことがある。 「善良で空気の読める人たちがブラック企業をつくる」ってことだ。 ブラック企業をつくるのは、 ・私利私欲を肥やしたいおっさん ・既得権益を手放さない老害 ・話の全く通じない上司 ・労働者を大切にしない社長 だけではない。こういういかにも悪そうな連中がブラック化の原因ならば解決は見えている。 近づかない、関わらなければ良い。(仕事上、そうはいかない人ごめん!) だけど身の回りをみると、こんなわかりやすい連中、はっきり言って少数派ではないだろうか? 私利私欲を肥やすことに一生懸命な部長とか、見たことあるだろうか? 俺

    善良で空気の読める人たちがブラック企業をつくる
    tnn-jp
    tnn-jp 2011/08/16
    なるほどねえ
  • スタートアップを殺す18の誤り

    Paul Graham / 青木靖 訳 2006年10月 最近やった講演の後のQ&Aで、スタートアップを失敗させるのは何かという質問をした人がいた。その場に立ったまま何秒か呆然としていた後、それが一種のひっかけ問題なことに気付いた。これはスタートアップを成功させるのは何かという質問と等価なのだ——失敗の原因となることをすべて避けるようにすれば、成功することができる——そしてこれはその場で答えるにはあまりに大きな問だった。 後になって、私はこの問題をそういう方向から見るのも有効かもしれないと思うようになった。すべきでないことをすべて並べたリストがあれば、それをただ逆にするだけで成功へのレシピに変えることができる。そしてこの形のリストの方が、実践する上で使いやすいかもしれない。やらなければならないことをいつも頭に入れておくよりは、何かやってはいけないことをしているときにそれと気付くというほうが

  • OpenCV 2.3.1 for Android がいい感じ - GeekleBoard

    OpenCV 2.3.1 for Androidで大幅に更新があってかなり使いやすくなったので、だれとなく知ってもらいたくて記事うp 2.3.1になってJava APIが整い、サンプルコードも更新されて、だいぶすっきりしています。 (2.2のサンプルコードは死ぬほどめんどくさいことになってて、正直ひどかった) これまではNDKで画処理できる程度で Java-C間をやりとりするのがめんどくさかったり 処理結果をCからJavaへ渡したはいいけど、UIに渡すのにどうすりゃいいの てな感じでしたがそこらへんがOpenCV2.3.1 for Androidですっきりと解決されています。 OpenCV for Android公式ページ http://opencv.willowgarage.com/wiki/Android http://opencv.willowgarage.com/wiki/Andr

    OpenCV 2.3.1 for Android がいい感じ - GeekleBoard
  • Twitterの終わりの始まり、もしくはぼくのブログは炎上したことがない - ハックルベリーに会いに行く

    最近、インターネット禍みたいなものが続いているような印象を受ける。インターネット禍というか、Twitter禍と言った方がいいだろう。アディダスの人、ウェスティンホテルの人、伊勢丹内定の人、avex松浦氏、平野綾氏、蓮舫氏、ラサール石井氏、ネットマイルの人。他にもまだまだいっぱいいる。いずれも、自らの不用意な発言によって痛い目を被っているのが特徴だ。しかも、感情的になって周囲から白い目で見られる。そうして、Twitterで発言したことを後悔させられる羽目に陥っている。ここで予言を一つ言うと、Twitterというサービスの寿命はもうあまり長くはないだろう。そう遠くない将来、誰も使わなくなる。なぜTwitterが使われなくなるかといえば、それは人を幸せにしないからだ。人を幸せにしないサービスが長続きするはずがない。なぜ人を幸せにしないかというと、ユーザーの隠していた音というものを、ついポロリと

    tnn-jp
    tnn-jp 2011/08/16
    インターネットはもはや感情を垂れ流すメディアとしては厳しくなっているのかも
  • ネット生活:快適なネット生活をおくる秘訣、それは「つぶやかない」こと。緊急忍耐力対談:ココロ社×加野瀬未友|gihyo.jp … 技術評論社

    快適なネット生活をおくる秘訣、それは「つぶやかない」こと。 緊急忍耐力対談:ココロ社×加野瀬未友 コミュニケーションツールが日々便利になっていくその裏で、ネットは今日も人々を炎上へと導いている。つい暴走しがちな夏、危険を避けて快適なネット生活をおくりたいとお考えの方へ向け、ネット上でのコミュニケーション術について詳しいお二人に、緊急対談をお願いした。 ココロ社(こころしゃ) Twitter:@kokorosha ブログ:ココロ社 ほのぼの四次元ブログ1971年・大阪生まれ。東京大学文学部を卒業後、「⁠人生是忍耐」という真理に気づき、あえてノーマルなサラリーマン稼業を選択し、持ち前の忍耐力を発揮して、珍妙なブログの運営および、ギリギリ系自己啓発書の執筆などを行っている。主な著書に『クビにならない日語』(⁠翔泳社⁠)⁠、『⁠超☆ライフハック聖典』(⁠技術評論社⁠)⁠、『⁠マイナス思考法講座』

    ネット生活:快適なネット生活をおくる秘訣、それは「つぶやかない」こと。緊急忍耐力対談:ココロ社×加野瀬未友|gihyo.jp … 技術評論社
    tnn-jp
    tnn-jp 2011/08/16
    手軽さが軽率さにつながる
  • ウェブサイト作成に役立つ35のwebサービス|Webpark

    ウェブサイトを作成する際に個人的に使っているWebサービスを紹介します。幅広く35個紹介しますので、新しい発見があれば幸いです。 フォント関係 wordmark.it パソコンに入っているフォントを一覧で見ることができます。フォントサイズも調整できます。 日フォント252種類を表示確認できます!フォントを探すならfonthack.jp。 日フォントの表示が確認できます。現在252種類あります。 PXtoEM.com: PX to EM conversion made simple. ベースのサイズ(px)を決めると、em, pt, %の値が表示されます。 カラー関連 ウェブ配色ツール Ver2.0 配色ツールは色々ありますが、日語ですし、あまり考えなくても感覚的に使えるので楽しいです。 Color Scheme Designer 3 カラーパレットジェネレーターです。海外サイトで

    ウェブサイト作成に役立つ35のwebサービス|Webpark
  • http://site-ichijo.net/blog/archives/date/2010/1011-231855.php

    For full functionality of this site it is necessary to enable JavaScript. Here are the instructions how to enable JavaScript in your web browser.

  • 原発もあの戦争も、「負けるまで」メディアも庶民も賛成だった?:日経ビジネスオンライン

    池上彰さんの新連載、スタートです。池上さんが、さまざまな分野の学者・研究者を訪ねて、日と世界が直面するさまざまな問題を、各界を代表するプロの「学問の目」でとらえなおす。いわば、大人の大学、それがこのシリーズです。 第1回でご登場いただくのは、東京大学で歴史学の教鞭をとる加藤陽子教授。加藤先生は、以前も日経ビジネスオンラインにご登場いただき、ベストセラーとなったご著書『それでも日人は戦争を選んだ』をテキストに、なぜ日人が負けるとわかっていた第二次世界大戦に突入したかを検証しました。 いま加藤先生にお話をおうかがいする理由。それは、東京電力福島第1原子力発電所の事故で明らかになったように、日の原子力発電にまつわる行政、政治、企業、地域社会、そしてメディアの行動パターンがおそろしいほど、第二次世界大戦のときのそれとそっくりだったからです。 日人はどうして同じ過ちを繰り返すのか? どうす

    原発もあの戦争も、「負けるまで」メディアも庶民も賛成だった?:日経ビジネスオンライン
  • 伊東家の食卓で未だに使ってる知識よこせ : まめ速

    1:以下、名無しにかわりましてVIPがお送りします:2011/08/07(日) 02:14:02.53ID:zVmh0EHZ0 即席クシャミ止めしか覚えてない 52:以下、名無しにかわりましてVIPがお送りします:2011/08/07(日) 02:48:53.29ID:AJxqLZL70 >>1 どうするの? 54:以下、名無しにかわりましてVIPがお送りします:2011/08/07(日) 02:52:05.24ID:zVmh0EHZ0 >>52 鼻と口の間の窪んだ部分周辺を指で強く押さえる クシャミ出そうなムズムズの気配がした時に行うと100%止まる 2:以下、名無しにかわりましてVIPがお送りします:2011/08/07(日) 02:14:30.12ID:7dWPjHiU0 大根の皮むきのやつ 葉としっぽを切ってからつまようじを皮の内側にある輪に深く刺し、上から下まで切れ目を入れます。

    伊東家の食卓で未だに使ってる知識よこせ : まめ速
  • Togetter - 卒論は「論文を書く練習」、修論は「研究をする練習」、博論は「研究者になる練習」

    僕の持論である「卒論は『論文を書く練習』、修論は『研究をする練習』、博論は『研究者になる練習』」というフレーズ。それを少し具体的に、気が向くままに綴ってみました。主に僕が専門とする神経科学分野での話ですので、分野ごとに事情が異なる点にご注意下さい。乞うご批判・ご指摘。「誰でも編集可」にしてありますので、リスト編集・デコ等ご自由にどうぞ。(注)タイトルをわかりやすく変更しました。後からの変更でごめんなさい。

    Togetter - 卒論は「論文を書く練習」、修論は「研究をする練習」、博論は「研究者になる練習」
  • 入力フォームのユーザビリティ&アクセシビリティ

    入力項目の説明 入力項目の説明は、フォームの前に書くべきです。フォームの後に解説があると、ユーザが音声ブラウザやコンパクトブラウザ等を利用していた場合、入力した後に説明に気づくことがあります。 悪い例× メールアドレス

  • Webサイトにおけるユーザービリティの復習をしたので、よくチェックするポイントをリスト化した - かちびと.net

    ユーザービリティに関して少し復習したので メモっておきます。初心忘れるべからずという 事で・・・Webサイトは基的にユーザビリティ を考慮したレイアウトやコンテンツが理想です。 もちろんケースバイケースではありますが、 これは全共通して言える、という事を忘れない ようにメモ書き。 というわけで、申し訳ないですけど目新しい事は何一つ無い内容です。 そもそもこのブログ自体ユーザビリティを考慮した設計とは言えません(「やっちゃダメなこと」もしています)ので全然説得力ない感じです。 いろいろとテスト&エラーをして行きたいのでご了承下さい。 はじめに 正しいユーザビリティはコンテンツによってケースバイケースだと思いますが基的には僕はヤコブ・ニールセンの考えに従っています。 全ての項目は「すべてが正しい」ものではありません。100のサイトがあれば100通りのユーザビリティが考えられるはずです。場合

    Webサイトにおけるユーザービリティの復習をしたので、よくチェックするポイントをリスト化した - かちびと.net
  • 大企業で働くと毀損されるいくつかのコトについて - GoTheDistance

    というわけで今日のお話は、「やった!頑張った甲斐があって、就活もうまく乗り切れた!」とか、「まあ、オレのスペックならちゃんと大企業&大組織に入れるのも当然だけどね。」とか言ってる人は、実は「完全に周回遅れです」みたいな場所で人生最初の「働く訓練」を受けることがどれだけ自分の将来価値を毀損する可能性があるか、よーく考えてみたほうがいいんじゃないか、ってことなのでした。 将来有望な若者の将来価値を毀損する、大きなワナ - Chikirinの日記 この記述に思うところがありますので、ちょっと書きたいと思います。 僕は6年間新卒で入社した大企業で働いておりました。今は従業員数人の中小企業で働いています。ちきりんさんが指摘する「完全に周回遅れです」の意味を身をもって経験しています。 周回遅れの意味は、その企業から一歩出たら全く役に立たないシゴトのやり方やアウトプットに飼い慣らされていることで、外に出

    大企業で働くと毀損されるいくつかのコトについて - GoTheDistance
    tnn-jp
    tnn-jp 2011/08/11
    "ホントに若い人が気をつけるべきなのは、自分が所属している企業外に「持ち運び可能な技能」ではないでしょうか?"
  • 将来有望な若者の将来価値を毀損する、大きなワナ - Chikirinの日記

    最近、若くして起業していたり、小さいけど伸び盛りの会社で働いている若い人から、日の大企業について「驚いた」「あんぐりした」的な話を続けて聞きました。 たとえば「なにかコラボできるんじゃないか」と先方から言われたので話を聞きにいくと、最後には「まあ、半年くらいかけてじっくり検討していきましょう」と言われてのけぞったとか、 向こうから呼び出しておきながら「うちと取引したい会社は五万とある」とエバリくさってるのはどういうコトなんでしょう? と。 そういう話を聞いて「まっ、日の大企業ってのはそんなもんなのよ」と説明しながら、内心では「なんか既視感ある会話だなー」と思ってたんです。 よく考えたらコレ、欧米企業に勤める海外のビジネスパーソンが(昔)言ってたのと同じなんです。 ちきりんが通ったカリフォルニアの大学院の同級生は、半導体やらITやらシリコンバレーの会社に職を得たり、東海岸で金融やコンサル

    将来有望な若者の将来価値を毀損する、大きなワナ - Chikirinの日記
  • ウタダヒカループ

    tnn-jp
    tnn-jp 2011/08/09
    おもしろい。