タグ

2011年11月5日のブックマーク (15件)

  • 画像を使わずに見出しを水平線で挟むCSS小技

    ちょっと素敵だったので備忘録。CSS で見出しを水平線で囲むテクニック です。とかでよくある表現方法です が、これを画像を使わず実装しよう、 というもの。クロスブラウザで動作 しますので汎用性もありますね。 これはいいですな・・・IE6でも7でも実装出来て、背景カラーや画像にも依存しません。 demo こんな感じ。よく見かけますが、これをCSSのみで実装するTipsです。 h1 { border-top: 1px solid black; margin:23px 0 0; text-align:center; padding:0; height:24px; } h1 span { position: relative; top: -24px; padding: 0 20px; background:white; }borderを使って実装。h1にborderを付けて位置を下げ、spanで

    画像を使わずに見出しを水平線で挟むCSS小技
    warriorking
    warriorking 2011/11/05
    画像を使わずに見出しを水平線で挟むCSS小技 - かちびと. net
  • CAPTCHAへの警鐘--スタンフォード大学が開発した解読ツール

    パロアルト発--スタンフォード大学の研究チームから、CAPTCHAに関して悪い知らせがある。CAPTCHAとは、多くのウェブサイトで、ユーザーが当に人間であることを証明するために入力を求められる、あの往々にして判読不可能で常に迷惑なゆがんだ文字列のことだ。 多くのCAPTCHAはあまり機能していない。もっと正確に言うと、研究チームはVisaのAuthorize.netBlizzard、eBay、Wikipediaなど、多くの主要ウェブサイトのCAPTCHAに含まれる厄介な文字や数字を解読する標準的な方法を考案した。 この表は、Decaptchaが各ウェブサイトのボット対策メカニズムの解読にどれだけ成功したかを示している。「Precision」という列は成功率を表している。 提供:Stanford University 同研究チームの解読手法は、マシンビジョンの分野の概念を取り入れている

    CAPTCHAへの警鐘--スタンフォード大学が開発した解読ツール
    warriorking
    warriorking 2011/11/05
    CAPTCHAへの警鐘--スタンフォード大学が開発した解読ツール - CNET Japan
  • 「けいおん!」「ボカロ」なぜコンビニに――ローソンの“本気” (1/4)

    ボーカローソン(VOCALAWSON)である。 最近のローソンは一体どうなっているんだ? と首をかしげている向きも多いのではないか。「エヴァンゲリオン」「けいおん!」「魔法少女まどか☆マギカ」と、アニメをテーマしたキャンペーンを立て続けに展開。お店に行けば、いつも何かしらアニメのキャンペーンをやっている状態だ。 そんな中、“ローソン×伊藤園×VOCALOIDキャンペーン”が9月13~26日に展開された。伊藤園の対象商品を買うとイベントへの招待や、ギター、MP3プレイヤー、ボカロ曲入りのCDなど、オリジナルグッズの抽選に応募できるというものだが、気合いの入りっぷりが尋常じゃない。 それに先立ち、ニコニコ動画にコンビニ業界初となるローソンチャンネルを設定。そのナビゲーター役として「ローソンクルー♪あきこちゃん」の3Dキャラクターと、オリジナルのボーカロイド「あきこロイドちゃん」を開発。さらに、

    「けいおん!」「ボカロ」なぜコンビニに――ローソンの“本気” (1/4)
    warriorking
    warriorking 2011/11/05
    ASCII.jp:「けいおん!」「ボカロ」なぜコンビニに――ローソンの“本気”|四本淑三の「ミュージック・ギークス!」
  • 「成功者に共通する50の考え方」が現実と違いすぎるので添削してみる。 - fromdusktildawnのチャットコメント

    This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.

    warriorking
    warriorking 2011/11/05
    「成功者に共通する50の考え方」がウソだらけなので、実際の成功者を知ってるオイラが添削してみる。 - fromdusktildawnのチャットコメント
  • テキストマイニングのための機械学習超入門 一夜目 - あんちべ!

    テキストマイニングに必要なパターン認識と機械学習について学びます。非常に初歩的な話から始めます。対象者は「テキストマイニングに興味があり、用いられる手法の中身を知りたい(けれど高度な数学は厳しい…)」というビジネスマンや学生さんです。数式は出来る限り「使います」。使わないと意味するところは理解できません。ただし、愚直に数式の一行一行を手計算で順を追って解いていきますし、必要な数学知識はその都度説明し、前提知識は求めませんので「数式出てくるの?じゃあついていけないのでは…」という心配は不要です。この記事の特徴は「機械学習の手法をやたら冗長な数式と過剰なまでの例を用いて、くどくどと同じ話を何度も説明する」ことです。 筆者ことあんちべは純文系出身で、数学や統計学、プログラミングは全然学生時代やってこなかった上、業務でも機械学習を使うことなんて皆無、それどころか機械学習なんて言葉は就職してからよう

    テキストマイニングのための機械学習超入門 一夜目 - あんちべ!
    warriorking
    warriorking 2011/11/05
    テキストマイニングのための機械学習超入門 一夜目 - あんちべ!
  • Animatable: One property, two values, endless possiblities

    box-shadow ◀ ▶ From: 0 0 black To: 0 150px 10px -50px rgba(0,0,0,.5) Author: @leaverou Tweet

    warriorking
    warriorking 2011/11/05
    Animatable: One property, two values, endless possiblities
  • Amazonの画像リンクを簡単に作れるサービスを作った - phaのニート日記

    ↑みたいな感じで、ブログにの画像を貼りたいことがときどきあるのだけど、そういうときに使いやすいサービスがあったらいいなと思って作ってみた。 Amapic(あまぴく) - Amazonの画像リンクを簡単に作る 使い方は検索キーワードとアソシエイトID(なくてもよい)を入れるだけです。よかったら使ってみてください。 サイズを細かく変更したい場合はコードの中のwidth(横幅)とheight(横幅)の値を変更すれば良いです。あと、さらにいろいろ画像をカスタマイズしたいときはAmazon商品画像のカスタマイズ(理論編) - Shiz Labsを参照すると便利です。 ちなみにAmazonアフィリエイトの仕組みですが、アフィリエイト付きの商品のリンクをクリックして誰かが紹介している商品を買ってくれたら収入になるのはもちろんなのですが、リンクをクリックした後にその人が24時間以内に他の商品をAmaz

    Amazonの画像リンクを簡単に作れるサービスを作った - phaのニート日記
    warriorking
    warriorking 2011/11/05
    Amazonのアフィリエイト画像リンクを簡単に作れるサービスを作った - phaのニート日記
  • 血を表現できるPhotoshopブラシ集「Blood Splatter Brushes for Gruesome and Dark Designs」

    TOP  >  Photoshop  >  血を表現できるPhotoshopブラシ集「Blood Splatter Brushes for Gruesome and Dark Designs」 ホラーテイストのデザインは、普段あまり登場する機会がない特殊なテーマ。実制作の際に、関連するフリー素材を持っているだけで、非常に作業が楽になると思います。そんなシーンに活用できるかもしれない、血を表現できるブラシ集「Blood Splatter Brushes for Gruesome and Dark Designs」を今回は紹介したいと思います。 (Dried Blood Splatters Photoshop Brushes | Photoshop Brushes) 飛び散る血の様子を表現できるさまざまな種類のブラシが紹介されています。中でも気になったものをピックアップしましたので、下記よりご

    血を表現できるPhotoshopブラシ集「Blood Splatter Brushes for Gruesome and Dark Designs」
    warriorking
    warriorking 2011/11/05
    血を表現できるPhotoshopブラシ集「Blood Splatter Brushes for Gruesome and Dark Designs」 | DesignDevelo...
  • 20 High Quality Free Fonts Every Designer Should Own

    As a designer if you think of the term “Free Fonts” you’ll probably imagine all kinds of garish decorative fonts worthy for use in nothing more than Microsoft Word, but there’s actually a range of high quality fonts by professional designers available free on the web. This post pulls together a mix of font styles that will suit a variety of projects, including serif, sans-serif, slab-serif and a c

    20 High Quality Free Fonts Every Designer Should Own
    warriorking
    warriorking 2011/11/05
    20 High Quality Free Fonts Every Design Should Own
  • 今までにないサイトを作る:HTML5 による最新ウェブアプリ - 強火で進め

    Google Developer Day 2011に参加しました。 参加したセッションのメモを書いときます。 今までにないサイトを作る:HTML5 による最新ウェブアプリ(Eric Bidelman) @petele 東京 - Google Developer Day 2011 http://www.google.com/intl/ja/events/developerday/2011/tokyo/agenda/session_1003.html スライド ※ここで解説しているものChromeのみ対応しているものが多数、有ります。上手く動作しなかった場合はChromeで試してみて下さい。 フレームワーク紹介 MVC frameworks SproutCore Backbone.js Ext JS 4 CSS frameworks LESS Sass 様々な解像度のデバイスに対応する為にCS

    warriorking
    warriorking 2011/11/05
    今までにないサイトを作る:HTML5 による最新ウェブアプリ - 強火で進め
  • 毎日の仕事が疲れる本当の理由

    仕事って疲れますよね。なんでこんなことしないといけないのだろう…、と思いながら仕事をしていると、疲れてしまいます。仕事を「目的」にしてしまうと、疲れやすいのです。 一つ上のレイヤーから、自分と仕事を見つめなおすことで、仕事が疲れにくくなる方法をご紹介します。 「Do」より「Be」 100万円を稼ごうと思ったら、普通は「100万円を稼ぐために『何をすべき』か」を考えると思います。そうではなくて、100万円を稼ぐには、まず「どうあるべきか」を考えることで、行動にブレがなくなります。つまり、「Do」より「Be」です。「どうあるべきか」とは、自分のミッション・使命のことです。 太陽光パネルを販売している会社から聞いた話です。社員さんたちは、毎日住宅街を訪問営業をしています。訪問営業は断られることも多いですし、肉体的・精神的にも辛い仕事です。「ピンポンを押して、営業する」ことを目的にしてしまうと、疲

    毎日の仕事が疲れる本当の理由
    warriorking
    warriorking 2011/11/05
    毎日の仕事が疲れる本当の理由
  • モバイルゲームの歴史を年代別にご紹介します。モバイルゲームの成長と今後について詳しく解説していきます。

    モバイルゲーム 物凄い勢いで勃興したモバイルゲーム業界は、いろいろな課題や問題に直面しながらも巨大化し、今日の時点でのスマートフォン向けゲームの市場へと継承されていきます。 モバイルゲーム歴史 2001 Javaアプリと3Dゲームの登場 Javaが利用できるようになったことにより、ダウンロード型のゲームが供給できるようになりました。 2002 携帯電話端末の大容量化・3D化競争 Java搭載携帯電話端末が登場してからごく僅か1年の間に、アプリのサイズに関しては10倍に広大化し、表現方法も2Dから3Dにシフトし始めました。J-PHONEは『ゼビウス』や『スペースハリアー』などといった昔のアーケードゲームを、ドコモはSIMCITYなどパソコンで世界的規模のヒットを飛ばしたゲームを主力商品としていました。 2003 モバイルゲームの一般化 メモリの制限が厳しいJava仮想マシン上ではなく、OS

    warriorking
    warriorking 2011/11/05
    wise9 › HTML5/JavaScriptによるゲーム開発はプログラミング入門に最適なのだ
  • 成功者に共通する50の考え方

    成功者に共通する50の考え方 2011年11月04日15:00 @yukkuri0616をフォロー ゆっくりしていってね!!! -ゆっくりライフハック、しませんか?- > ライフハック > 成功者に共通する50の考え方 Tweet カテゴリライフハック自己啓発 常識外れの機会を掴む。 自分の当の目標や夢が何であるか考え、発見する。 楽観的で肯定的で思想家。 高い整合性を持ち、常に真実を話す。 目標を達成するために詳細な行動計画をたてる。 常に知識の追求をする。 生活の中で常に練習をする。成功するまでじっと辛抱する。 優先事項を定め、一番重要なことに常に焦点をあて集中し続ける。 創造的で想像力豊か。 明確なコミュニケーション能力を持っている。 ソリューションを模索できる。 自分自身が成功しているヴィジョンが明確に描けている。 文句を言わない。弱音を吐かない。 他人を非難するのではなく、

    warriorking
    warriorking 2011/11/05
    成功者に共通する50の考え方
  • wordpressにレコメンドエンジンを入れサイトデザイン調整したらサイトの収益率が2倍くらい改善した件 | A!@attrip

    WordPressにレコメンドエンジンを入れて調整したらサイトの回遊率が向上した。 WordPressにレコメンドエンジンを入れサイトデザイン調整したらサイトの回遊率が向上 8月までは、レコメンドエンジンを入れていません。 この記事では、レコメンドエンジンを入れる前との比較と実際に用いたレコメンドエンジンのデータからの改善方法について書いています。 内容が、難しいと言われたので、すごく簡単に書くと レコメンドエンジンを入れたデータから以下の事がわかりました。 1.関連記事は、記事タイトルより上に出すべき。 2.サイドバーには、閲覧履歴を出すべき 3.記事のサムネイルは、美人がいい。 4.無料のレコメンドエンジンは、この二つがあるが、気になるのなら有料も考えた方がいい。 http://www.linkwithin.com/learn?ref=widget LinkWithin https:

    wordpressにレコメンドエンジンを入れサイトデザイン調整したらサイトの収益率が2倍くらい改善した件 | A!@attrip
    warriorking
    warriorking 2011/11/05
    wordpressにレコメンエンジンを入れサイトデザイン調整したらサイトの収益率が2倍くらい改善した件 | A!@attrip
  • TechCrunch

    Happy Saturday, folks, and welcome to Week in Review (WiR), TechCrunch’s newsletter that covers the major stories in tech over the past several days. I feel inclined to begin this edition with a

    TechCrunch
    warriorking
    warriorking 2011/11/05
    Google、検索アルゴリズムを大幅アップデート―35%の結果に影響