結局 PWA は来るの？来ないの？
昨日 Twitter でこんな記事を発見しました。 PWA が来るって言っているエンジニアは今すぐ辞めろ 「instagram の PWA が最高〜！ネイティブと見分けつかない！！とかほざいているグー○ルのエバンジェリストだかエンジニアが騒いでいたので触ってみたのだが、オワコンであった。」 もしかしてこれのことかな？ Instagram PWA is sooooooo impressive. I probably won't be able to distinguish it with its native app. InstagramのPWAが、デキが良すぎて感動してる。ネイティブアプリと見分けられる自信ない。 pic.twitter.com/DS8TfceBZ6 — Eiji Kitamura / えーじ (@agektmr) 2018年1月26日 確かに、この言い方は若干煽り気味のと
フリーランスデザイナーの「つくること、はたらくこと」 - Speaker Deck
Transcript ϑϦʔϥϯεσβΠφʔͷ � ʮͭ͘ Δ͜ͱɺ ͨΒ ͘ ͜ͱʯ ࣗݾհ ͢Έ͔ͩ͋ ʢ֯ాҁՂʣ 8FCσβΠ ϯˍΠ ϥε τ Ϩʔλʔ େࡕࡏॅɺ ੍࡞ձࣾͰͷ8FCσβΠφʔΛܦͯ����ʹϑϦʔϥ ϯεʹɻ ओʹ-1αΠ τͷσβΠϯɺ ΠϥετΛ੍࡞͍ͯ͠·͢ɻ ͱ�ࡀͷஉͷࢠͱ ͏͕͗͞�ඖ͍·͢ɻ Ωϟ ϦΞ͚ͩ ��ʹ ɾ ɾ ɾ ࠓͷ͓͠ͳ͕͖ σβΠϯΛ࡞Δ ʮཧʯ ͱ ʮϏδϡΞϧʯ � ཧฤ � ϏδϡΞϧฤ � σβΠϯͷઆ໌ฤ ϑϦʔϥϯεͱͯ͠ಇ͘ Θͨ͠ͷ৺ಘ 01 02 ࠓͷͶΒ͍ ࠓͷςʔϚ ʮσβΠϯࡇʯ ɻ ʮσβΠϯղܾʯ ͜ͷ͜ͱΛͣͬͱ؊ʹ͡ ͖͚ͯͨΕͲɺ ࠷ۙͲ͏ͬ͘͠ Γ͜ͳ͍ɻ ࠓͷͶΒ͍ ݟ͚͕ͨͩσβΠϯ͡Όͳ͍ɺ ͰσβΠϯͷத Ͱɺ ͖Ε͍ͳ৭ɺ ͖ͯ͢ͳϑ
Webデザインにおけるタイポグラフィの考察 | ノート | dotgraphy
2016年5月16日（月）に社内勉強会でWebにおけるタイポグラフィについて発表しました。このエントリーはその発表資料です。なおこのエントリー中の例はMacのOS X El CapitanのChromeで確認しています。画像を使わずにどこまで出来るかトライしてみたかったので他のブラウザでは意図した表示をしていないです。画面サイズはPCのサイズを想定しています。 「の」「を」「と」はTypography 09の「組版上級者になるためのメソッド 工藤強勝さんのスタッフ指導」より うちでは独自でまとめた書体の見本帳があるんです。仮名の中でも書体の特徴が出やすく使用頻度も高い「の」「を」「と」などを拡大し、縦、横、それぞれの本文組の例や見出し使用例なども載せてあるので、スタッフは常にそれを見て勉強しています。 とあったので、「の」「を」「と」をTP明朝でつくってみました。 目的 紙のタイポグラフィ
Prott Blog - 機能の充実度からサポートやデザインまで、Prottは魅力的なプロトタイピングツール - DeNA
機能の充実度からサポートやデザインまで、Prottは魅力的なプロトタイピングツール - DeNAProttインタビュー Vol.8 株式会社ディー・エヌ・エー（DeNA） デザイン戦略室第二グループ UIデザイナー 増田 直生さん デザイン戦略室第二グループ UIデザイナー 和波 里翠さん デザイン戦略室第二グループ UIデザイナー 中江 亮さん DeNAさんでは、マンガボックスやFlatやさまざまな新規事業でProttをご利用いただいています。他のプロトタイピングツールとの違いやProttのよさについてお話を伺いました。 実用的な機能も「使ってみたい」と思わせる魅力も詰まっている ——本日お話いただく増田さん、和波さん、中江さんはどのようなプロジェクトに所属されているのでしょうか？ 増田 僕は「マンガボックス」ともうひとつ、社外秘の新規事業プロジェクトを担当しています。 和波 入社してか
Should I GetUp
Il volontariato rappresenta una straordinaria opportunità di crescita personale e sociale, particolarmente significativa per i single che cercano di arricchire la propria vita e di stabilire connessioni profonde con la comunità. Dedicare il proprio tempo e le proprie energie a cause benefiche non solo contribuisce al benessere degli altri, ma offre anche innumerevoli vantaggi a chi decide di impeg
2016年これからのWeb制作業界の流れ、注目されているテクニックやツール、Webデザインのトレンドなどのまとめ
数多くのブログで2016年のトレンドをさまざまな切り口でポストしているので、その中から特に印象的で共感がもてたものをまとめて紹介します。 注目キーワードは、UI/UXはユーザーありきを忘れずに、洗練されたUIパターンとコンポーネント、旧バージョンIEのサポート終了、静的ページのジェネレーター、ページの肥大化。 淡いピンクとブルーは、今年のトレンドカラーのローズ クォーツとセレニティ 参考: 2016年のトレンドカラーはやさしい色、春の10色も素敵なカラーが揃ってる！ 2016年、Webとグラフィックデザインのトレンドと今後の展望 2016年、Web制作業界全体の流れ 2016年、注目されている新しいテクニック・コンセプト 2015年に定義されたレスポンシブWebデザインの8つのトレンド 現在のトレンドから見た良いこと、良くないこと、そしてダメなこと 2016年に学ぶべきプログラミング言語と
SIGIXD 2nd Googleにおけるインタラクションデザイン - 安藤日記
安藤日記 安藤日記：デジタルガジェット好き「安藤幸央」の日々のメモ ( yukio.andoh@gmail.com ) [ http://twitter.com/yukio_andoh ] Design Sprint Newsletter https://designsprint.substack.com/ SIGIXD 2nd ------------------------------------------------------- http://sigixd.org/2nd.php Googleにおけるインタラクションデザイン ＃川島さんの示唆に富んだ話がすばらしかった。 川島 優志氏 シニアウェブマスター・アジア太平洋マネージャー: "Behind the web design & Doodle creation" Judy Shade UX Researcher: "UX at
第13回 Webページで読みやすいテキストとは：ITpro
今回のポイント 1行あたりの文字数の目安 1段落の文字数の目安 段落に含む文字数 行間調整の考え方 字間調整を使ったロゴ風味見出し 日本語というのはもともと縦書き文化です。文字も筆で縦書きしていくときに書きやすいように作られています。現在PC画面上で見るフォントは，活字印刷物のフォントとは違い，横書きで読みやすいようにもともとの字体から若干形を変えられています。それでも起源である縦書きの形を完全に壊すことができないので，やはり横書きでは読みづらいようになっています。 日本人が苦痛を感じることなく読める横書き1行あたりの字数は20字＋α程度だと言われています。意識して雑誌などを見るとたいていが!)25文字から28文字程度です。用紙，つまり本のサイズがA4を超えるような大判になると，1ページを左右2段組に分けて25～28字程度に調整されています。 一方，縦書きの場合には識別許容量はグンと増加し
「カラーユニバーサルデザイン」って知ってますか？
「カラーユニバーサルデザイン」は、さまざまな利用者が使いやすいよう考えられた配色を含めた視覚情報のデザインです。色の見え方が異なる利用者すべてに情報が正確に伝わることを目指すこのカラーユニバーサルデザインが、いま注目を集めています。
テキストでハート型などの画像が作れるジェネレーター | *LOVE IS DESIGN*
この記事へのトラックバック テキストでハート型などの画像が作れちゃう Excerpt: 以前紹介した「おまかせバナー作成」に新しいジェネレータができたようです。うれしいことに今回も日本語にも対応しています。(*^ーﾟ)b ｸﾞｯｼﾞｮﾌﾞ!! バレンタインに向け、HPやブログのワ.. Weblog: おもしろキングダム Tracked: 2007-02-05 19:42 blogstickerをつけちゃいました Excerpt: ひさびさに、らぶさんのブログを訪れました。 テキストでハート型などの画像が作れるジェネレータ－ ってのが、いたく気に入りました。 ほか、 たった1分でかっこいい写真に変身できる！Webツール .. Weblog: Tech for Learning Tracked: 2007-11-07 17:58
メールアドレス画像化ジェネレーター集 | *LOVE IS DESIGN*
スパム対策にメールアドレスを画像にしてくれる、便利なジェネレーターをまとめてみました。おしゃれなデザインなのでブログのワンポイントにもなりますよ。 きゃっとまーくめーる 可愛いネコのイラスト付き フォントもいろいろ選べます。 わたしが使用しているのは「みかちゃんFONT」です。 でざいんめーる フォントや背景色の変更・グラデーションなど 参考：でざいんめーるのサンプル一覧 E-Mail Icon Generator E-mail Sigs GMail・Hotmail・MSN・Yahoo!などに対応 Gmail Signature Generator Gmail用 Handmail 参考 HTMLエンティティ化 メールアドレス画像化以外のスパムメール対策は、エンティティコード（数値文字実体参照）に変換する方法もあります。 追加（2007/3/14） Faviconメール ファビコン＋メルアド
Web2.0風デザインの超クールなWordPress用テンプレート「GlossyBlue」:phpspot開発日誌
GlossyBlue High-tech, glossy Mac style, Web 2 Mini icons, validated CSS and XHTML, Web 2.0 colors… perfect WordPress theme for your technology-related blog. This theme contains all required template files: index or category view, search & results, comments, 404 error, single view, and static page template. Also, print.css file is included to make sure that your page still look nice on print out. W
Favicon（お気に入りアイコン）が簡単に作成できるWebツール :: Love & Design ::
Faviconとは、Favorite Icon の略でブラウザのブックマークや、サイトを開いた時のアドレスバーやタブに表示される 16×16 の小さなアイコンのことです。 （faviconに対応していないブラウザもあります） Faviconを設置するメリットは、個性をPRしたり目立つということでしょうか。 今回は、Faviconが簡単に作成できるサイトをご紹介します。 Favicon Japan!! -16×16の小宇宙ファビコン- お手持ちの画像からfavicon.icoを自動作成してくれます。 当ブログのキスマークFaviconもこちらのサイトで作成しました。 Favicon Japan!! -ファビコンの設置方法- Favicon Genereator こちらのサイトは、お好きな色を選んでテキストが入れられます。 さっそくこちらでも作ってみました。 +LOVE2.0+ はてなダイアリ
厳選10本！ブログで使えるスグレモノツールまとめ :: Love & Design ::
プロのWebデザイナーじゃないけど、ブログをもっとカッコよくしたい！もっとオシャレに見せたい！という方のために、これまで紹介したブログで使えるスグレモノツールをまとめてみました。 便利なフリーソフトはたくさんありますが、この中でお気に入りが見つかるとうれしいです。 名付けてsweetloveパック（livedoor風味） 画像系 ImageChef（日本語・携帯にも対応） ワンポイントや mixi のプロフィールにどうぞ 画像が簡単にできるジェネレーターいろいろ :: Love & Design :: Polaroid-o-nizer™ ポラロイド風や枠をつけてオシャレに演出 写真をオシャレに見せたい人のための便利なツール :: Love & Design :: デザイン系 Dynamic Drive CSS Library タブメニューなどが豊富に揃っています。 誰でも簡単にCSSカスタ
汎用CSS - tikeda's blog
先日、ダイアリーをリニューアルしたのですが、今回これまでとは違って、はてなの汎用スタイルシートを作り、それを導入して作っています。簡単に説明すると、これまでは、サービス毎に1つCSSを作っていましたが、今後、はてな内でサービスのデザインに統一感を持たせる意味などで、全サービスのベースに、同じCSSを導入してデザインを作っていこうという感じです。 構成 ソースを見ていただければ分かりますが、汎用CSSはglobal.cssというCSSから、syntax.css、support.css、common.cssという3つのCSSをimportして構成されており役割は以下の感じです。 common.css タグの基本スタイルの定義と、ページ内の各要素をパーツ化して、それを部品毎にclassにしているデザインの枠組みになるCSSです。例えばtableであれば「一覧用（.table-list）」「管理画
検索結果で有利になる知られざるHTMLタグ5種類 - GIGAZINE
よく知られているように現在のウェブ検索のメインストリームをしめるロボット型検索は、回収したページのHTMLタグを解釈して意味を与え、重要度を判定し、検索結果に反映させます。 例えばタイトルに使われるH1などのタグはより重要な文字列と見なしますし、リンクタグに「rel=nofollow」が入っていればページランクなどの計算でポイント付与評価を無視するようになります。 しかしそれ以外にも数々のSEO業者が調べたり実験してきた結果、より有効に解釈されると判断されるがあまり知られていない5種類のタグが存在します。 以下がその5つのタグです。 SEOmoz Blog | 5 HTML elements you probably never use (but perhaps should) 1.addressタグ 住所、電話番号などの連絡先を示すためのものです。電子メールアドレスやメッセンジャーの情報
GIGAZINE - よく見かけるあの小さなボタンバナーを作る「Button Maker Online」
上記画像のような小さなボタンバナー画像に見覚えはないでしょうか？これを簡単にオンライン上で作成できるのが無料サービス「Button Maker Online」です。80×15か88×31サイズの画像が簡単に作成できます。 Dynamic Drive online tools: Button Maker http://tools.dynamicdrive.com/button/ 使い方は以下の通り。 「Base Color is Transparent」：背景色を透過色にする 「Base Color」：背景色を決める。「Base Color is Transparent」のチェックを外すと選択できる 「Font」：文字のフォント。SilkscreenとSans-Serifの2種類。 「Border Color is Transparent」：境界線の色を透過色にする 「Border Colo
角丸ライブラリ - tikeda::Diary:
最近角丸を作る機会が多かったので、今後の為に色々整理してたんですが、公開しておきます。使えそうだったらいじって使ってください。中身の文書を書き換えれば上下左右と可変するように柔軟になっています。また、一部PSDも同封してます。 0501curve.zip 中身はこんな感じ。 ベーシックなタイプ 01：小さ目な角丸 02：大き目な角丸 03：斜線の角丸（背景画像をループ） 04：ストライプの角丸（背景画像をループ） 05：木模様の角丸（背景画像をループ） 06：リボンのついた角丸（背景画像を固定） 4つ角をの内側を透過GIFにしてるので、大枠の背景を変えれば発想次第で色々と使えると思います。HTMLとCSSは大体こんなんです。divが多いのがちょっと嫌な感じですが。はてな内ではspanでやってたりもします。 HTML <div class="curve-01"> <div class="cu
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
IDEA * IDEA
