タグ

ブックマーク / t32k.me (7)

  • 【翻訳】ビジュアルデザインはつまらなくなってしまったのか? - MOL

    Original:HAS VISUAL DESIGN FALLEN FLAT? (2015-01-20)by Emmet Connolly 2013年から2014年の劇的なUIフラット化により無数のピクセルが流れ落ちていった それはビジュアルデザインにおいて非常に大きな変化だった。Microsoftの急進的でモダンなMetro UIはその前兆だった。iOS7のリリースよって大衆化し、UIのトレンドは2極化した。Google Material Designによって、おおかた完成した。 フラットデザイン(未完成であるけれど便利な表現)はスキューモーフィズム(同前)を駆逐するだけでなく、それの墓の上で踊り、すべてのべべル、影、墓石のテクスチャさえ消し去ってしまった。 上図のようなデザインである。 発展、変化、流行は避けられないものだ。このような最新スタイルもまた、いつの日か廃れていくだろう。未来

    【翻訳】ビジュアルデザインはつまらなくなってしまったのか? - MOL
    hama_shun
    hama_shun 2015/03/01
    都市デザインになぞらえるくだり面白かった
  • フロントエンドエンジニアのための書籍2本立て — MOL

    フロントエンドエンジニアのための書籍2立て こんちわ、無職のt32kだよ(ヽ´ω`) 今回は立て続けに2の書籍が発売されるのでお知らせだよ。収入源がないので印税ください(切実) フロントエンドエンジニア養成読 フロントエンドエンジニア養成読 [HTMLCSSJavaScriptの基から現場で役立つ技術まで満載! ] (Software Design plus) 斉藤 祐也 石 光司 加藤 賢一 水野 隼登 谷 拓樹 泉水 翔吾 原 一成 平木 聡 佐藤 歩 杉吉章 技術評論社 2014-07-02 売り上げランキング : 515 Amazonで詳しく見る by G-Tools 今日発売の緑こと『フロントエンドエンジニア養成読』。Frontrendという活動の2年間、サイバーエージェントでやってきた集大成のようなです。2年前からチョロチョロと優秀なフロントエンドエンジ

    フロントエンドエンジニアのための書籍2本立て — MOL
  • Google Analytics イベントトラッキングガイド | MOL

    Event Tracking Guide – Google Analytics – Google Code http://code.google.com/…/docs/tracking/eventTrackerGuide.html コンテンツ 1. イベントトラッキングのセットアップ 2. イベントトラッキングの構造 1. カテゴリ 2. アクション 3. ラベル 4. バリュー 5. 暗黙的カウント 3. 実装上の注意事項 イベントトラッキングのセットアップ イベントトラッキングのセットアップは簡単な2ステップが必要です。 ga.js のトラッキングコードが設定されているかどうか確認してください。セットアップについての詳しい説明はTracking Sitesをご覧ください。 イベントトラッキングで追跡したい各ページのオブジェクトもしくは要素に対して、 _trackEvent() メ

    hama_shun
    hama_shun 2013/07/30
    アナリーの、合計イベントとユニークイベントの違いについて。"例えば、あるユーザーがビデオの同じボタンを5回クリックすると、ビデオの合計イベント数は5で、ユニークイベントは1ということになります。"
  • CSScomb - MOL

    うららかに晴れた秋の日、みなさんいかがお過ごしか?こんちわ@t32kだ。 今日はCSScombってツールの紹介だよ。タネマキであったこもりさんのSublime Text2勉強会のときに知ったんだけど、 まぁCSSプロパティを綺麗にソートしてくれるって代物だ。大まかな機能はこんな感じ。 CSSプロパティのソート ソート順は設定可能 style要素、style属性もパース スタイルシートのフォーマットは変更しない CSS2,3,4も完全にサポート オンラインからでも使えるし、Sublime Textだけじゃなくてメジャーなテキストエディタだったら、たいていのプラグインは用意されているんだ。 便利なものがあるなーと思ったけども、Sassファイルでこのツールを実行すると、その時はバグっていて、単純にプロパティ順を綺麗にさせるためだけなのに、そんな致命的なバグの危険性(CSSが壊れる)とかマジ勘弁!

    CSScomb - MOL
    hama_shun
    hama_shun 2013/01/08
    "CSSプロパティを綺麗にソートしてくれるって代物だ。"
  • Sassの親セレクタ参照&について - MOL

    Sassの親セレクター参照の&の話。 Sassでどんどんネストして書いてると「親セレクタ参照してーわー、できるなら親孝行してーわー」ってたまになりますよね。僕はそんなにならないんですけど、一番わかりやすい例としてリンクの擬似クラスがあります。こんな例です。 // SCSS #main { color: black; a { font-weight: bold; &:hover { color: red; } &:visited { color: blue; } } }

    Sassの親セレクタ参照&について - MOL
    hama_shun
    hama_shun 2012/09/18
    & のやつ
  • パフォーマンスからみるSass/Compass 番外編:MSは青かった - MOL

    2回も続いてないのにまさかの番外編!ここぞ変化球!キエル消える魔球!! ってことで、最近Androidの相手ばかりしていて、「IE… そんな女もいたよね」って感じでしたが、ちょっとハマったので忘備録。グラデーションを使ったデザインをCSSで再現しようとした話。ということでCSSグラデーションのスニペットをUltimate CSS Gradient Generatorで吐き出してみたんですわ。 /* CSS */ .gradient { background: -moz-linear-gradient(top, #000 0%, #595959 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000), color-stop(100%,#595959)); background

    パフォーマンスからみるSass/Compass 番外編:MSは青かった - MOL
  • CSSセレクタのパフォーマンスへの影響 - MOL

    ASCII.jp:30分でできる!Webサイトを高速化する6大原則 高速化する6大原則として『4.CSS セレクターは短く最適化せよ!』とこの記事では挙げられているのですが、原則というのはちょっと言い過ぎではないかと。少なくとも『3.HTTPリクエストは最小にせよ!』などと同列に考えるのは避けた方が良いかもしれません。 というのも、ハイパフォーマンスWebサイトの著者であるSteve Soudersはこんなことを言っています。 CSSセレクタを最適化するために時間を費やすのは価値のあることだとは思わない。もし、明日起きて世界中のサイトのCSSセレクタが奇跡的に最適化されていたのなら、私は遠くに行ってこう叫びたい。『誰も気づいてないですやん!!』 High Performance Web Sites :: Performance Impact of CSS Selectors Steve S

    CSSセレクタのパフォーマンスへの影響 - MOL
  • 1