はてなブックマーク

• あとで読む

  WebデザインのスクラップはIcebergsが良い - MEMOGRAPHIX

  117 users

  memo.sanographix.net

  Webサイトをスクラップするアプリケーション、Emberとか、Inboardとか、いろいろある。ぼくはIcebergs使ってる。 https://icebergs.com/site Icebergs、Pinterest感のあるEvernoteみたいなやつで、いろんな画像とかコンテンツをまとめて保存できるみたいなやつ。Pinterestと違うのは、スクリーンショットが簡単に撮れるという点で、Chrome拡張をインストールするとボタン一発でキャプチャ撮れる。サイト上の画像をドラッグ＆ドロップでIcebergsに送ることもできる。 webアプリケーションなのでローカルの容量食うこともない。無料プランでは500MB使えるけど、スクリーンショット集めるくらいだったらこれくらいあれば充分だと思う。

  • テクノロジー
  • 2014/05/02 17:38

  • webサービス
  • デザイン
  • WebDesign
  • ツール
  • スクラップ
  • design
  • web
  • webservice
  • webデザイン
• あとで読む

  同人誌の表紙のデザインする工程 - MEMOGRAPHIX

  537 users

  memo.sanographix.net

  最近はTumblrテーマばかり作っているからめっきりやってないけど、ぼくは5年前くらいから同人誌のデザインを依頼されたら作るという活動をしていて、自分のサイトにも掲載している。 同人誌のデザイン、同人作家さんからデザインやってくださいみたいに依頼されるので、作って納品する。大抵は表紙（表1・表4）。そこで、デザインを考えるときの工程を下記にまとめる。最近紙もののデザインを殆どしてないので、事例が2〜4年前くらいのばかりになった。 同人誌、デザインも含めて自分ですべて作りたいという人にとっては、一番楽しい部分をアウトソーシングしちゃうのかよという感じかもしれない。全部自分でやりたい人は普通にそうすればよいと思う。一方で、デザインが苦手で、誰かに任せたほうがうまくいくと思ったなら、第三者に依頼するという選択肢もある。ぼくは特に営業活動みたいなのをしたことないので、そうやって依頼された案件だけを

  • おもしろ
  • 2014/04/26 13:09

  • デザイン
  • 同人
  • design
  • 同人誌
  • -装丁
  • book
  • *同人
  • 考え方
  • DTP
  • 生活
• あとで読む

  tumblrのモバイルテーマのAnalytics - MEMOGRAPHIX

  4 users

  memo.sanographix.net

  Tumblr、モバイルテーマがデフォルトで有効になっていて、スマートフォンで見ると専用のモバイルテーマで表示される。 このモバイルテーマは、ユーザーが自由に編集することができない。また、PC版テーマの各種設定も無視される。 ここでひとつ疑問に思ったんだけど、TumblrテーマにGoogle Analyticsを導入していても、モバイルからのアクセスではトラッキングコードが無視されるので、アクセスが記録されないのではないか？ と思った。 試しにモバイルテーマを有効にしたTumblrを作って、スマホでいくつかのページにアクセスして実験したんだけど、Analyticsのリアルタイムのサマリーを見てると特に動きがないようだった。ということは、予想通り記録されてないかもしれない。雑に調査したので確証はない。 Analytics見てる人かつモバイルテーマ使ってる人、なんかわかったら教えてほしいです。

  • テクノロジー
  • 2014/04/22 21:46

  • tumblr
• あとで読む

  ブログの記事書くときに気をつけていること - MEMOGRAPHIX

  23 users

  memo.sanographix.net

  僕はなるべく穏やかにブログを書きたい、という方針で継続的に記事を書いている。そのために、普段からいくつか気をつけていることがある。 前提今までに自分のブログを書いたり、他の人のブログを読んだりして、どうすればもっと穏やかに記事を書き続けられるのか考えてきたけど、この言い回しは失敗したなとか、こういうのはリスクが高いなとか、だんだん知見が溜まってきた。 穏やかに書くとはどういうことかというと、楽しく日記書いてたら、どこからともなく文句言いたい人がやって来て、ごちゃごちゃ文句言って帰っていくみたいなことをなるべく避けたい、という意味。炎上まではいかなくても、四方八方から突っ込まれて荒れてる状態は、ブログ著者にとってきびしい状態なので、穏やかな気持ちになれない。きびしい気持ちにならない突っ込みだったらいいけど、意図しない風に誤って解釈されたり、揚げ足をとる意味で突っ込まれるのは、個人的には避けた

  • 暮らし
  • 2014/04/17 21:01

  • ***
  • ブログ
  • communication
  • memo
  • tips
