タグ

2013年3月11日のブックマーク (12件)

  • APROZ online shop

    実直なクラフトマン達が、MADE IN TOKYOにこだわり実直にモノづくりに取り組んできた、自分たちが作ってきた「あかり」は街や家庭に様々な表情を与えてきた。楽しさ、団欒、華やかさ、落ち着きや集中。物事を多角的に捉える姿勢は社会や生活の中にでも役に立つ。時代にあったモノづくり、自分達にできることをただ実直に。クラフトマンシップから発信するプロダクト、APROZ

    APROZ online shop
    ku_marin
    ku_marin 2013/03/11
    照明屋さん。大きな写真を大胆に見せる。写真の使い方がとてもきれい、LINEUPめっちゃいい
  • 總屋 -京友禅の老舗 千總

    2019年11月末日をもちまして 總屋は閉店いたしました 13年間のご愛顧を賜り深く御礼を申し上げます ありがとうございました なお總屋でお求めいただきました商品に関するお問い合わせは 千總 お客様相談窓口にて承ります 【千總 お客様相談窓口】 オンラインでのお問い合わせ お問い合わせフォーム お電話でのお問い合わせ 075-212-7090 (平日:11:00〜18:00)

    總屋 -京友禅の老舗 千總
    ku_marin
    ku_marin 2013/03/11
    着物屋さん。イマドキデザイン。ヘッダー固定、フッター部分の半透明感がすき
  • » 佐藤可士和氏のGU新ロゴ Toshi Omagari

    思いっきり仕事中ですが腹が立って仕方がなかったのでブログ更新します(どういう動機だ!) 佐藤可士和氏がGUというファッションブランドのロゴをリデザインしたそうです。まぁ言ってしまえば元のロゴも大して良くはないのですが、その新ロゴというのが笑止千万な出来なので徹底的に図解して非難したいと思います。 まずはその新ロゴ。和文の方もグリッド多用しまくりで個人的には酷いと思うのですが、まぁ欧文書体デザイナーの自分としての題はGUなので和文はさておきます。またネットでは色がIKEAだとかTSUTAYAだとかEUだとかブックオフだとか色に関してのツッコミが多いようですが、やはり自分としては文字の形そのものに注目したいと思います。あ、あとGUの配置も右寄りすぎますが文字の形そのものに以下同文です。なにせブログをなかなか継続して書けないこの自分を書かせる気にさせるほど酷いんですから。 ソースの画像は低解像

  • Webサイト高速化対策の現状

    はじめに はじめまして、こんにちは。クラスメソッド株式会社でWebを担当している野中です。 この度、「これから身につけるWebサイト高速化テクニック」と題して記事を連載させていただくこととなりました。 連載ではWeb担当者やWebデザイナー、コーダーの方々に向けて高速化に関する手法や技術について調べ、身につけたテクニックを細かな解説を加えて紹介していきます。中には少し難しいテクニックも含まれますが、できる限り分かりやすく、すぐに実践できるよう紹介していきたいと思います。とても長い連載ですが、よろしくお願いいたします。 なお、連載はクラスメソッド開発ブログで連載されている「身につけておきたいWebサイト高速化テクニック」の増補改訂版です。 連載の流れ 連載はできるだけ多くの方に興味を持っていただけるように、最初に高速化対策の全体像と必要な知識を紹介します。その後、具体的な高速化対策と

  • IE9環境でIE6/IE7/IE8/IE9表示する方法(共存)| 某氏の猫空

    IE9やIE10環境でIE6/IE7/IE8/IE9表示する方法(共存)投稿 : 2011-07-29更新 : 2014-01-16 追記:2014/01/16 ・IE11で、IE7/IE8/IE9/IE10をエミュレーションで表示確認するときの注意事項 IE11も互換設定をすることで、IE7/IE8/IE9/IE10あたりを表示できるみたいです。 追記:2013/03/20 IE10にも、IE7/IE8/IE9表示するモードがついています。 ・Windows7にIE10を導入する前に知っておきたいこと 【IE9に戻す方法、IE10環境でのIE9表示】 IE9自体に、IE7/IE8で表示するモードがついていました。ツールボタンの「開発者ツール」を選択するか、[F12]キーを押すと、ブラウザ下部に右上のような画面が出てきます。 ブラウザモードというのが、相手にブラウザーのバージョンを知らせる

    IE9環境でIE6/IE7/IE8/IE9表示する方法(共存)| 某氏の猫空
    ku_marin
    ku_marin 2013/03/11
    これ便利!
  • とあるコーダーの備忘録 |css3-mediaqueries.jsが効かなくて困った時のまとめ

    最近にわかに盛り上がってきているレスポンシブWebデザインPC・タブレット・スマホなど、様々なスクリーンサイズのデバイスに対応するためにメディアクエリを利用してスクリーンサイズ幅などに応じてレイアウトを調整する技術ですが、残念ながらIE8以下はこれを理解しません。 IE8以下はレスポンシブにならなくても良いなら話は早いですが、 「全部同じ見た目じゃなきゃヤダ!」というクライアントを説き伏せられない場合は 何らかのポリフィル系JSで対応する必要があります。 いくつか似たようなものはあるようですが、 おそらく以下の2つが最有力候補かと思います。 ・respond.js ・css-mediaqueries.js ■respond.js Adobe Dreamweaver CS6の目玉機能「可変グリッドレイアウト」でも利用されているスクリプト。 非常に軽量でサクサク動き、にわかに命的な扱いを

  • FURYU Tech Blog-フリューテックブログ | Furyu Tech Blog

    はじめに こんにちは、ピクトリンク事業部開発部サーバサイド開発課のkitajimaです。弊社サービスピクトリンクは、システム再構築の一環として

    FURYU Tech Blog-フリューテックブログ | Furyu Tech Blog
  • 備忘録:LINEで送るボタンの設置方法。aタグにはターゲット指定を。

    最近公式にリリースされたLINEで送るボタンについてちょっと仕事で調べる機会があったので今後のためにメモします。 公式の設置方法|LINEで送るボタン にて記述例をコピペしたところ何やら変な動き? 記事上でLINEで送るボタンを押すと当然アプリが立ち上がるんですが、 LINEでの共有が終わったあとブラウザに戻ると、そこにはLINEのサイトが開かれていました。 まぁ何も不思議なことではなくて、公式にも ボタンタップ後、LINEが起動する前にWebブラウザが表示されます。 とあるようにそういう仕様なので、LINEで送るボタンのaタグにtarget=”_blank”を指定してあげればとりあえずはOKです。 記述例 Webサイトの場合 <a href="http://line.naver.jp/R/msg/text/?LINE%E3%81%A7%E9%80%81%E3%82%8B%0D%0Ahtt

    備忘録:LINEで送るボタンの設置方法。aタグにはターゲット指定を。
    ku_marin
    ku_marin 2013/03/11
    LINE側が用意した5種類のボタン画像以外の使用は認められていない…オリジナルで勝手に作るなってことかぁ、要注意
  • シンプルなアウトラインがいい感じ!ミニマルなアイコン素材 -Free Outline Icons

    商用でも無料で利用できる、フラットなデザインにも合うミニマルなアイコン素材を紹介します。 素材はベクターなのでサイズやカラー変更は簡単ですが、ブラックのほかにグレー・ホワイトも用意されています。

  • ページを移動(離脱)するときにjQueryで警告を出す方法

    Facebookなどでフォーム入力中にページを移動(離脱)しようとすると警告が表示されます。 この仕組みをjQueryで実装する方法を紹介します。jQueryは投稿時点の最新バージョン1.9.1を利用しています。 1.ページを移動するときに警告を出す ページを移動するときに警告を出すには、onイベントにbeforeunloadイベントを設定します。 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script> $(function(){ $(window).on('beforeunload', function() { return '投稿が完了していません。このまま移動しますか?'; }); }); </script> <form method="post" acti

  • 『かわいいアプリデザインの法則*GIRLS UP*』

    はじめまして。GIRLS UPでデザイナーをしています、アビン(GUPDesinger)です。 今回はGIRLS UPのデザインを元に、かわいい女性向けアプリのデザインの要素と作り方をお勉強しましょう!センスに自信が無い人でも、「かわいい」のロジックさえわかっていれば、簡単にかわいいアプリを作ることができると思います。そのロジックをぜひ参考にしてみてください! まずはたくさんのキーワードを用意する。 よく「かわいいデザイン」って聞きますが、「かわいい」という言葉を聞いてイメージするものが、全ての人にとって全く同じとは限りません。 「かわいくて〇〇」をキーワードで表現する自分が持っている「かわいい」というイメージを表現するには、たくさんのキーワードで表現するとわかりやすくなります。 まずは、「20代の美を追求する人たちが使うアプリ」というテーマから連想する、〇〇に入りそうな言葉をたくさん並べ

    『かわいいアプリデザインの法則*GIRLS UP*』
  • うどん県でうどんを食べる - 3 slides

    讃岐うどんはおいしい。讃岐でたべる讃岐うどんは当においしい。 という事実は、現在は広く知られるようになった。素晴らしいことである。私は1998年か1999年、はじめて高松に出張したときにこの事実を知った。それいらい、讃岐に行くと4玉はべたい、みたいな行動をしている。 ある日、讃岐うどんのためのショートトリップを決めてきた。5店舗5玉の完全なうどん旅である。現代は、Google マップやべログのような情報を、Android端末などで活用することで、優れたうどんプランを容易に構築できる素晴らしい時代である。そして、今も昔も讃岐うどんは素晴らしい。 ここは写真3枚なブログなので3店舗紹介する。どれも素晴らしい讃岐うどんであるが、そのユーザー体験はかなり異なることに注意してほしい。どれもうまいが、どれもちょっとずつ、いやかなり違うのである。 山内うどん店——ぼくの基準、ぼくの原点 最初は山内

    うどん県でうどんを食べる - 3 slides