2014年9月3日のブックマーク (7件)

  • Firefox 32 が正式リリース、position: sticky; や srcset 属性への対応、開発ツールの機能追加など

    Firefox 32 が正式リリース、position: sticky; や srcset 属性への対応、開発ツールの機能追加など Firefox の最新版、Firefox 32 が正式リリースされ、自動更新も提供開始されました。position: sticky; や mix-blend-mode プロパティが正式にサポートされたほか、srcset 属性の試験的サポートなどが行われています。 Firefox の最新版、Firefox 32 が正式リリースされ、自動更新も提供開始されました。Android 版も同時公開。 Firefox 26 で試験的なサポートが開始されていた、position: sticky; や、同じく試験的なサポートだった mix-blend-mode プロパティが正式にサポートされ、デフォルトで有効になったほか、srcset 属性の試験的サポートなどが行われています

    Firefox 32 が正式リリース、position: sticky; や srcset 属性への対応、開発ツールの機能追加など
    kojika17
    kojika17 2014/09/03
  • カスタマージャーニーマップが使える理由と注意点 : could

    デザインに使えるマーケティングツール カスタマージャーニーマップ(Customer Journey Map, CJM)は、顧客がどのように製品やサービスと関わるかを視覚化することによって、課題を共有することができるツール。デザインプロセスの一部として採用されるようになりましたが、マーケティングでは顧客との接点を俯瞰して見ることができるということで 5, 6 年前くらいから注目を集めています。(外来語をそのままカタカナ表記にしたくなかったということで「体験のマッピング」と名付けて以前から実践しています。) オンラインでもオフラインでも顧客との接点は劇的に増えました。しかし、接点が増えたことにより利用者行動の多様化が進んだだけでなく、接点になる場所・媒体の浮き沈みも激しくなりました。また、企業やブランドに関わる利用者の心理や行動も変化してきているので「A と B と C でコンテンツやサービス

    カスタマージャーニーマップが使える理由と注意点 : could
    kojika17
    kojika17 2014/09/03
  • 初心者がWebフロントエンドを高速化するための基礎知識

    連載目次 ブラウザーの持つ開発ツールとその使い方を紹介する連載「無料で使えるブラウザー開発ツール入門」の第2回です。初回の「初心者がブラウザーでデバッグするための基礎知識」では、フロントエンド開発を始めた方が、ブラウザーに組み込まれている開発ツールを使ってアプリの不具合を見つけ、修正するためのツールとその基的な利用方法を紹介しました。 前回紹介した「DOMインスペクター」「スタイルエディター」「JavaScriptデバッガー」を駆使して、不具合の原因特定と修正を行えるようになり、意図通りに動作するアプリを作成できるようになった方も多いのではないでしょうか。 ところが、フロントエンド開発者には不具合の修正と同様、一定のパフォーマンスの確保もアプリ作成で必要とされます。誰もが体験されたことがあると思いますが、「自分の思い通りに動作してはいるのだが、どうにもこうにも遅くてストレスがたまる」とい

    初心者がWebフロントエンドを高速化するための基礎知識
    kojika17
    kojika17 2014/09/03
    Firefox
  • ログイン画面のデザインまとめ

    こんにちは、工藤です。 今回はログイン画面のデザインを調べてみました。 何気ないんですけれど実はよく見る画面なのでもっと意識しないとなーと思うのですがつい後回しにしてしまったりします・・。 サムネイルクリックでログインフォームに飛びます。 シンプルなログインフォーム シンプルな背景に、ログインフォームが中央においてあるタイプです。 最近はフラットなものが多い印象があります。 evernote Rdio Simple magisto wordpress Google Favors.me ログインフォーム+新規登録などの誘導 ログインフォームにプラスして大きく新規登録への誘導や使い方などを説明しているタイプです。 はじめてサイトを訪れた方にもわかりやすく、親切ですよね。 Twitter Facebook nanapi ポップな印象のログインフォーム 背景にイラストを置いてみたり、他とは違う印象

    ログイン画面のデザインまとめ
    kojika17
    kojika17 2014/09/03
  • uilang

    a minimal, ui-focused programming language for web designers clicking on ".try-it" toggles class "hidden" on ".info-box" Try It Getting Started Insert uilang.js in your page, write some uilang as shown above in a simple <code> element and use CSS to show, hide and animate things. Download 1KB Build Interfaces Create popovers, tabs, galleries, overlays and more using a language specifically designe

    kojika17
    kojika17 2014/09/03
  • Centering in CSS: A Complete Guide | CSS-Tricks

    UGURUS offers elite coaching and mentorship for agency owners looking to grow. Start with the free Agency Accelerator today. Centering things in CSS is the poster child of CSS complaining. Why does it have to be so hard? They jeer. I think the issue isn’t that it’s difficult to do, but in that there so many different ways of doing it, depending on the situation, it’s hard to know which to reach fo

    Centering in CSS: A Complete Guide | CSS-Tricks
    kojika17
    kojika17 2014/09/03
  • Dev.Opera — Opera 24 released

    Opera 24 (based on Chromium 37) for Mac and Windows is out! For users, it includes tab preview, better hi-res support and more obvious Private Windows. Here’s what the new release means for web developers. Improved font renderingOn Windows, Opera now uses DirectWrite instead of GDI whenever possible. This results in much better rendering of OpenType (*.otf) fonts. (Note that font rendering on OS X

    kojika17
    kojika17 2014/09/03