タグ

関連タグで絞り込む (234)

タグの絞り込みを解除

Designに関するat_yasuのブックマーク (489)

  • 「洗濯絵表示」全41種類の意味を解説!覚えておきたい正しい洗い方

    洗濯表示をチェックすべき理由  洋服のお手入れは、素材に合った適切な方法で行うことが肝心ですが、そのためには洗濯表示を理解する必要があります。何も知らずに乾燥機に入れてしまったり、アイロンをかけてしまうと、型崩れや縮みの原因になることも。お気に入りの洋服を長持ちさせるためにも、洗濯表示の意味は必ずチェックするようにしましょう。 覚えるべき5つのマーク 洗濯表示は、洗濯、アイロン、漂白、タンブル乾燥、自然乾燥、クリーニングの6つのマークに分けられます。それぞれの記号が何を指しているのかを覚えてしまえば、失敗することなくお手入れすることができますよね。ここからは、6種類のマークを細かい意味と合わせて解説していきます。 洗濯 洗濯の仕方は、洗濯桶のイラストで表示されています。桶の中の数字は上限の水温を示していて、30度・40度・50度・60度・70度・95度と細かく分類。桶の下の横線は衣料品に与

    「洗濯絵表示」全41種類の意味を解説!覚えておきたい正しい洗い方
    at_yasu
    at_yasu 2016/11/30
    (꒪⌓꒪ )うぼぁ……
  • Webデザインでよく使うUI要素の名称・用語一覧 - Qiita

    Overview Webサイトを作っているとよく出てくるUIの名称を、ざっくばらんにまとめました。 人や会社ごとで固有の呼び方があると思いますが、私の場合こんな感じです。 コミュニケーション円滑にな〜れ ※2016/11/28 はてブコメントなど参照させていただき、少し更新しました。 ポップアップ表示系 ▼ アラート JSのalertかブラウザのデフォルト機能で出るやつ。ダイアログとも。 ▼ モーダル・モーダルウィンドウ 閲覧中のページにカバーを重ねて表示させるやつ。 modalは「このページはいま入力モードだぜ」といった意味合いでmodeを形容詞化したことば。 ▼ ツールチップ・ポップアップ表示 マウスオーバーすると吹き出しとかで表示されるUI。 補足説明などで使用されることが多い。 ▼ ポップアップウィンドウ 閲覧中のウィンドウとは別に、勝手に立ち上がるウィンドウ。 スパイウェアなどの

    Webデザインでよく使うUI要素の名称・用語一覧 - Qiita
  • 游ゴシックは何故Windowsでかすれて見えるのか - Ryusei’s Notes (a.k.a. M59のブログ)

    この記事は2016年当時の状況を書いています。その後のバージョンアップで、Windowsでのフォントレンダリングは改善され、ガンマ補正周りのエラーはなくなっているようです。当時の状況を資料として残しておきますが、記事を参照する場合はご注意ください。 TL;DR 游ゴシック体は単に細いから薄いのではなく、ガンマ補正が2重、3重に掛かっているために、グレーが来よりも明るくなりすぎている。ガンマ補正を逆に掛けると、正常な表示になる。 かすれた游ゴシック Windowsでは游ゴシックがかすれて見える。細字だと薄くて読みづらいから、より太いウェイトを指定しろという話もある。(Windowsで游ゴシックが汚いのは、結局誰が悪いのか? | Cherry Pie Webなど)だが、かすれて見える原因は、ウェイトが細すぎるからではない。 例えば、文に游ゴシックを使っているWIREDの記事(「癌」という名

    游ゴシックは何故Windowsでかすれて見えるのか - Ryusei’s Notes (a.k.a. M59のブログ)
  • Blocs - Fast, easy to use and powerful visual web design tool, that lets you create responsive websites without writing code.

    The Ultimate Website Builder for Mac, iPad & iPhone Blocs is fast, intuitive and powerful visual web design software, that lets you create responsive websites without writing code. Blocs for MacBlocs for iPadBlocs for iPhone Learn Get up and running fast with our learning portal. You'll find everything you need to master building websites with Blocs. Learning Portal Connect Connect with other Bloc

    Blocs - Fast, easy to use and powerful visual web design tool, that lets you create responsive websites without writing code.
    at_yasu
    at_yasu 2016/11/07
    web design application. HTMLメール作るのにええで、っていう話を聞いた。
  • Appleのロゴマークのリンゴはなぜ一口かじられているのかという本当の理由 - GIGAZINE

    by Photo Giddy Appleの初代ロゴはニュートンが木の下に座ってを読んでいるというものでしたが、その後、リンゴがかじられたデザインへと変更されています。この「かじられたリンゴ」というロゴを巡っては、原罪を示している、というものから、コンピューター科学者のアラン・チューリングが死んだ時にそばにかじりかけのリンゴがあったから、というものなど、数々のうわさが流れていますが、ロゴをデザインしたデザイナーのロブ・ジャノフ氏がデザインに秘められた当の理由を語っています。 Rob Janoff on his logo for Apple | Logo Design Love http://www.logodesignlove.com/rob-janoff-apple-logo-designer 故スティーブ・ジョブズCEOがジャノフ氏にロゴの再デザインを依頼したのは1976年のこと。ジ

    Appleのロゴマークのリンゴはなぜ一口かじられているのかという本当の理由 - GIGAZINE
    at_yasu
    at_yasu 2016/09/26
    「私はリンゴが他の丸い果物ではなく「リンゴ」に見えるシルエットにするために、ロゴを一口かじったデザインにしました」
  • Josh - Laravel Admin Template + Front End + CRUD

    Please take our survey to give you better updates Josh Admin template is a bootstrap based admin template developer for Laravel and we made it for all laravel versions from 4.2 to latest. Laravel Features Backend & Frontend pages in blade format with master layouts Authentication and Authorization Login, Register functionality Add/edit/delete users from admin panel Add/edit/delete user groups (rol

    Josh - Laravel Admin Template + Front End + CRUD
    at_yasu
    at_yasu 2016/09/12
    ほー
  • Webサイト制作がAIで実現!?デザイン、ABテスト実行ツール『FIREDROP』 | Ledge.ai

    衝撃的なニュースが飛びこんできました。ほぼタイトルの通りですが、現在事前エントリー受付中の『FIREDROP』なるツールが色々ヤバイです。 テンプレートという概念を無くす。AIによる自動デザイン 以前にLedgeでも紹介したWix ADIやThe Gridの場合、デザインは(ほぼ)自動ながら、それでも事業形態やサイトタイプなど、いくつかのテーマ選択は人間が行う必要がありました。 が、今回発表された『FIREDROP』の場合、それすらAIにマルナーゲでOKらしいです。 テキストで書いたコンテンツをドサッと上げると、言語を形態素解析 ⇒ 文脈から意味を推測して『誰のどんなニーズに対しなにをどう伝えたいサイト』を作りたいのか?を一瞬で把握。 そこからいい感じにページ構成とレイアウトを整えて60秒で完成させてくれる。とかなんとか。 もし人間にそんなことできるデザイナーさんがいたら何としてでも採用し

    Webサイト制作がAIで実現!?デザイン、ABテスト実行ツール『FIREDROP』 | Ledge.ai
  • BASEのアプリにMaterial Designを導入する際にやったこと考えたこと - NOTE - MIFURU

    先日 BASEのアプリのリニューアルバージョンがリリースされた 。( Google Playはこちら ) 今までiOSとAndroidのデザインが全く同じでガイドラインに沿ったデザインを行えていなかったので今回のリニューアルを機にMaterial Design(マテリアルデザイン)を採用。そのとき流れやデザインまでのプロセスを簡単にをまとめてみる。 導入までの経緯 BASEではiOSのアプリが先にリリース。ver.3.0.0が出るタイミングでAndroidアプリもリリースしたがiOSと全く同じデザインで実装されていた。当時すでにMaterial Designは発表されはじめ、Google Playでも少しずつMateral Designを採用したアプリが特集されていて格的に広まっていた。 BASEのアプリのデザインが内製になったタイミングでMaterial Designに変更する話が出て

  • カラーホイール | カラースキーム - Adobe Color CC

  • try! Swift Swift版「誰のためのデザイン?」 #tryswiftconf Day2-5 - niwatakoのはてなブログ

    Rachel Bobbins Stitch FixでiOSのリードエンジニアをしています。以前はPivotal Labsで働いていました。ユーザ・開発者の両方にとって素晴らしい経験を作り出すことを大切にしています。 twitter.com D.A.ノーマン著「誰のためのデザイン?(原題: \"The Design of Everyday Things\")」はデザイン哲学に焦点をあてたデザインの書です。そこで紹介されている多くの原則はSwiftのような物理的ではない言語についても当てはまります。このような原則を通して、読みやすく効果的なコードの書き方を探ります。 6年前に読んだを読み返しました。 心理学や認知科学から考えて製品を設計するというものです。 こので紹介されている内容とコードの関係を考えてしまいます。どうやってコードの設計にこれを適用するか。 ひょっとすると危ない未知を歩んで

    try! Swift Swift版「誰のためのデザイン?」 #tryswiftconf Day2-5 - niwatakoのはてなブログ
  • 体が勝手に…!視覚効果で歩行者を誘導する「横断歩道」が斬新 - U-NOTE[ユーノート] - 仕事を楽しく、毎日をかっこ良く。 -

    歩行者の多い繁華街。横断歩道のすれ違いで衝突しそうになるなど、互いに迷惑な思いをしたことがあるだろう。すれ違うための隙間を探し、ぶつからないようにするため、歩行速度は遅くなる。そんな問題を解消してくれる、横断歩道のアイデアが発表された。目の錯覚を利用して歩行者を導く台湾・台北科技大学Yen Tin Chenさんのデザインコンセプト“Double Triangle Crosswalk”である。特徴は、横断歩道を対角線上で左右に分割したこと。

    体が勝手に…!視覚効果で歩行者を誘導する「横断歩道」が斬新 - U-NOTE[ユーノート] - 仕事を楽しく、毎日をかっこ良く。 -
  • IoTのシステム構成図が描けるアイコンセット、ソラコムが無償公開。IoTデバイス群、ドローン、監視カメラ、SIMなどを表すアイコンも

    IoTのシステム構成図が描けるアイコンセット、ソラコムが無償公開。IoTデバイス群、ドローン、監視カメラ、SIMなどを表すアイコンも IoTデバイス向けの通信サービスをクラウドで提供するソラコムは、IoTデバイス群やドローン、SIMなどの最近のIoT関連デバイスから、基地局、交換局、インターネット、サーバ、データベース、ユーザーなどの一般的なものまで、IoTなどのシステム構成図を描く際の部品として使えるさまざまなアイコンを揃えた「SORACOM アイコンセット」を公開しました。 以下はその一部です。 SORACOMアイコンセットは、PowerPoint形式、SVG形式、PNG形式のファイルで提供されるのに加え、オンライン作図ツールのCacooでもステンシルとして提供されます。 使用にはSORACOM アイコンセット使用ガイドラインが定められており、SORACOMの使用に言及する場面などでの

    IoTのシステム構成図が描けるアイコンセット、ソラコムが無償公開。IoTデバイス群、ドローン、監視カメラ、SIMなどを表すアイコンも
    at_yasu
    at_yasu 2016/01/29
    パワポ、SVG、Pngかー
  • スマフォアプリで見る UI の気付き

    この記事は「#UI Design Advent Calendar 2015」第18日目の記事です。 スマフォアプリの普及により、UI デザインの需要は年々増しています。最近になってアプリの UI デザイナーとしてお仕事を始められた方も多いかと思います。UI デザインは、原則や関連知識の理解を深めることも重要ですが、ケーススタディとしてみることでスキルの習得も早くなります。 今回は、これまでユーザビリティの観点で監修したアプリ UI の中から、ユーザビリティテストのスコアリングが低くなる傾向のデザインパターンをご紹介します。それらは少し見直すだけでスコアが改善されるというのもまた特徴です。やってしまいがちな失敗 UI ケースの入門として、ご参考になればと思います。 スコアリングの指標 アプリ UI のユーザビリティ測定には、アクセシビリティや他の定義を考慮することもありますが、今回のスコアリ

    スマフォアプリで見る UI の気付き
    at_yasu
    at_yasu 2015/12/22
    キャーkazukiサンダワー
  • Honoka - 日本語も美しく表示できるBootstrapテーマ

    HonokaはオリジナルBootstrapテーマです HonokaはBootstrapテーマの一つですが、以下の特徴を持っています。 Easy to Start HonokaはBootstrapを元に製作されているため、非常に高い互換性を持っています。マークアップに関する規約はほとんど変わりません。

    Honoka - 日本語も美しく表示できるBootstrapテーマ
  • これが俺仕様!MacBookの光るロゴを自由にカスタマイズする「UNCOVER」 | IDEAHACK

    at_yasu
    at_yasu 2015/07/08
    「UNCOVERのデザイナーと共にデザインを考案し、型を作ってからMacbookの背面パネルを削ります」
  • Material Design Lite

    Material Design Lite Material Design Lite lets you add a Material Design look and feel to your websites. It doesn’t rely on any JavaScript frameworks and aims to optimize for cross-device use, gracefully degrade in older browsers, and offer an experience that is immediately accessible. Get started now. Templates The MDL components are created with CSS, JavaScript, and HTML. You can use the compone

  • Case studies  |  web.dev

    Learn why and how other developers have used the web to create amazing web experiences for their users. �NU��U ����U We want to help you build beautiful, accessible, fast, and secure websites that work cross-browser, and for all of your users. This site is our home for content to help you on that journey, written by members of the Chrome team, and external experts.

    Case studies  |  web.dev
  • ≡ ←ハンバーガーメニューのデザインでクリック率は違う(2014年のA/Bテストの結果から)

    スマートフォン対応サイトで右上や左上にある「≡」こんな形の三線のメニューはいわゆるハンバーガーメニューと言いますが、ハンバーガーメニューのデザインに関してA/Bテストを行っていた記事があったので紹介します。 ●ハンバーガーメニューのデザインパターンハンバーガーメニューは色々なデザインがあって、例えば以下の様なパターンがあります。(サイトイメージは「グラシン工房」から) まずはBootstrapの標準に近い形式。三の線があるだけのパターン。 次に三の線のしたにメニューという文字を配置して、アイコンの意味を説明するパターン。 三線を線(border)で囲い、ボタンらしく見せるデザインのパターン。 他にもいくつかデザイン・表現方法がありますが、それは前に書いた「【Web制作】スマートフォンサイトのメニューのアイコンデザイン・表示を比べてみた」の記事をご覧ください。 ●アイコンだけ・文字付

    ≡ ←ハンバーガーメニューのデザインでクリック率は違う(2014年のA/Bテストの結果から)
    at_yasu
    at_yasu 2015/06/10
    「メニューのボタンは、文字で表現し、枠線で囲うデザインが一番良い」
  • [速報]マテリアルデザインを実現するWeb Componentsライブラリ「Polymer」が正式バージョンに。「Polymer 1.0」発表。Google I/O 2015

    [速報]マテリアルデザインを実現するWeb Componentsライブラリ「Polymer」が正式バージョンに。「Polymer 1.0」発表。Google I/O 2015 Googleは、同社のイベント「Google I/O 2015」において、マテリアルデザインを実現するWeb Componentsライブラリ「Polymer」が正式バージョンとなる「Polymer 1.0」に到達したと発表しました。下記はPolymerのWebサイトの画面です。 Polymer 1.0への到達に合わせて、ツールバーやメニュー、マップやチャートといった一般的なアプリケーションのUIを実現する新しいコンポーネントの追加も行われ、Webアプリケーションでモバイルアプリケーション並のユーザーインターフェイスを構築できるようになったと説明されました。

    [速報]マテリアルデザインを実現するWeb Componentsライブラリ「Polymer」が正式バージョンに。「Polymer 1.0」発表。Google I/O 2015
  • 人工の葉っぱが光合成する日がきた

    まさに植物そのもの! 人類が遠い宇宙を探索する夢を実現するには、スペースシップ内に地球と同等の環境を作り出すことが必須となります。単に生活必需品を積載するだけでは十分ではありません。そこでロイヤル・カレッジ・オブ・アートの学生であるJulian Melchiorriさんが考案したのが人工的なバイオリーフ。この人口の葉っぱ、地球上の普通の植物と同じように、光と水を与えると酸素を放出するんです。 素人的には物の植物をスペースシップに積み込むのではだめなの?と思ってしまいますが、実は植物は無重力だと十分に育たない可能性があるのだそう。そうはいっても無数の酸素タンクを積み込むよりは、植物のように酸素を生み出してくれるものを持っていくほうが効率が良いわけで…。何か良い代替案はないものかとMelchiorriさんは考えたわけです。 最終的に彼が創り出したのは人工的なバイオリーフでした。シルクリーフと