技術系ブログを書いてくれてる人に申し上げたいこと６つ
はじめにいつもお世話になってます！ 助かってます！ ありがとうございます！ 解説サイトの人は特にありがとうございます！ How to doは多いけど、Why I did in this wayで書かれてる記事が極端に少ないことたぶん備忘録として書いている人が多いと思うんだけど、マニュアルのような書き方が多い気がします。いやまあマニュアルがないよりは遥かに嬉しいことなんですが。重ね重ねいつもありがとうございます。 『AしてBしてCすると、コレができる！ かんたん！』で終わっていることが多いです。多いというか、ほぼこれです。 『ほげほげのためにA、もげもげのためにB、FUBARのためにCすると、コレができる』というように書いてくれると相当嬉しいです！別に『これこれをクリックして…』とか『bashとはうんたらかんたら』とか詳細を書かなくてもいいので、こういう目的のためにやったと書いてくれると嬉し
心地よいUIの温度 - 言葉と気遣いで高めるUI -
1. OH is a design project by yuta wariishi. website design, app UI/UX design, Branding & Logo design. Speaker No.4 / KAYAC inc. 割石 裕太 2. 割石 裕太 KAYAC inc. Designer (2012.4 - ) 自己紹介 @KAYAC inc. OH is a design project by yuta wariishi. website design, app UI/UX design, Branding & Logo design. 3. @wariemon Art Direction & Web / App / Blanding / Logo Design OH : http://wariemon.com 自己紹介 @OH (Personal
Lato - Google Fonts
Lato means “Summer” in Polish, and it is a sans serif typeface family started in the summer of 2010 by Warsaw-based designer Łukasz Dziedzic. Originally conceiv
Heartbleed.com で使用されているフォント "Lato" がクール - white croquis
まず、「OpenSSL の Heartbleed 問題」については前回の記事をご参照ください。 Heartbleed 問題で一般ユーザーは何をすればよいのか？ - white croquis 今回はデザインの観点から。 Heartbleed 問題の情報を集約している "heartbleed.com" のWebサイトは、白地に細めのサンセリフ体、そして赤い "Heartbleed" のシンボル、と病院を思わせるような色使いの、クールでシンプルな雰囲気のレスポンシブデザインになっています。 そして、このサイトで使われているフォントを調べてみると、Google Fonts で提供されている "Lato" というフォントでした。（下の画面は "What Font" という Google Chrome 拡張機能で表示した画面です） Google Fonts Lato Lato - quality o
Jekyll • Simple, blog-aware, static sites
No more databases, comment moderation, or pesky updates to install—just your content. How Jekyll works → Static Markdown, Liquid, HTML & CSS go in. Static sites come out ready for deployment. Jekyll template guide → Blog-aware Permalinks, categories, pages, posts, and custom layouts are all first-class citizens here. Migrate your blog →
ABOUT LIFE COFFEE BREWERS
「コーヒーをワインのように楽しむ！？」 産地、農園、精製方法、焙煎、淹れ方まで、すべてにこだわって淹れたコーヒーを「スペシャルティコーヒー」といいます。近年、アメリカ、オーストラリア、北欧の先進国で、このようなコーヒーが飲まれるようになり、ブームになっています。そのアティチュードはまるで“ワイン”のよう。自分が飲むコーヒーの起源を知り楽しむことで、より豊かで満足度の高い暮らしへと繋がっていくきっかけになります。 クオリティコントロールを務めさせて頂くのは、“ONIBUS COFFEE”の坂尾篤史です。コーヒーカルチャーの聖地であるメルボルンやシドニーのスタンドを巡り、さらにコスタリカ、グアテマラの農園まで足を運び研究を重ねてきました。ですから、絶対的な品質へのこだわりを感じて頂けると思います。また、お店のバリスタも経験豊富なベテランが在籍。常にクオリティが高く、安定した味わいにこだわってお
1ヵ月の売り上げが約1500万円になるまでにしたこと
出産祝いギフトブランドMARLMARL。“まあるい”よだれかけや洋服のようなお食事エプロンなど子どもたちをかわいく見せてくれるアイテムをそろえています。熨斗（のし）風デザインのラッピング、名入れ刺繍サービスなど出産祝いにピッタリ。 MARLMARLの代表とは地元が一緒と言うこともあり、元々知り合いでした。10年以上前はよく顔を合わせていましたが、それぞれが互いの道に進み、連絡先も分からないまま8年が過ぎました。ある日、フェイスブックで彼を見つけ、連絡を取るようになりました。 そんなある日、「ブランドを立ち上げたいんだよね。」と彼から言われました。私はその時、ちょうど独立したばかりだったため、「ホームページを作ろうか？SEOもやるよ。」といった感じで話は始まりました。 ２．ホームページ制作とSEO まずホームページを作るところから始まりました。MARLMARL側としては元々インターネットの重
【Webデザイナー必読】IoT時代のデザイン思考を探る─久下玄×秋葉秀樹 デザイナー対談
【Webデザイナー必読】IoT時代のデザイン思考を探る─久下玄×秋葉秀樹 デザイナー対談 白石 俊平（HTML5 Experts.jp編集長） IoTの時代、それはモノのデザインとWebのデザインが交錯する時代と言えます。 そんな時代に必要とされるデザイン思考とはなんでしょう？モノのデザインとWebのデザイン、そこにある違いは、そして共通するものは何でしょう？ この記事ではそんな疑問の答えを探るべく、この記事では、プロダクトデザインとWebデザインのプロフェッショナル2人を引き会わせて、デザインについて、デザイナーについて、UXについて、Webについて、IoTについて、気になることを全部語っていただきました。 プロダクトデザインとWebデザイン、その境界線から見える景色を、それぞれの分野のエキスパートが語ります。 〜登場人物紹介〜 久下玄（くげはじめ）: デザイナー／エンジニア／ストラテジ
日々の業務やWeb制作に役立つ！おすすめChromeプラグイン12 - Design Color
また、以前に書いた「Any.do」の記事はこちらです。併せてどうぞ！ おすすめタスク管理ツール「Any.do」を紹介！リマインド機能やスマホとの連携が便利 | Design Color 以前に書いた「Any.do」の記事 ブラウザの開きすぎにご用心！「The Marvellous Suspender」 追記 以前は「The Great Suspender」を紹介していましたが、マルウェアが含まれているとして、Chrome ウェブストアから拡張機能が削除されてしまったため、代替の拡張機能である「The Marvellous Suspender」を紹介しています。 作業中、調べ物などをしていてついついブラウザを開きすぎてしまい、PCが重くなってしまった経験ありませんか？このプラグインを入れておけばアクティブでないタブを停止状態にすることができます。 停止までになる時間を「5分」「15分」「30
ユーザーファーストよりサービスファーストでありたい
Mizuhiro Liam Kio on 08 Feb 2015 , tagged on concept 「ユーザーと向き合い、ユーザーのために、ユーザーファーストでいろ。」 近頃はユーザーファーストという言葉をあちこちで見かけるようになった。本来向き合うべき対象をしっかり見据える文化が広まっていくことは素晴らしい。だが、こういった言葉の流行が無用な誤解を生むような気がしてならない。本来ユーザーファーストとはユーザーの御用聞きではないことなどわかりきっている話だが、その経緯を知らない人達もサービス設計に関わる時代だ。また、頭では理解していても、何をすればサービスが良くなるかヒントがない中で、安易にユーザーの意見にすがりたくなってしまうこともある。 ユーザーと運営の距離が近い場合は特に注意が必要だ。ユーザーと直接話すと、感情的なフィードバックを寄せられることが多い。「こういう機能があると絶対
『２年通い続けてくれた決して買わないお客さん』
もう２年くらい経つだろうか？ １人の男性がうちに通うようになって なにしろ 一度も購入していただい事が無い 週末になると入店して 店内を巡り 商品を手に取り １人で「なるほどな」と満足されて 最後は「ありがとう」と言って帰って行かれる 最初の頃は 「？？」となっていたが いつか絶対買ってもらおうと なんだかわからないが私の 「ナニカ」に火が着いた 話はちと脱線しますが 「よろしければご試着してみてください」 そんな言葉言い飽きた おそらく言い飽きた現場人が居るという事は お客さんは「聞き飽きている」だろふ 服っちゅうのはおもろいもんで これ着て何処いこ？ と考えるだけで モチベーション上がりません？ わたしゃ「思い入れ」という 得体の知れない物体も 一緒に購入してもらう そう その方の ライフスタイルを探り それなら 「こんなん着て行ってはどうですか？」 これ魔法の言霊で 消費者の方の 想
デザインスプリントとブルーボトルのプロトタイピング（翻訳）
本記事は、最近日本にも上陸したBlue Bottle Coffeeが行ったデザインスプリントについての翻訳記事である。（オリジナル）。デザインスプリントとは、Googleの投資部門Google Venturesが投資先に行うデザインワークショップ。Googleはオンラインでの売り上げが伸び悩むBLUE BOTTLE COFFEEと彼らのエージェンシーに対し、一週間のデザイン／プロトタイピングワークショップを行い、大きな成果を出した。以下、そのプロセスとなる。 BLUE BOTTLE COFFEE 私たちはブルーボトルコーヒーの新しいサイトデザインを手伝い、売り上げと滞在時間を伸ばしました。 ブルーボトルは美しいカフェと精緻なコーヒーにより、熱狂的なファンを生み出しました。しかし彼らのサイトは、そのブランドを表現しきれず、ウェブによる売り上げは全体利益のたった10%でした。 チャレンジ ブル
情報を見やすく分かりやすく整理して表現するためのフロー（自己流） | 簡デザ −かんたんデザインブログ−
最近受けた仕事で、イベントのチラシのデザイン制作があったのですが、載せる文章などの情報量が多く、整理するのに苦戦しました…。 なんとか形にして第1稿をあげたものの、ごちゃごちゃして分かりづらい紙面となり、ほぼやり直し…。 チラシ制作とか何度もやってるはずなのですが、情報を整理して分かりやすくまとめるのってホント大変だな…と改めて感じ、見返す機会になったので、情報を分かりやすく整理する方法、視覚的に分かりやすくするポイントなど、基本的なことで思い当たったものをまとめて、実際の情報整理の流れを書いてみました。 分かってるつもりでも、なかなか実践できてなくて困ってしまうま。 個人の経験と考え方でまとめたものなので、何か間違っていたらすみません…。 まずは情報を分類する まず、伝えたいことをそれぞれパートに分けます。 今回はイベントのチラシを想定します。こんな感じでしょうか。 ・タイトル（大見出し
デジタル時代の横書き明朝体「TP明朝」 「アルドノア・ゼロ」が採用、ディスプレイにも文学的なたたずまいを
「明朝体をもう一度日常に」――Webサイトやデジタルデバイスの普及で見かける機会が減っている明朝体。今の時代に適した新たなスタンダードを目指し、「AXIS Font」を手がけるタイププロジェクトが開発したのが横組みに特化した「TP明朝」だ。なぜ今、あえて明朝体なのか。生みの親の鈴木功社長に聞いた。 明朝体とゴシック体、逆転する存在感 明朝体は、毛筆の楷書体が様式化された書体で、ゴシック体と並ぶ基本スタイルの1つ。基本的な地の文の書体として広く使われてきたが、縦の線が太く横の線が細い、縦書きの視線運びを意識した形式であることから、デジタル化の進展とともに利用シーンが減っている。Webの日本語表示はゴシック系がほとんどだ。 鈴木社長は「以前はカジュアルなゴシック体が脇役的な使われ方をしていたのに、現在は逆転している印象。スマホやPCが基本の若い人たちにとっては、もはや見慣れないフォントになって
illustratorでUIデザイン：画面遷移図作成スクリプト - Two hats
illustratorでUIデザインをし始めると便利だなーと思うところが幾つかあります。 その内、個人的に押しなのは「アートボード」です。 1つのファイルで複数の画面を作成・管理することができ、一覧性が高いのでアプリの全体を俯瞰しつつ１つ１つの画面を作成していくことができます。 但し、単に画面が並べてあるだけなので画面遷移図のような並びにできたら便利だろうなと思いついてスクリプトを作成してみました。 画面遷移図.jsx Githubにもアップしてみました。github.com 使い方 例として、画面検討するためにワイヤーフレームの画面構成図をillustratorで作ったとします。 単に作っただけだと下図のように並んでいるだけです。 1.アートボードに画面遷移図用のタグをつける 「パネル>アートボード」でアートボードパネルを開き、名前にタグを埋め込んでください。タグと言っても難しいことはあ
知っておきたいCSS設計法 | 第1回 OOCSSの基本
知っておきたいCSS設計法 第1回 OOCSSの基本 HTMLテンプレートを設計する上で、基礎と考えられる概念のひとつOOCSSを取り上げます。オプジェクト指向のCSSとは何か？ 今回はその考え方の基本をまずおさえましょう。 はじめに このシリーズでは、OOCSS（オーオーシーエスエス）、BEM（ベム）、SMACSS（スマックス）という3つのCSS設計概念の概要を解説します。HTMLとCSSをどのように書いていけばよいかは、過去に「CSSの設計」シリーズにまとめました。今回のシリーズは、その2014年度版とでもいうような内容になっています。 というのも、CSSの設計を書いた頃と比較すると、さまざまな設計概念が広く知られるようになったものと思います。今回紹介するBEMやSMACSSが、その代表です。また、CSSのプリプロセッサSassのバージョンアップでは、BEMを意識したような機能なども追
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
BranDingDong
これを無断使用しちゃっていいの？ブログのアイキャッチ探しがはかどる高クオリティーCC0写真サイトまとめ
THE GUILD Labs