タグ

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

タグの絞り込みを解除

心得に関するglat_designのブックマーク (101)

  • Best Practices For Mobile Form Design — Smashing Magazine

    About The AuthorNick Babich is a developer, tech enthusiast, and UX lover. He has spent the last 10 years working in the software industry with a specialized focus on … More about Nick ↬ Users can be hesitant to fill out forms. That is why it is our goal as designers to make the process of filling out a form as easy as possible. The primary goal with every form is completion. Two factors have a ma

    Best Practices For Mobile Form Design — Smashing Magazine
    glat_design
    glat_design 2018/09/19
    ですよねと思うとともに決済者やデザイナーにもわかってもらわないとね、というやつ /
    リンク

  • クリーンなJavaScriptコードを書くためのガイド - Qiita


    Clean Code PHP / Clean Code JavaScript 以下はClean Code JavaScriptの日本語訳です。 clean-code-javascript Introduction Robert C. Martinの著書Clean Codeは、JavaScriptにも当てはまることばかりです。 これはスタイルガイドではありません。 JavaScriptで3R(Readable、Reusable、Refactorable)なコードを推進するためのガイドです。 ここに書いてあることの全てに従わねばならないわけではなく、普遍的に合意されているわけでもありません。 ただのガイドラインであり、それ以上のものではありません。 しかしこれらは、Clean Codeの著者らが長年の集合知の結果をまとめたものです。 ソフトウェアエンジニアリングの歴史は僅か50年程度のものでし
    クリーンなJavaScriptコードを書くためのガイド - Qiita

  • 読まれるテキストは読者へのおもてなしの構造を持っている - mizchi's blog


    大学生だった当時、梅田望夫の本を読んではてなにやってきた僕は、ブログ論壇への憧れだけがあって、技術者にもなれず、時流のテーマに対して書くべきテーマを持たず、ただ実家の宗教に対する恨みだけを書き綴っていた。 もちろん、そんなものを好きこのんで読む人はいなくて、ただ虚無へとテキストを放り込んでいたのだけだど、いつからか、ある程度パターンを獲得して、その真似をするようになって、成功失敗を繰り返して、それなりにPDCAを回してきたと思う。思えば、その過程でいろんな人のヘイトを買った気がする。 人間のテキストの読み方、その反応、というのはパターンを、いくつか書き起こしてみる。 読者は、ファーストビューのレイアウトで、読む読まないを決める タイトルは記事の印象の5割 章タイトルが残りの半分 本文はほとんど読み飛ばされる 書き手としては単語の印象の連なりでイメージを形成することになる 段落が均等に分割さ
    読まれるテキストは読者へのおもてなしの構造を持っている - mizchi's blog
    glat_design
    glat_design 2017/12/19
    みずちさんがこういうこと書くの珍しい。そしてわかる /
    リンク

  • ビジュアル・プログラミングの勉強方法｜深津 貴之 (fladdict)


    ビジュアルアートの教本、﹁Generative Design﹂が、ついに再販されました！長らく欠品でプレミアムがついていた一品です。 以下はGenerative Designの序文への寄稿を、一部加筆修正したもの。表現者、技術者それぞれが、アートとプログラミングを学ぶための方法です。ビジュアルコーディングに興味のある人はどうぞ。︵あと僕の落書きはこちらから見れます︶ Generative Design 序文Generative Designの日本語版が、いよいよ出版されました。本書は、プログラミングによる視覚表現の﹁最高の教本﹂です。この素晴らしい本の序文として、何を書くべきか非常に悩みました。結果として、歴史やカルチャーの話をするよりは、この本の読者に最も役に立つであろうことを、書くことにしました。表現者と技術者がビジュアル・コーディングをどう学習すべきか、についてです。 表現者が技術を
    ビジュアル・プログラミングの勉強方法｜深津 貴之 (fladdict)
    glat_design
    glat_design 2017/11/06
    “アーティストが技術を学ぶコツは、学習中の技術をテーマに、面白い表現を模索したり、小作品を量産することです。〜技術から新しい表現を模索することが…” /
    リンク

  • 誰も教えてくれない「分かりやすく美しい図の作り方」超具体的な20のテクニック

    【追記】この記事をきっかけに、名著「ノンデザイナーズ・デザインブック」の20周年記念特典eBookの制作に協力させていただきました。詳しくはこちらを御覧ください。 ノンデザイナーズ・デザインブック20周年記念の特典に寄稿しました デザイナーである・なしに関わらず、仕事の中で伝えたいことを「図」で説明する機会は多々あります。提案書で事業内容を説明することもあるでしょうし、具体的な数値をグラフで説明することもあるでしょう。そんな中でこんな指摘を受けたことはありませんか？ ・最終的に何を言いたいのか結論が見えないよ。 ・関係性が複雑すぎて理解しずらいんだけど。 ・要素が多すぎて全てを把握するのが大変。 ・何をどこから見れば良いの？ ・結局一番言いたいことはなんなの？ ・文字サイズがたくさんありすぎてまとまりがないね。 ・安っぽいチラシみたいでダサイなぁ。 ・全体的にバランスが偏ってて不安定。 ・

    誰も教えてくれない「分かりやすく美しい図の作り方」超具体的な20のテクニック
    glat_design
    glat_design 2017/01/30
    制作系の記事でこんなブクマついた記事があっただろうか…。 /
    リンク

  • 破綻しにくいCSS設計の法則 15 - Qiita

    ブラウザスタイルは平坦化しておく リセットCSSはオプトアウト可能にしておく 登場頻度の高い組合せはplaceholderとして登録してから利用する 可能な限り画像はスプライト生成してから利用する それ以上分解不可能なコンポーネントは要素のように扱う コンポーネントは自己完結型のものを使う BEMはDRYになるよう粒度を下げる 可能な限り@extendは利用しない レスポンシブでない場所では、Utilitiesクラスを活用する shame.cssはいつも綺麗にしておく 詳細度または特異性の高いものほど後方に記述する 可能な限り!importantしない 可能な限りハックしない 変数をデザインガイドとして活用する CSSファイルを分割するメリットはほとんどないので一つにまとめる 1. ブラウザスタイルは平坦化しておく 例えば、こういうScrap & Buildは単に通信量のムダ。 * { f

    破綻しにくいCSS設計の法則 15 - Qiita
    glat_design
    glat_design 2015/04/25
    結構うなずくところが多い、考え方似てるかも /
    リンク

  • Webライター・メディア運営者が押さえておきたいコンバージョンする文章のポイント5つ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作


    こんにちは、LIGブログ編集長の朽木︵@amanojerk︶です。さっきネットで見かけた“アソコの穴に﹁突っ込んだら最高だったもの﹂ランキング”という記事の第1位が“きゅうりinちくわ”だったので﹁あっぱれだな﹂と思いました。 おかげさまでライター生活も5年目に入り、なんとか一生これで食って行けるかなと自分自身信じられるようになってきた今日この頃。Webでテキストを書くことのハードルが下がりに下がった現在の市場において、プロとして差別化を図るべきは文章のクオリティになるかと思います。 しかし、ひと口に文章のクオリティと言っても具体的に何を指し示すのか曖昧です。そこで、僕が思う“よい文章”を3つのパターンに分類してみました。 わかりやすいか 熱量があるか コンバージョンするか 1.について、日記のように他人が読むことを前提にしない文章でない限り、ビジネスメールしかり誰かに何かを伝えたくて
    Webライター・メディア運営者が押さえておきたいコンバージョンする文章のポイント5つ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
    glat_design
    glat_design 2015/02/17
    "ポジティブよりはネガティブが感情を支配しやすいのです。だからこそ、メディアを運営する立場には倫理や規範が求められるのではないでしょうか。" /
    リンク

  • RE: どんなことを勉強すればいいですか？ - satococoa's blog


    仕事でインターン生や経験の浅い方のレビューをしたり面接を担当したりしててよく聞かれる質問が﹁どんなことを勉強すればいいですか？﹂です。 それについてちょっとポエムを書いてみようかと思います。 主に会社で一緒に働いている人やこれから一緒に働くことになりそうな方向けに書いていますので、一般論として捉えるとやや極端だったり偏っていたりするかもしれません。ポエムなので許して。 専門家であるという視点から エンジニアとして仕事をする以上、専門家 (プロ) であるという誇りと責任を常に持って欲しいと思います。 そのためにはその自信を裏付けるための知識が必要となります。 僕のいる Web やスマホアプリの業界は流行の移り変わりが激しく、新しい情報を常に追いかけ続けないとあっという間に置いていかれてしまいます。 しかしながら新しい知識を追いかけ続けるにも確固とした基本がないと、曖昧な知識の上にさらに曖昧な
    RE: どんなことを勉強すればいいですか？ - satococoa's blog
    glat_design
    glat_design 2014/12/30
    心に響く。もちろん同意だし、もっと精進します /
    リンク

  • 【翻訳】リッチなWebアプリケーションのための7つの原則 - from scratch


    はじめに この話はGuillermo Rauch氏が書いたhttp://rauchg.com/2014/7-principles-of-rich-web-applications/ という記事の翻訳です。許可を得て翻訳しています。 ここ最近Web業界を賑わしているSingle Page Applicationの必要性、HTTP2/SPDYといった技術、リアクティブプログラミングやIsomorphicデザインという考え方について包括的にまとめたすごく良い記事になっております。 最初に断っておきますが、ものすごく長いです。各セクションがわかれているので時間がない方はセクションごとに書かれたtl;DRとまとめを読むだけでも参考になるかと思います。 ちなみに明日のNode学園祭には、本記事を記述したGuillermo Rauch氏が見えるので、そこで詳しく聞いてみるのもいいのではないでしょうか。
    【翻訳】リッチなWebアプリケーションのための7つの原則 - from scratch
    glat_design
    glat_design 2014/12/28
    役に立ちそうと感じてる /
    リンク

  • 新着記事

    『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

    新着記事
    glat_design
    glat_design 2014/12/23
    参考になる内容だった /
    リンク

  • Webライティング11のルール

    Web用の分かりやすい文章が誰でも書けるようになるための11のポイントをまとめたスライドです。Read less

    Webライティング11のルール
    glat_design
    glat_design 2014/12/15
    具体的でいい。Webの文章の質をWebに即した形で上げるためのこと /
    リンク

  • WordPress で Web サイトの制作を請け負って保守契約も結ぶときに意識しておいたほうが良い5つのこと


    反応をウォッチしていると﹁WordPress を導入する場合、セキュリティを考えると当然システム保守契約を結んで保守することが必要﹂という意見がちらほらあって、僕としてもそれは当然のことでむしろやっていない人は作成した後えらいことになってないのか少し心配になったりしてしまうのですが、じゃあクライアントと保守契約を結べたとしてどういうことに気をつけたほうが良いかということを少し書いてみたいと思います。 コア・プラグインのアップデートは必ず実施する 大前提すぎてあれなのですが、セキュリティを維持して攻撃を防ぐためにお客様にシステム保守契約を結んでいただくわけなので、コアやプラグインのバージョンアップは必ず行わないといけません。企業さんのサイト制作の場合だとテーマはオリジナルのことが多いと思いますが、テーマも自作でないのであればきちんとアップデートするべきです。 ﹁コアの自動アップデートをとめる
    WordPress で Web サイトの制作を請け負って保守契約も結ぶときに意識しておいたほうが良い5つのこと
    glat_design
    glat_design 2014/12/15
    普通に使ってても大事だし、徹底できるようにしたい /
    リンク

  • Easy Checks – A First Review of Web Accessibility

    Introduction This page helps you start to assess the accessibility of a web page. With these simple steps, you can get an idea whether or not accessibility is addressed in even the most basic way. Video: Easy Checks Overview

    Easy Checks – A First Review of Web Accessibility
    glat_design
    glat_design 2014/12/05
    Webアクセシビリティーのチェック表 /
    リンク

  • 社員がフリーランスになる前に教えておきたいこと | fladdict


    秘密結社THE GUILDも仲間が15人近くになり、僕の直轄チームも3人に増えた今日この頃。直轄チームのみんなには、できれば幹部になって欲しい。でも、翼を折って囲い込むのではなく、いつ独立しても恥ずかしくないように育てていきたい。っていうか、ここに書いたのできるまで、独立なんぞ許さんよ的メモ。新入社員は各自マスターしておくこと。 1: 収入の一定パーセントを貯蓄しなさい 収入の10%〜20%を、お給料日に自動振り込みで貯蓄しなさい。お金持ちになる唯一の方程式は﹁消費＜収入﹂。この方程式が強制的に維持される仕組みを作る。これが人生を安定させるために一番重要なことです。 2: 生活資金を半年分ためなさい まず無収入状態でも3〜6ヶ月生存できる貯金を作りなさい。生活費の安全バッファは大型案件や、お金にならないチャンス案件を手に入れる最低条件です。安全バッファがなければ、常に生活費のために自分を切
    社員がフリーランスになる前に教えておきたいこと | fladdict
    glat_design
    glat_design 2014/11/28
    がんばります /
    リンク

  • JavaScript・jQueryの改修・高速化のためのメモ - Qiita


    たまにJavaScriptやjQueryなどの改修が入ったりすると忘れてしまうので、自分用のメモとして残しておきます。 JavaScriptコーディングベストプラクティス︵高速かつ堅牢なコードを効率よく書くために︶を参照しながらのメモになります。 随時、この記事に追記予定です。 高速化メモ JavaScript編 スタイルシートは上に、JavaScriptは下に指定する JavaScriptファイルは読み込んだ後、通常はスクリプトを解析している間、他のファイルの読み込みをブロックする JavaScriptはページの上部に指定すると、このブロックによりロード時間が増加する場合がある スタイルシートはなるべく上に、JavaScriptファイルは下部にしていることで、ロード時間が短縮できる 画面描画に関係ないJavaScriptは、</body>の直前に書く $(document).readyを
    JavaScript・jQueryの改修・高速化のためのメモ - Qiita
    glat_design
    glat_design 2014/11/26
    パフォーマンスを取り組むための書き方 /
    リンク

  • 未経験でこれからWeb制作会社に入りたいと思っている人達へ | kazumich.log


    先週末は、マカベン名古屋 というマークアップの勉強会に参加していました。そこでこれから Web制作会社に入りたい！と思っている若い子に会ったので、どんな事をしたら私から見ていいなぁーって思うかを書いてみました。 1.ブログを書きましょう！ まずは、一番最初に誰にでも言う事としては、ブログを書きましょう。 どこに遊びに行ったとか、何を食べたとかではなく、就活のためのブログなので、自分がどの分野に興味があって、どんな勉強をしているか、どんな勉強会に参加したとかって頑張ってる事が見えるブログを書くようにすすめています。 弊社では a-blog cms というCMSを開発しているので、私のところに面接に来るつもりなら、a-blog cms を使ってブログ書いてます！って言えるようであれば、ポイントがアップするかもしれないが、そうでなければ、就職のためには WordPress は知っていた方がいいと
    未経験でこれからWeb制作会社に入りたいと思っている人達へ | kazumich.log
    glat_design
    glat_design 2014/11/12
    ブログには全てがあると思ってます /
    リンク

  • タイポグラフィ入門 - 10のやってはいけない事 -


    良いデザインを作り出すには、クリエイティブである事以上に、基本的なデザイン理論とルールを理解する必要がある。言い換えると、デザインのルールを理解し守っていれば、ほとんどの場合悪いデザインにはならない。 逆に、基本的なルールを無視した場合は急にクオリティが下がってしまう。そのようなデザインはプロの目から見ても一目瞭然である。 実際にデザイナーを面接する際には﹁何が出来るか﹂よりも﹁やってはいけない事を理解しているか﹂を重要視する。 そんなデザインにおいて、最も重要な要素の一つが、文字要素を扱ったタイポグラフィーである。以前に紹介した、ミニマルデザインの記事や、フラットデザインの記事でも、タイポグラフィーの重要さが説明されている。 フォント選びや、サイズ、スタイル、文字組、行間等をルールに従い、上手に組み合わせる事で、例え ”絵” が描けなくても、タイポグラフィーをベースとしたかっこ良いデザイ
    タイポグラフィ入門 - 10のやってはいけない事 -
    glat_design
    glat_design 2014/07/04
    わかりやすいスタンダードなルール /
    リンク

  • 個人開発と徳

    2016/07/15の「Growth Hack Night 〜エンジニアが語るプロダクトの立ち上げとグロース〜」の発表資料です。 http://d-cube.connpass.com/event/35259/

    個人開発と徳

  • UI/UXデザイナーなら一度は目を通しておきたい「デザイン原則」まとめ【随時更新】


    世に出ている﹁デザイン原則﹂と呼ばれるものたちをまとめてみました。 ユーザビリティ関連からモバイルUX、サービスデザインにいたるまで、広い範囲のデザイン原則を網羅したつもりです。ただし、チェックリスト的にまとめたため、内容の詳細は記述していません。 出典や内容を紹介している外部リンクを張っておきましたので、詳細を確認したい方はそちらをご参照いただければと思います。 なお、この記事は有用なデザイン原則を見つけ次第、随時更新していきます。 更新履歴 2018/10/01‥ ﹁アクセシビリティの4原則﹂﹁Material Designの原則﹂﹁AndroidTVデザイン原則﹂﹁インクルーシブデザインの原則﹂を追加 2016/12/28‥ ﹁Microsoft デザイン原則﹂を﹁Windows UXデザイン原則﹂にアップデート ﹁Apple Watch デザイン原則﹂を追加 2015/10/
    UI/UXデザイナーなら一度は目を通しておきたい「デザイン原則」まとめ【随時更新】

  • サイトやアプリのユーザビリティを向上させる35のポイント | ベイジの社長ブログ


    デバイスがどのように進化しようが、アプリの時代になろうが、ユーザビリティは変わらず求められるものです。Web/IT業界では﹁使いやすさ﹂という意味で気軽に使われる言葉ですが、奥は深く、原論を解説した書籍もいくつか出ています。 学術的な解説はそういった書籍に任せるとして、ここでは、経験の浅いデザイナー、あるいは非デザイナー︵ディレクター、Web担当者、エンジニアなど︶向けに、ユーザビリティの向上に繋がる基本的な要点をまとめてみました。 ボタン、テキスト、コピーなど ボタンやテキストのデザインは、ユーザビリティを左右する大きなポイントです。表面的な美観に流されず、ユーザ視点で考えていきましょう。1‥ボタンじゃない要素は、ボタンと似たデザインにしない ボタンのデザイン次第で、サイトやアプリの使いやすさは大きく変わります。特に、ボタンでない要素にボタンのようなデザインを施すことは、どこが押せるの
    サイトやアプリのユーザビリティを向上させる35のポイント | ベイジの社長ブログ
    glat_design
    glat_design 2014/04/17
    常にベスト、というものはないけど限りなくベストに近づくベターを目指すみたいな /
    リンク
  • 1 2 3 4 5 6 次のページ

お知らせ

もっと読む

公式Twitter

  • @HatenaBookmark

    リリース、障害情報などのサービスのお知らせ

  • @hatebu

    最新の人気エントリーの配信

はてなブックマーク

公式Twitter

はてなのサービス

  • App Storeからダウンロード
  • Google Playで手に入れよう
Copyright © 2005-2024 Hatena. All Rights Reserved.