• あとで読む

  自分のwebサイト作る工程 - MEMOGRAPHIX

  856 users

  memo.sanographix.net

  2. モック作る次に、Illustrator でモック作る。前は Photoshop で作ってたけど Illustrator に変えた。ラフスケッチでだいたいの構造は決まってるので、それを画面で見た時の見栄えを検証する。雑だけどこれは自分のサイトなのだから自分しか見ないという前提があって、雑でも問題ないということにしてる。8割くらい作り込んだところでやめて、コーディングに入るようにしている。2割くらい変更可能な余地を残しておくことで、コード書くとき融通が効く。 ラフとかモック描かずにコーディング始めることもたまにあるけど、それは余程デザインが頭のなかで固まっている場合に限る。ラフとかモック作るの、コーディングと同じくらい大事だと思ってて、コーディングを始めてしまうとデザインに気を配るのを疎かにしがち。デザインを考えつつ同時にコードを書くというのは結構難しくて、トレーニングが要る。全体のデザ

  • テクノロジー
  • 2014/04/13 10:06

  • web制作
  • webデザイン
  • WordPress
  • コーディング
  • デザイン
  • design
  • web
  • illustrator
  • *web制作
  • webサイト
• あとで読む

  AndroidのChromeにおける欧文フォントよく分からなかったのでfont-familyの挙動調べた - MEMOGRAPHIX

  7 users

  memo.sanographix.net

  Nexus 7 の Chrome でインターネットしてると、サイトによっては欧文フォントが等幅になっていることに気づいた。例えばこのようなサイト（とスクリーンショット）。 [](http://ascii.jp/) あとこれとか。 [](http://www.forest.impress.co.jp/docs/review/20140410_643367.html) ※ 適当にブラウジングしてた

  • テクノロジー
  • 2014/04/11 12:18

  • Android
  • web制作
  • font
  • CSS
  • web
• あとで読む

  ラブライブのBDロゴをCSSで作るやつ - MEMOGRAPHIX

  14 users

  memo.sanographix.net

  [](http://sanographix.github.io/lovelive-logo) ラブライブのBDロゴ作るやつを以前作って[日記に書いた](http://memo.sanographix.net/post/66335736492)けど、ちょっと直して、よりジャケットの印象に近づけた。雑な感じで下記のURLに置いてる。このページめちゃくちゃ重いのでスマホだときびしい思いをするかもしれない。 - フォントサイズらへんを少し調整した。 ## HTML LoveLive!School idol project “If we want to protect our beloved schoo

  • アニメとゲーム
  • 2014/04/10 13:44

  • webdesign
  • ラブライブ！
  • デザイン
  • WEB
• あとで読む

  大体いい感じになるKeynoteテンプレート「Azusa」作った - MEMOGRAPHIX

  1432 users

  memo.sanographix.net

  いい感じのスライド、作るのむずいので、大体いい感じになるKeynoteテンプレート作った。ここからダウンロードできる。 Azusa - 大体いい感じになるKeynoteテンプレート解説サンプルも兼ねた解説スライド作った。 Introducing Azusa // Speaker Deckだいたいスライドに書いたけど要約すると下記のようなことを考えた。 スライド作るの難しい色とか難しいかっこよくしたいAzusaっていうのを作ったAzusaは、大体いい感じになるKeynoteテンプレートです Azusaの特徴大体いい感じになるカラースキーム大体いい感じになるフォント大体いい感じになるマスタースライド色カラースキーム考えた 白っぽい色（白っぽいクリーム色とか白っぽいねずみ色） 黒っぽい色（赤っぽい黒とか青っぽい黒とかそういうの） 緑とか青とかピンクとかのアクセントカラー1色 原色すぎないほうがイ

  • テクノロジー
  • 2014/04/09 11:19

  • keynote
  • テンプレート
  • プレゼン
  • presentation
  • design
  • スライド
  • mac
  • slide
  • template
  • color
• あとで読む

  Reblog用TumblrのURLを自分のハンドルネームにしてたら少し困った - MEMOGRAPHIX

  5 users

  memo.sanographix.net

  ぼくが Tumblr を始めたのは 4〜5 年くらい前で、その頃はこうやって Tumblr で日記を書いたりせず、 Reblog 専用に使っていた。Tumblr の URL は自分のハンドルネーム（Twitter id とか）と同じにしていたんだけど、しばらく使っているうちに少し困ったことが出てきた。 それは、エゴサーチすると Reblog したものばかりが出てくることだ。エゴサーチで引っかかってほしいのは「自分の作ったもの」なのだけど、それらが埋もれてしまっていて、あまり印象が良くない。 別にそれでも困らないという人がいるかもしれないけど、ぼくは自分の作ったものと他人の作ったもの（のReblog）は区別したいと思っていたので、その状態では困る。なので、Tumblr で複数ブログを作って、Reblog 専用のブログと、そうでない日記（つまりこのブログ）に分けた。Reblog の方はrebl

  • テクノロジー
  • 2014/04/03 19:58

  • Tumblr
  • SEO
• あとで読む

  CSS書くだけでTumblrテーマが作れる「Tumblr Boilerplate」作った - MEMOGRAPHIX

  90 users

  memo.sanographix.net

  Tumblrテーマ、いちから作ろうとすると大変なので、あらかじめ基本的なHTMLが組まれてあるBoilerplate的なのを作った。 http://sanographix.github.io/tumblr-boilerplate/ これを使うと、CSSを書くだけでTumblrテーマ作れるので、block:Post みたいなテンプレートタグとか覚える必要なくて爆速でテーマ作れる。ZENやApolloをベースにしているので、全投稿タイプに対応している。MITライセンスなのでHTML変えたかったら変えても良いです。 テーマ作りたい人とか、CSSくらいは自分で書きたい人はご利用ください。 Tumblr Boilerplate - A naked boilerplate for tumblr theme development

  • テクノロジー
  • 2014/04/02 11:16

  • tumblr
  • Tumblrテーマ
  • css
  • テーマ
  • Web制作
  • webデザイン
  • theme
  • デザイン
  • web
• あとで読む

  Sublime Text 3をShift_JISとかEUC-JPに対応させるプラグイン - MEMOGRAPHIX

  8 users

  memo.sanographix.net

  utf-8 以外のファイルそんなに扱わないけど、Shift_JIS とか EUC-JP を開かなくてはならないこともある。 Sublime Text 3 ではこれら日本語のエンコーディングには対応していないのだけど、これを対応させるプラグインがあった。「ConvertToUTF8」ってやつ。Package Control からインストールできた。 https://github.com/seanliang/ConvertToUTF8 ファイルを開くとき utf-8 に変換して、保存するとき元のエンコーディングに戻すプラグイン。 動かない意気揚々とファイル開こうと思ったら文字化けしたままだった。なんか動かないよってエラー出てた。 エラーの内容、「Codecs33」ってプラグインを別途インストールして再起動すればいいよって書いてある。これも Package Control からインストールできた

  • テクノロジー
  • 2014/03/26 22:26

  • sublimetext
  • plugin
• あとで読む

  LGTM テンプレート - MEMOGRAPHIX

  5 users

  memo.sanographix.net

  LGTM っていうのがあって、“looks good to me“ の略で、良いと思いますって意味で、GitHub とかでコミュニケーションするときコメント欄に LGTM 画像を貼る文化がある。 適当な gif アニメに LGTM って文字重ねると LGTM gif アニメ作れる。ぼくは LGTM 用のテンプレート psd ファイル作って GitHub に置いてる。 https://github.com/sanographix/lgtm-template こういうの作っておいて、レビューとかするとき gif アニメ貼りまくる。 作例 さっき大量のサンプルをコミットした。

  • 学び
  • 2014/03/26 09:03

  • デザイン
  • アニメ
  • ネタ
• あとで読む

  見やすさ - MEMOGRAPHIX

  3 users

  memo.sanographix.net

  デザインの良し悪しを判断するときに、見やすい、わかりやすい、読みやすい、とかの評価軸があって、一般的に見やすいとかわかりやすいデザインは良いとされている。 だから、見やすいデザインが正義とか、わかりやすさを第一に優先すべきである、と言えるだろうか。ぼくは必ずしもそうだとは思わない。 何か見たとき、なんかよくわからないけど好きになった、みたいな経験が必ずあると思う。めちゃくちゃ見づらいけどめっちゃ良いとか。そういうことへの説明がつかない。 では何を第一にすべきかについて、「デザイナーが第一だと信じるものが第一」だと考えている。作者が見やすさを第一だと思うのなら、それはそうなのだろうし、そうでないならそうでないのだろう。全く当たり前のことを言っていると思うかもしれないけど、つまり何が言いたいかというと、そのプロダクトが何を良しとするかの基準を知らないままこれは見やすくないから良くないとかそうい

  • 暮らし
  • 2014/03/22 10:46

  • blog
• あとで読む

  京都で読書しやすい喫茶店を探す - MEMOGRAPHIX

  7 users

  memo.sanographix.net

  四畳半神話大系読んだときもそうだったけど、京都が舞台の小説を読むときは京都の喫茶店に行ってそこで読むことにしてるんだけど、今まで行ったことある店とその感想を書く。 喫茶葦島エレベーターを出てすぐ店内になってて驚きがある。おしゃれで品のある喫茶店。接客もとても丁寧で良いホテルの喫茶店みたいな感じ。客層もなんか上品な人が多い気がした。アンデパンダン古いビルの地下を改装してておしゃれ。若者が常にたむろしている。プレートランチ630円で良い。若者多くてガヤガヤしているので読書にはあまり向かない。からふね屋珈琲店 三条本店からふね屋はパフェを食べに行くべきであって、読書しに行く場所ではない。カフェ コチ本がやたら色々あって、どうぞ読書してくださいという空気で良い。夜わりと遅くまでやってるから夕飯にも行ける。フレンチトーストがおいしい。めっちゃひたひたしてて、めっちゃふやけてるけど最高にうまい。栖園歴

  • 暮らし
  • 2014/03/18 14:38

  • 京都
  • 旅行
  • グルメ
• あとで読む

  Twitterでそこそこ精度の高いエゴサーチできる検索ワード - MEMOGRAPHIX

  3 users

  memo.sanographix.net

  Twitter でエゴサーチするとき、単に自分の Twitter ID で検索しても、自分のツイートも引っかかってしまい、ノイズが多い。 Twitter / 検索 - sanographix ↑ あんまり良くない。 こうするとそこそこ精度の高い結果を期待できる。 [TwitterID] -from:@[TwitterID] -@[TwitterID] Twitter / 検索 - sanographix -from:@sanographix -@sanographix -from:@sanographixで、自分のツイートを除く。かつ、-@sanographixで、メンションを除く、みたいな感じ 効果のある条件は下記に当てはまる人 Twitter以外のサービスでも同じユーザーID使ってるかつ自分のウェブサイトのURLにも同じ文字列が含まれるこういう人には効果が高くて、大抵の反応は拾える。

  • 世の中
  • 2014/03/14 14:50
• あとで読む

  デザインの解剖 - MEMOGRAPHIX

  371 users

  memo.sanographix.net

  武蔵野美術大学・デザイン情報学科の学生だった時、「デザインの解剖」というカリキュラムがあった。 デザインの解剖とは、グラフィックデザイナーの佐藤卓さんが独自に行ったプロジェクトで、コンビニやスーパーで売っているような日用品を題材に、ひとつの商品の構成要素を約20項目に分解、それぞれの項目で「どうしてこの部分はこうなっているのか」を、企業の担当者に直接取材して調査するというもの。この基本フォーマットを崩さぬまま、大学の授業としてアレンジしたのが、ムサビ版「デザインの解剖」だった。もちろん客員教授として佐藤卓さんを招いている。 今までに佐藤卓さんが「解剖」した商品は、ロッテ・キシリトールガム、富士フイルム・写ルンです、タカラ・リカちゃん、明治乳業・明治おいしい牛乳など、馴染みのある商品ばかりだ。このプロジェクトは、普段私達が「よく知っている」と思っているものが、実は「よく知らない」ことに気づく

  • 学び
  • 2014/03/11 10:15

  • デザイン
  • design
  • 考え方
  • 本
  • UI
  • book
  • marketing
  • *デザイン
  • *reading
  • 大学
• あとで読む

  PhotoshopでGIFアニメ軽くする - MEMOGRAPHIX

  61 users

  memo.sanographix.net

  gifアニメ、ちょっと軽くしたいときがあると思う。Photoshopで「web用に保存」でgifアニメを保存するとき、いろいろオプション出るけど、今までなんとなく設定してた。そこで、どこをどうすればファイルサイズ減らせるのか実験した。 前提前提として、 解像度が小さいほうが軽いコマ数が少ない方が軽いこの2点はクリアしているとして、さらにファイルサイズ減らす方法について調べた。 元の画像元の画像。例によって tumblr で見つけた。1050kbある。 減色する ファイルサイズ減らすのには一番効果的な方法。写真とかだと減色すると変だけど、セル塗りっぽい画像だと減色してもさほど変にならない。大抵は64〜128色くらいが良いと思うけど、このgifアニメはもともと色が少ないシーンなので32色まで落としてもさほどおかしくなかった。 1050kb -> 740kb ディザを減らす 多少効果的な方法。デ

  • テクノロジー
  • 2014/03/08 07:47

  • gif
  • photoshop
  • gifアニメ
  • 画像
  • Tips
  • アニメ
  • image
  • anime
• あとで読む

  Glyphs Miniでアイコンフォントを作る方法 - MEMOGRAPHIX

  18 users

  memo.sanographix.net

  アイコンをwebfontにするの、数年前から流行ってて、確かに便利ということがある。[Font Awesome](http://fontawesome.io/)とかが有名。 アイコンフォント、自分でも作れそうだったので作り方まとめた。 ## 用意するもの - [Glyphs Mini](https://itunes.apple.com/jp/app/glyphs-mini/id469036911?mt=12&uo=4&at=11l8Mb) - Adobe Illustrator Glyphs Miniはフォント作るアプリ。Mac App Storeで買える。 具体的な手順1.Illustratorの準備1792*1792pxのドキュメントを新規作成する環境設定 -> ガイド・グリッド　で、グリッド128px、分割数2にする 「グリッドを表示（⌘+¥）」するアートボードにグリッドが14マスで

  • テクノロジー
  • 2014/03/06 15:39

  • glyphs
  • font
  • アイコン
  • icon
  • illustrator
  • WebFont
  • チュートリアル
• あとで読む

  Apollo テーマ作った - MEMOGRAPHIX

  5 users

  memo.sanographix.net

  とにかく心穏やかにのびのびと日記を書きたい人のためのTumblrテーマを作った。下記のリンクからダウンロードできるので拡散希望です。 Apollo - 穏やかに日記を書きたい人のためのTumblrテーマ 【おしらせ】 穏やかに日記を書きたい人のためのTumblrテーマを作りました、みなさん使ってみてください http://t.co/Qy4BXKqxTh 2014, 3月 5ぼくはあらゆる人に日記を書かせるという達成不可能な目標を掲げている。 日記、最高の文化で、見ず知らずの他人が何考えてるのか無限に読めるっていうの、普通ではあり得ない体験で、こんなおもしろ文化を絶やしてはならない。みたいなことをいままでにも散々書いている。 なんで日記書いたほうがいいか - MEMOGRAPHIX去年作ったTumblrテーマのZEN 2.0は、そうした思惑の一環で、もともと自分のブログ用に作ったものをテーマ

  • 学び
  • 2014/03/06 13:57
• あとで読む

  [解決済み]OSXアップデートしたらGitHubでSSL証明書エラーが出て繋がらなくなった件と対処法 - MEMOGRAPHIX

  5 users

  memo.sanographix.net

  先日のOSXアップデートを行ったところ、GitHubに繋がらなくなった。SSL証明書エラーとか出てる。  ↑スクショ撮るの忘れたのでネットから拾ってきた。 ターミナルや、GitHub for Macからのpushもできなくなって困っていたところ、なんとか解決できたのでメモする。 フォーラムとかで、解決法として「キーチェーンアクセス」の「デフォルトキーチェーンをリセット」するという方法が挙げられていた。しかし、これを実行してしまうとキーチェーンの内容がすべて消えてしまうため、なるべくやりたくない。 いろいろ調べたところ、キーチェーンで「有効期限が2014-07-27の DigiCert Hig

  • テクノロジー
  • 2014/03/01 23:39

  • SSL
  • git
  • コンピュータ
  • Mac
  • github
• あとで読む

  SVGロゴの線がうねうねするやつ - MEMOGRAPHIX

  17 users

  memo.sanographix.net

  さっき公開したサイトで、ロゴの線がうねうね動くアニメーションを作った。 http://plus.jadda.info/ これの作り方を記す。 手順Lazy Line Painter っていう jQuery プラグインがあるのでこれを使う。 読み込む js は、lazylinepainter-1.1.min.jsと、jQuery本体と、Raphaël。 <script src="js/jquery.js"></script> <script src="js/raphael-min.js"></script> <script src="js/jquery.lazylinepainter-1.1.min.js"></script> 次に、ロゴのSVG画像をIllustratorなりで用意して、さっきの Lazy Line Painter のコンバーターに放り込む。これでSVGから線画のアニメーシ

  • テクノロジー
  • 2014/02/28 00:45

  • svg
  • jquery
• あとで読む

  美大で紙媒体専攻してた人がWebデザインやることについて - MEMOGRAPHIX

  98 users

  memo.sanographix.net

  ぼくは美術大学で4年間デザインを勉強してて、なかでも紙媒体のグラフィックデザインを専攻してた。所属研究室もプリントメディアを専門にやるところだったし、卒業制作も、なんか本みたいなの作ってた。だから、ぼくがWebデザインをやっていることについて、意外に思われたり、不思議がられたりすることがある。その研究室でわざわざWebデザインを志す人は殆どいないからだ。 しかし、紙で学んだことが無駄だと思ったことは一度もなくて、むしろWebデザインで非常に役立っている。ぼくが紙媒体を専攻してた理由は、紙は歴史のあるメディアだし、グラフィックデザインの基礎をちゃんと学ぶのに最適と思ったからだ。基礎というのは、タイポグラフィの扱い方とか、ジャンプ率とか、配色とか、そういうデザインの諸ルールのことで、そのルールはそのままWebデザインに通用する。今のWebデザインの流れを見ていると、フラットデザインとか、Web

  • テクノロジー
  • 2014/02/18 15:41

  • design
  • web
  • 考え方
  • デザイン
  • webdesign
  • webデザイン
  • web design
• あとで読む

  自分のサイトリニューアルした - MEMOGRAPHIX

  3 users

  memo.sanographix.net

  自分のサイトリニューアルした。 http://www.sanographix.net/ 背景サイト、今までのは2011年くらいに作ってて、Wordpress初めて触ったから滅茶苦茶な感じで作ってた。今は自作のlessフレームワークとか使ってサイト作るけど、当時はまだ作ってなくて、メンテナンス性に欠けてた。2011年はHTML5とレスポンシブデザインがすごいとか言われ始めた時期で、もともとレスポンシブデザイン非対応で作って、後付けで一部だけ対応させてて中途半端だった。 作り直したどうせ作り直すなら全部変えたほうが早いと思って、全部作り直した。そんな変わってないように見えるけど、実際は過去のコード捨てて書き直している。デザインあまり変えてないから、変わってないように見える。前のサイト結構気に入ってたから継承した。いまだったらフラットデザインとかあるけど、自分のウェブサイトは自分の分身となるもの

  • テクノロジー
  • 2014/02/16 23:43

  • web制作
• あとで読む

  コアバリュー - MEMOGRAPHIX

  4 users

  memo.sanographix.net

  何か作るとき、「一言でそれを説明できるか」をとても重視している。 というのも、以前あるプロジェクトで後悔したからだった。そのプロジェクトは、端的に言って一言で説明できなかった。こうしたい、というビジョンはチームで共有できていたが、それがプロダクトに反映されていなかった。その結果、類似品との違いがよく分からないとか、ほかと比べてあの機能が無い、ここが劣ってるとか言われて、単に表層的な機能の優劣だけで評価されることになった。その後もプロジェクトに関わって、世間の評価も段々と高まっていったからまあまあうまくいったと思っているけど、最初のスタートダッシュでもっとうまくやれたら、もっと成功していたと思う。 それを教訓として、何か作るとき、必ず一言で説明できるようにしている。例えばTumblrテーマで言えば、Illustfolioなら「イラストポートフォリオサイトが一瞬で作れるTumblrテーマ」、Z

  • 学び
  • 2014/02/10 21:32

  • 考え方
  • Design
• あとで読む

  MBP Retinaだけ2倍の画像を出すみたいなのをCSSだけで出し分ける - MEMOGRAPHIX

  6 users

  memo.sanographix.net

  Retina ディスプレイ用に 2 倍の画像出すとき、 Media Queries でこういう感じに書くと思う。 // デバイスにかかわらず Retina のときに出す @media (-webkit-min-device-pixel-ratio: 2), ( min-resolution: 2dppx) { #azunyan { background-image: url('images/peropero@2x.jpg'); } } ↑ これだとデバイスにかかわらず Retina のとき 2 倍の画像になるけど、スマートフォンとか 3G 回線で巨大な画像を読み込むのは重くてつらい感じになると思う。 そこで、 ぜんぶの Retina デバイスで出すタブレット以上のとき出すMacBookPro Retina のときだけ出すの 3 パターンの Media Queries を用意することで、画像

  • テクノロジー
  • 2014/01/28 12:06

  • css
  • html
• あとで読む

  jQueryでページをローカライズ（国際化）する - MEMOGRAPHIX

  4 users

  memo.sanographix.net

  ぼくのTumblrテーマの紹介ページ、5%くらいが海外からのアクセスなので、国際化しようと思い立って、やり方を調べてたのだけど、jQueryプラグインで国際化する方法があって使ってみた。 coderifous/jquery-localize · GitHub 手順1.まずjQueryとjquery.localize.jsを読み込む。 <script src="js/libs/jquery.js" charset="utf-8"></script> <script src="js/libs/jquery.localize.js" charset="utf-8"></script> 2.国際化したいタグにdata-localize="hoge"って書く。 <h1 data-localize="lovelive">ラブライブ！</h1> 3.jquery.localize.jsを実行するようにす

  • テクノロジー
  • 2014/01/25 08:54

  • jQuery
• あとで読む

  仕事しやすい仕事 - MEMOGRAPHIX

  6 users

  memo.sanographix.net

  デザイナーへのよい仕事の任せ方を考えてた。 今までを振り返ってみて、仕事しやすかった案件がいくつかあった。それらに共通してたことは、 それをやる目的がクライアントから伝えられてたクライアント（あるいはチームメンバー）とよくコミュニケーションしてたのふたつだった。この条件を満たしていた案件は良いパフォーマンスで仕事できたし、楽しかった。 デザイナーに仕事を任せるとき、いいからとりあえず作ってみてよ、というのは乱暴だと思う。それをやる理由はなぜか、何を達成したいのか言うべきだと思う。デザイナーは人間なので、わけのわからないタスクを振られてハイ喜んでということはなくて、なんでこんなことやってるんだろ、みたいな気持ちになる。そんな状況ではクライアントを信用できないから、要件をとりあえず満たしたのを作って、これ以上の仕様変更が来ませんように、とか祈るようになる。 ちゃんと会話すると、ほとんどのことは

  • 暮らし
  • 2014/01/25 01:26

  • memo
• あとで読む

  庭の良さ - MEMOGRAPHIX

  3 users

  memo.sanographix.net

  庭、良いと思う。 1ヶ月に一度は庭見に出かけてる。秋の紅葉シーズンは毎週行ってる。 行ってる割に全く詳しくないけど、日本人が庭に世界を再現しようと、そういう思想を持って何世紀も受け継がれてきたことは、なんとなく感じとれる。 庭に行って何してるかというと、何もしてなくて、ずっと座ってぼんやりしてる。冬は寒くてすぐ帰るけど春とか秋だとひたすら長居できる。非常な安らぎを得ることができる。忙しいときにあえて行くことにしている。京都は建物が低いので、庭に入ってしまうと、景色からビルが完全に消える。そういう環境でぼんやりするのは、都会に住んでいたらなかなか出来ない。そこが京都の良いところだと思う。 好きな庭の様子を貼っておきます。

  • 学び
  • 2014/01/17 17:01

次のページ