keiikarashiのブックマーク (42)

  • どっちのベクターSHOW!! SVG vs Webフォント を比較する | WP-E (仮)

    こんにちわ@ampersand_xyzです。ごきげんうるわしゅう。 どこまで行くんだ解像度 最近はディスプレイの進化速度が目覚ましいですね。とても小さい画面でも、物凄い解像度を誇る端末がどんどん出てきており、人間の目の認識可能レベルなんか知るか!技術的にやれるとこまでやったるんや!という気概を感じております。 こういうのは大変ワクワクするのですが、それにともなってWEB制作者としては画像がぼやけるであるとか、想定してたより小さく見えてしまう等、結構悩ましい事態も増えることとなり頭を抱えたことがあるという人も少なくないのではないでしょうか。 ベクター画像を使おう さて、そんな進化と変化をし続ける解像度に対応することができるのがベクター画像です。 (ベクター画像とは何?という方はこちらをご参考にしていただければと思います→ベクター画像とラスター画像の違いと利点) ウェブフォントを利用したアイコ

    どっちのベクターSHOW!! SVG vs Webフォント を比較する | WP-E (仮)
    keiikarashi
    keiikarashi 2014/06/04
    そうかーなるほど
  • CSS3のセレクタ全42種 まとめておさらい使い方リファレンス | WP-E (仮)

    こんにちわ。WP-Eイクラこと@ampersand_xyzです。 CSS3のセレクタ、ちゃんと覚えてる? 普段使わなかったりするようなセレクタって、すっかり脳みそから抜け落ちてしまい、適用されているスタイルを確認したときに あれ?コレなんだったっけ? というセリフを何度心のなかでつぶやいたか分かりません。 また、場面によって必要に応じたセレクタを使えてるかどうかというところも気になるところ。どんなセレクタがあるのかを覚えておけば、たとえばDOMの動的生成をするときに無駄な分岐処理をしてstyle適用とか、JSでゴリゴリスタイル付与とかしなくてよくなるはずです。 おさらい用チートシート作成を兼ねて、Selector Level3 のSelectorsについて、セレクタの記法と使い方のgistつけてまとめていきたいと思います。 なお、仕様書の日語訳は以下のページをご参照ください http:/

    CSS3のセレクタ全42種 まとめておさらい使い方リファレンス | WP-E (仮)
    keiikarashi
    keiikarashi 2014/05/20
    リファレンスとしてブックマーク
  • 【バイオテロ】世界一臭い食べ物「シュールストレミング」貯蔵庫が爆発 まるで死の谷だ...

    623_MK/ む @623_MK 写真が臭いを伝えなくて正解、という話もあるな…。壮絶だったに違いない…。プロパンガス貯蔵している小屋に引火したみたいなもんで、それがシュールストレミング缶…。いやいや、誰もけがしてないみたいでよかったね。 2014-05-03 07:21:30 リンク Wikipedia シュールストレミング シュールストレミング(スウェーデン語: surströmming [sʉ̌ːʂtrœmːɪŋ] スーシュトレンミン、フィンランド語: hapansilakka, hapankala )は、主にスウェーデンで生産・消費される、塩漬けのニシンの缶詰。その強烈な臭いから、「世界一臭いべ物」と評されることもある。 スウェーデン語で「スール (sur)」は「酸っぱい」を、「ストレンミング (strömming)」は「バルト海産のニシン」を意味する。フィンランド語のhapa

    【バイオテロ】世界一臭い食べ物「シュールストレミング」貯蔵庫が爆発 まるで死の谷だ...
    keiikarashi
    keiikarashi 2014/05/04
    大変なことになってる
  • 空中に絵が描けてそれが形になる!小型・軽量、進化した3Dプリントペン「LIX」に物欲が加速しだした。

    これまでも空中に絵を描いてそれを形づくるという3Dプリントペンは開発されていたが、どうしても重いし大きいし、出力も不安定でもう少しがんばりましょう。といったレベルだった。だが今回、資金調達クラウドファンディング、キックスターター(Kickstarter)で4月29日より公募が始まったこの「LIX」ペンは、たった1日で目標金額の3万ポンド(518万円)を瞬速で突破。公募終了まで27日もあるのに、既にその10倍のその30万ポンド(5180万円)に届く勢いだ。 これほどまでに人気が集まった理由は、小型・軽量、そして使いやすさにある。 この画像を大きなサイズで見る LIXの大きさは全長164mm、最大直径14mmと、一般的なペンサイズとほぼ変わらない。空中でプラスチックを押し出しできるので、立体物も楽々つくれる。 この画像を大きなサイズで見る グリップ部分にはスピードコントロールボタンが2つついて

    空中に絵が描けてそれが形になる!小型・軽量、進化した3Dプリントペン「LIX」に物欲が加速しだした。
    keiikarashi
    keiikarashi 2014/05/02
    ほしい!
  • メガバンクの株主総会は、多額の損失を抱えた人たちの怒号が飛び交う、カオスな会議!銀行の株主総会で前方に座るとかなり怖いです。 - クレジットカードの読みもの

    この記事は新しいサイトに移転しました。 約3秒後に自動的にリダイレクトします。 リダイレクトしない場合はこちらをクリックしてください。

    メガバンクの株主総会は、多額の損失を抱えた人たちの怒号が飛び交う、カオスな会議!銀行の株主総会で前方に座るとかなり怖いです。 - クレジットカードの読みもの
    keiikarashi
    keiikarashi 2014/05/02
    文句言っても損が帰ってくるわけでも無し
  • tofubeats『ディスコの神様』をめぐる今、本当にアツい音楽 - 音楽だいすきクラブ

    tofubeatsの2ndシングル『ディスコの神様』出たね! 今回こそスルーしようと思ったのに。 いや、全然嫌いとかじゃないです。むしろ大好き。tofubeatsの大ファンです!でもデビューからすべての音源を買っているアーティストって他にいなくて、むしろこのまま離れられなくなるんじゃないかと。これは依存症なのかも。そろそろ一度断ってアーティストとリスナーの健全な関係に戻らないと。そう思っていた矢先のMV公開。や・ば・す・ぎ・る。MVに出演しているマチルダ、谷口蘭、入夏、奥村友加里の4人が素敵過ぎるのもあるけど、満を持して登場した藤井隆とtofubeatsの姿に大興奮。スターだよ!オーラ半端ないよ!や・ば・す・ぎ・る!3分40秒からの展開は必見です。ダンスピーポーならうれしすぎて泣くにちがいない。 tofubeats「ディスコの神様 feat.藤井隆」 しかも今回の「ディスコの神様」にはコー

    tofubeats『ディスコの神様』をめぐる今、本当にアツい音楽 - 音楽だいすきクラブ
    keiikarashi
    keiikarashi 2014/05/02
    tofubeatいいよね
  • https://jp.techcrunch.com/2014/04/15/20140414google-patents-tiny-cameras-embedded-in-contact-lenses/

    https://jp.techcrunch.com/2014/04/15/20140414google-patents-tiny-cameras-embedded-in-contact-lenses/
  • WordBench東京3月: 春のデザイナー祭り!にいってきました。 | WP-E (仮)

    どうもニガヨモギのべ過ぎか若い時のアブサン漬けが原因なのか、いつも黄色っぽく撮影してしまうぼうしです。確かに僕の世界はこう見えているのだから仕方ないと思っていますが、すこし柔らかめに見えている自分の世界を見せてしまう写真が実はちょっと恥ずかしかったりするのですが、誰もそれには気づきません。 WordBenchTokyo 2014/03/29 さて、2014年3月29日(土) GMO Yoursで、WordBench東京の3月イベント、「春のデザイナー祭り!」に参加してきました。 今回は写真班で参加させていただきました。 PHPなにそれこわい。からはじめるテーマ作り TIMING DESIGN 北村さん WordPressのテーマの解説とそこで使われているPHPについてのお話でした。デザイナーさん的アプローチ?だったのかWordPressの使用に限定した具体的なアプローチの手段の解説でした

    WordBench東京3月: 春のデザイナー祭り!にいってきました。 | WP-E (仮)
  • 12年間WindowsユーザーだったWebデザイナーがMacを3年使って便利だと思ったMacアプリ21選 | WP-E (仮)

    今日から4月ですね!出会いと別れ、そして増税と年度末のデスマスプリングですね♪ 印刷系の締切におわれているWebデザイナー、コハダことMususこと(リビドーな)清野です。 現在はMacをメインで使っているのですが、10歳の頃からWindows友達でしてMac歴は3年という比較的短めなMacユーザーなんです。 よく知人に「ぶっちゃけどっちがいいの?」と聞かれるのですが、 「どっちがすごい?」とか「こっちにすべきだ!」なんて議論は時間の無駄だと思っています。 「派?犬派?」と同じです。 「プリン派?ゼリー派?」と同じです。 「カレー味のうry そんな話はおいといて、【12年間WindowsユーザーだったWebデザイナーがMacを3年使って便利だと思ったMacアプリ21選】をご紹介したいと思います。(順不同 1.Google Chrome ダウンロードはコチラ 言わずもがなのGoogle

    12年間WindowsユーザーだったWebデザイナーがMacを3年使って便利だと思ったMacアプリ21選 | WP-E (仮)
    keiikarashi
    keiikarashi 2014/04/02
    MacわからないっすWinユーザーなもので
  • 今何時?そうねだいたいねー:ntpコマンドをインストール(ConoHaでLinux) | WP-E (仮)

    こんにちはイカラシです。みなさん時間を守っていますか? 私はどちらかというと時間にルーズな方で、一度だけ遅刻して始末書を書いたことがあるくらいな感じです。 でも、時間は大切、社会人として時間を守ることは基中の基!ちゃんと時間を守りましょう。 と言うわけで、過去2回の記事で触ってきたVPSサービスConoHaのサーバにも、ちゃんと時間を守ってもらうため、ntpをインストールしたいと思います。 nptってなんすか 通信プロトコルのひとつでコンピュータの時刻を合わせるために使われます。Network Time Protocolの頭文字を取ってntp(エヌティーピィー)と呼びます。 多数のコンピュータが互いに通信する世界では、時間にルーズなのは禁物!例えば、[サーバA]が12:00に処理した結果を[サーバB]が13:00に取得する処理の場合、[サーバA]が時間にルーズで1時間遅刻をすると、[サ

    今何時?そうねだいたいねー:ntpコマンドをインストール(ConoHaでLinux) | WP-E (仮)
    keiikarashi
    keiikarashi 2014/03/31
    ntpをインストール!
  • さらばLightning?iPhoneの充電規格もmicroUSBに統一へ | Buzzap!

    充電コネクタにLightningを採用しているAppleですが、microUSBに移行する可能性が浮上しました。 EUROPA - PRESS RELEASES - Press release - EP opens option for a common charger for mobile phones 欧州連合(EU)の報道発表によると、加盟各国では携帯電話の充電端子がmicroUSBに統一されることが正式決定したそうです。 すでにEUでは充電器の統一について、2009年にApple、LG、Motorola、NEC、Nokia、Qualcomm、Research in Motion (RIM)、Samsung、Sony Ericsson、Texas Instrumentsが合意。しかしながらAppleは独自路線を続けていました。 そして今回の決定では1つの充電器でどの携帯電話でも充電で

    さらばLightning?iPhoneの充電規格もmicroUSBに統一へ | Buzzap!
    keiikarashi
    keiikarashi 2014/03/16
    統一されると持ち歩くケーブルが少なくなって便利だな
  • あ~モヤモヤする。漠然とした案件をスッキリ考える Business Model design 考 | WP-E (仮)

    ビジネスモデルに特効薬のフレームワークあります ビジネスモデル・キャンバス http://www.businessmodelgeneration.com/canvas 全方位的でいてフォーカスの効いたビジネスモデルモデルデザイン。チームでやるならなおさらパワフルなツールです。 この記事の対象者 規模の大小ではなく、新しいビジネスの仕組みやマーケティングを考えたりディレクションをしている人とかに効きます! 例えば、 新規事業企画でステークホルダー(関係者の人々)と質の理解を共有したい人 新しいサービスを開発したい人 なんか新しいことしたいのだけれどもモヤモヤしている人。 に、読んでもらって、使ってもらえればちょっと嬉しいです。 目次 キャンバス 9つの視点 価値提案 顧客の視点 業務プロセスの視点 財務の視点 俯瞰と掘り下げ ケーススタディ まとめ キャンバス ビジネスモデル・キャンバスは

    あ~モヤモヤする。漠然とした案件をスッキリ考える Business Model design 考 | WP-E (仮)
    keiikarashi
    keiikarashi 2014/03/16
    ビジネスモデルキャンパスをわかりやすく紹介してますね
  • 黒い画面は苦手なWebデザイナーだけど、CakePHPの仮想環境をVagrantを使って構築してみた | WP-E (仮)

    やっと確定申告が終わりましたshow-koです。好きな寿司ネタはみんなとられてしまったので、仕方なくカニカマを選んでみました。サラダ巻き万歳。 今日は技術ネタを書こうと思うのですが、所詮黒い画面が苦手なデザイナーです。 わからないなりにやってみたら、なんとかなったという典型でして、あまり突っ込んだ内容にはなってません。 開発環境、どうしてますか? はじめてWordPress使っている人と話した時、衝撃だった言葉があります。 「まさかサーバ上で直接編集とかしてないよね?当然ローカル環境作ってるよね?」 「ろろろ・・・ろーかるかんきょう、ですか。 もちろん、ちゃんとやってますよーとうぜんじゃないですかー(汗);;;」 としらばっくれて、速攻家に帰ってMAMPのインストールからはじめた事実を、周りのエンジニア友人に話すと、たいてい呆れられます。 でも、この当時、私はPHPファイルといってもテン

    黒い画面は苦手なWebデザイナーだけど、CakePHPの仮想環境をVagrantを使って構築してみた | WP-E (仮)
    keiikarashi
    keiikarashi 2014/03/13
    Vagrantは初めて聞いた
  • 震災時、インフラとしてのインターネット | WP-E (仮)

    2014年3月11日14:46:18 東日大震災が発生し多くの尊い人命が亡くなった。 3年前の今日14:46:18のことだ。 自分は神奈川県の川崎市におり大きな揺れを感じ、避難をした記憶がある。 発生時当時は東北の方が震源らしいくらいの情報しかなかった。 仕事で東京に出かけているに電話をかけても全く繋がらない。周りの人も耳に携帯電話を当てているが黙っており、やはり繋がらないようだった。 の安否を心配していたところ、30分後にtwitterからダイレクトメッセージが届き無事を確認できた。 その日は交通機関も麻痺、停電も発生し会うことはできなかったが、次の日一部復旧した交通機関を使ってが帰ってきた。 震災発生から時間が経つにつれ、甚大な被害状況も入ってくるが、宮城県女川に住む友人の安否確認ができずにいた。 その頃はmixiの方がSNSとしてユーザが多く自分もmixiを主に使っていた

    震災時、インフラとしてのインターネット | WP-E (仮)
  • 春秋航空が新たな「立ち乗り座席」を本気で提案 運賃は3〜4割安く - TRAICY(トライシー)

    2009年に「立ち乗り座席」を提案したとして話題になった、中国のLCC、春秋航空が新たな「立ち乗り座席」を提案し、中国政府に認可を求めていることがわかった。廣州日報などの中国メディアが、春秋航空が開催した記者会見の記事で報じた。 運賃は30〜40%安くすることが出来るといい、一人ごとに割り当てられた板には肘掛けとシートベルト、軽く腰掛けられる座面、ジェットコースターなどでおなじみの安全バーが用意されている。 春秋航空では、上級クラスの「スプリングプラス」とエコノミークラス、立ち乗り座席の3クラス制とすることを想定しているようとなる。 ⇒詳細はこちら スポンサーリンク

    春秋航空が新たな「立ち乗り座席」を本気で提案 運賃は3〜4割安く - TRAICY(トライシー)
    keiikarashi
    keiikarashi 2014/03/10
    上海か台北くらいまでなら、頑張る
  • よくわかるPHPの教科書 PHP5.5対応版のクロスサイト・スクリプティング

    たにぐちまことさんの よくわかるPHPの教科書がこのたび改版されて、よくわかるPHPの教科書 【PHP5.5対応版】として出版されました。旧版はmysql関数を使ってSQL呼び出ししていましたが、mysql関数がPHP5.5にて非推奨となったための緊急対処的な内容となっているようです。つまり、従来mysql関数を呼び出していた箇所をmysqliの呼び出しに変更したというのが、主な変更点のようで、これ以外はあまり変更点は見あたりません。 既に、Amazonでは、熱烈な読者の方からの詳細のレビューが届いています。 神御降臨! 言わずと知れたPHPプログラミング書籍のロングセラー。 2010年9月に発売された前作の改訂版。 PHPのバージョンも最新の5.5に対応、内容は前作と殆ど同じ。 少し前に前作を購入した方も書を購入した方がいいでしょう。 【中略】 それにしても、帯の「3万人に読まれた定

  • よぉーしパパWebサーバ立てちゃうぞ(VPSサービスConoHaでWebサーバ!) | WP-E (仮)

    美味しいイカをべたいなーと思っているイカラシです。 イカってお酒のつまみに最高ですよね、特にイカそうめんが大好きです。 それはともかく、今日は先日(ConoHaでVPNを借りてみた記事)立てたLinixサーバをWebサーバにして公開しちゃおうかなと思います。(上の写真は私の大好きなビアサーバです。) ちなみに「パパ」なんて呼ばれたことは、いまだかつて1回もないです。そう呼ばれるようなお店にも行っていません。 apache(httpd)をインストールしよう まずはapache(httpd)をサーバにインストールします。 コンソール(黒い画面)からyumコマンドでインストールするのが簡単です。 $ yum install httpd コマンドを実行すると、下のように表示されます。 UpDatingとなっているのでConoHaのサーバにはもともとapache(httpd)がインストールされてい

    よぉーしパパWebサーバ立てちゃうぞ(VPSサービスConoHaでWebサーバ!) | WP-E (仮)
  • 【初学者向け】WEBデザイナーが紙のデザインをする時に知っておきたい7つの注意点 | WP-E (仮)

    特技:空腹を我慢する事 どうも、あなたの街のエバンジェリスト”コハダ”ことMususこと(できない方の)清野です。 9歳の頃に初めてHTMLをさわり、12歳の頃から独学でWeb制作を始めて、友達やら知り合いのサイトをつくっていました。 22歳で基礎から学び直そうと決断し、23歳からWebデザイナーになり現在に至ります。 Webデザイナーになって1年ちょいが経過した頃、 「チラシつくって〜」や「名刺つくって〜」の依頼がくるようになりました。 最初は『でっかいバナーをつくるようなもんだろ?へへん楽勝さ』 ってな具合で引き受けたのですが、過去の自分に言ってあげたいです。 『お前の考えは甘いぞ!』 紙→Webの流れが一般的だと思いますが、僕の場合は逆でした。 基礎中の基礎ではございますが僕が紙のデザインをするようになった時にハマったポイントをまとめてみました。 紙とウェブ(モニター)の違いは大きい

    【初学者向け】WEBデザイナーが紙のデザインをする時に知っておきたい7つの注意点 | WP-E (仮)
    keiikarashi
    keiikarashi 2014/03/08
    勉強になるです
  • 【初心者向け】友達100人できるかな?ーイベントや勉強会に参加してみよう!ー | WP-E (仮)

    みなさん、おはようございます! どうも@makiko_olです! 毎日寒い日が続きますね。。 梅はまだですか?サクラはまだですか?? さて、今日は初心者さまへの記事ですよ! 私の経験を踏まえて書かせて頂きますので、参考になればこれ幸い。 あ。札幌でのイベントが多いのは致し方無し、、今後、参加するイベントなども ちょこちょこ感想を加えてレビューしていこうと考えておりますのでお許し下さい。 どんなイベントや勉強会があるの? もっと色々なカタチのイベントや勉強会があるのかもしれないけれど。 大きく分けるとこれかしら?というのが以下のもの! 形式 ◆ セミナー この言い方が正しいかどうかは不明ですが。。。 何名かのスピーカーと呼ばれるヒトたちがテーマに沿ったお話をしてくれる形式。 2時間位のもの、長いと半日くらい時間を掛けて行われるものもあります。 人数も10名弱から100名以上のものと幅広いです

    【初心者向け】友達100人できるかな?ーイベントや勉強会に参加してみよう!ー | WP-E (仮)
    keiikarashi
    keiikarashi 2014/03/07
    人に会いに行くだけでも有効です
  • デザインに説得力を!!基本のレイアウト表現のやり方4つ | WP-E (仮)

    こんにちわ!確定申告がまだ終わっていないまゆげです。最近はリアルでも、WordPressに関することやディレクションのことばかりなので、たまにはデザインのことについても熱く語っておきたいと思い、基的なことですがしっかりとまとめてみました! 意味を持つデザインを作るために Webデザインを考える際には、誰しもがインスピレーションを求めて参考になるようなサイトを見てまわることはあると思います。そんなときに 「あッ!」 と思わせるデザイン、ありますよね。ただ見惚れるだけでなく、それを 「なぜ?」 と考える癖をつけておくと、自分の知識を深める一つの材料になるかもしれません。 目次 シンメトリーレイアウト 対角線を意識したレイアウト 三角形を意識したレイアウト 黄金比・白銀比のレイアウト シンメトリーレイアウト シンメトリーとは、配置が対称であることです。よく目にするデザインは鏡像対称性をもったデ

    デザインに説得力を!!基本のレイアウト表現のやり方4つ | WP-E (仮)
    keiikarashi
    keiikarashi 2014/03/06
    わかりやすい!