Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                

タグ

翻訳に関するglat_designのブックマーク (31)

  • CSS カスケード入門 - CSS: カスケーディングスタイルシート | MDN

    CSSBeginner's tutorialsYour first website: Styling the contentCSS styling basicsCSS とは何かCSS 入門課題: 経歴ページのスタイル設定基的な CSS セレクター属性セレクター擬似クラスと擬似要素結合子ボックスモデル競合の処理CSS の値と単位CSS におけるアイテムのサイズ設定背景と境界線コンテンツのオーバーフロー画像、メディア、フォーム要素表のスタイル設定CSS のデバッグ課題: 基的な CSS の理解課題: 美しいレターヘッド付きの便箋の作成課題: かっこいいボックスCSS text styling基的なテキストとフォントのスタイル設定リストのスタイル設定リンクのスタイル設定ウェブフォント課題: コミュニティスクールのホームページの組版CSS レイアウトCSS レイアウト入門浮動ボックス位置指定

    CSS カスケード入門 - CSS: カスケーディングスタイルシート | MDN
    glat_design
    glat_design 2020/10/09
    カスケードの説明を人にするとき使えそう
  • https://frasco.io/writing-css-with-accessibility-in-mind-4fc82b26aecb

    https://frasco.io/writing-css-with-accessibility-in-mind-4fc82b26aecb
    glat_design
    glat_design 2019/11/18
    アクセシビリティーに配慮してCSSを書くとき注意すること集と参考リンク
  • 群衆の英知もしくは狂気

    アイザック・ニュートン卿は、自分が賢い 人間だと信じていた。微分積分学や重力理論 を発明(inventing)したのだから、金融投資(investing) ができるくらい賢いはずだよね?まぁとにかく、短く まとめると、1720年 に起こった南海泡沫事件という全世界 的な投機ブームで、彼は(現在の価値で)$4,600,000を失ったんだ。 後にニュートンはこう言った。 “私は天体の動きを計算することはできるが、 人々の狂気については計算できない” 彼のために勉強しよう これまで市場、制度、民主制全体は 何度もおかしくなってきた。— 群衆の狂気だ でも君が人間に失望していたときですら、 ハリケーンが起きれば、みんなで協力してきたし、 コミュニティは問題を解決してきた。人々はよりよい 世界のために戦ってきた。— 群衆の英知だ! しかしなぜ 群衆は狂気に向かったり 賢くなったり するのだろうか。

    群衆の英知もしくは狂気
    glat_design
    glat_design 2018/08/15
    感染とつながり。とてもおもしろかった /
  • 多岐に渡るインドの言語で「フォント」を提供する新しい波

    2016年の国連のデータによるとインドの人口は約13億で、中国に次ぐ世界2位の人口となっています。そんなインドには、少なくとも30の言語が存在し、方言を含めると国全体で2000前後ともいわれる言語が存在しています。言語が異なると使われる文字も異なるため、これほどまでに多くの言語が存在するインドでは、ほかの国(言語)に比べて「フォント」の選択肢があまり多くないという実態があります。そんな状況を打開し、多様性を高めるための取り組みが進められています。 The New Wave of Indian Type - Library - Google Design https://design.google/library/new-wave-indian-type-design/ コンピューターやスマートフォンが普及したことで、インドでも多くの人の間でインターネットにアクセスできる環境が広まっています

    多岐に渡るインドの言語で「フォント」を提供する新しい波
    glat_design
    glat_design 2018/03/09
    珍しいインドにおけるフォントの話し /
  • frasco.io

    frasco.io 2024 著作権. 不許複製 プライバシーポリシー

    frasco.io
    glat_design
    glat_design 2017/12/01
    面白かった。ここまでがっちり頑張ったCSSのTodoは初めて見たかも /
  • Frasco - 海外で話題の記事を届けるエンジニアのためのメディア

    Frasco は、海外で話題の記事を翻訳して届けるエンジニアのためのメディアです。 Categoryフロントエンドバックエンドデザインインフラソフトウェア開発ネイティブアプリセキュリティデータベースプログラミングFrascoAbout usキュレーション利用規約プライバシー翻訳リクエストお問い合わせ

    Frasco - 海外で話題の記事を届けるエンジニアのためのメディア
    glat_design
    glat_design 2017/11/06
    主にWebエンジニアリングに関する翻訳記事を公開しているWebメディア /
  • HTTP APIの詳細なエラー情報をレスポンスに持たせるための仕様

    今日では HTTP(s) で API が公開されることは当たり前の時代ですが、エラーをアプリケーションにどう伝えるかは、個々の API の設計に依存していました。特に、HTTP ステータスコードは有限であり、元々持っている意味があるので、自由に使うことはできません。API はそのドメインごとにもっと複雑で細かなエラー情報があるはずで、それらはレスポンスボディに載せてアプリケーションに伝えることになりますが、その書式に規定は今までありませんでした。 HTTP API にて、アプリケーションにエラー情報を伝達するための(レスポンスボディに載せられる)標準的な形式が、RFC7807 Problem Details for HTTP APIs で定められています。適用例としては、以下のようになります。 HTTP/1.1 403 Forbidden Content-Type: application

  • 私がscriptタグについて知っていること全て : 知られていない属性や実行順序など | POSTD

    <script src="//typekit.com/fj3j1j2.js"></script> <!-- This second script won’t execute until typekit has executed, or timed out --> <script src="//my.site/script.js"></script> ローカルスクリプトとリモートスクリプトを組み合わせても同様に操作することができます。 機能的には、Webページの前の部分で重いスクリプトのロードがあると、サイトの表示が明らかに遅くなることを意味します。さらに、ページの最後の方で表示されるスクリプトは、それまでに存在するされたスクリプトの動作に依存することを意味します。 先行する全てのscriptタグがロードされ実行されるまで、ページ上の要素は表示されません。つまり、パフォーマンスへの悪影響を覚

    私がscriptタグについて知っていること全て : 知られていない属性や実行順序など | POSTD
    glat_design
    glat_design 2016/07/22
    CDATAとかのことも書いてある /
  • 効果的なフォームをデザインする:構造、入力、ラベルおよびアクション | POSTD

    画像の出典:form-ux-tips あなたのアプリやサイトを利用する人々にはある一定の目的があります。そしてその目的を達成するために フォームに 記入しなくてはならないことがよくあります。Webやアプリにおいてフォームは、ユーザにとって未だに最も重要な 種類の操作 であるからです。事実、フォームは目的を達成するまでの 過程における最後のステップ と見なされることも多いのです。 フォームは目的達成の手段にすぎません。迅速に混乱なく、ユーザがフォーム入力を完了させられるようにするべきです。 この記事では、ユーザビリティテスト、フィールドテスト、視線計測(アイトラッキング)、そしてユーザからの実際の不満の声に基づく実用的なガイドラインを紹介します。 フォームの構成要素 一般的にフォームは以下の5つの要素から構成されます。 構造 。フィールドの順番、ページの外観、各フィールドとの論理的な関連付け

    効果的なフォームをデザインする:構造、入力、ラベルおよびアクション | POSTD
  • Web 関連仕様 日本語訳

    このページは、 Web プラットフォーム関連の様々な仕様の日語訳の一覧と, それらの日語訳に共通な事項についての説明です。 これらの翻訳の正確性は保証されません。 これらの仕様の公式な文書は英語版であり、 日語訳は公式なものではありません。 誤訳が無いことは保証されません。 [ 当の仕様の策定者たちが想定している/当の仕様に期待されている ]意味論を完全かつ正確に反映することは保証されません。 翻訳なので、 語彙レベルで原文と正確に一致する意味を表すことは決してありません。 日語は自然言語なので、 誰がいつどこで読んでも同じ解釈になることは保証されません。 )( 実際に誤訳が見つかることも時折あります。 それらについては見つかり次第修正され, 加えて用語の対訳や言い回しなども時折修正されるので、 これらの翻訳が「完成」する日は永遠に来ません。 逆に原文仕様が誤っていることもあり、

    glat_design
    glat_design 2016/04/26
    W3C文書のほかRFC(HTTP、JSONなど)の翻訳 /
  • [意訳]初学者のためのJavaScriptモジュール講座 Part1 - Qiita

    このポストは以下の記事を、筆者の許諾を得て意訳したものです。 JavaScript Modules: A Beginner’s Guide 何か誤りがありましたら、ご指摘いただけると幸いです。 (以下、意訳) はしがき もしあなたがJavaScriptの初心者だとしたら、以下の言葉は全く意味の分からないものかもしれません。 モジュール管理 vs モジュール読み込み Webpack vs Browserify AMD vs CommonJS 等々…。 それでもJavaScriptのモジュール周りについて、苦手意識を持たないでください。モジュールに関して理解することは、Webエンジニアにとっては必須科目なのです。 このポストでは、カンタンな解説とコードサンプルによって上記のようなバズワードを解説します。このポストがあなたにとってお役に立つものでありますように。 注:簡素化のために、このポストは

    [意訳]初学者のためのJavaScriptモジュール講座 Part1 - Qiita
  • この世で最も識別しやすいもの ― デスクトップ用Webサイトのハンバーガーメニューを使った、アイトラッキング研究 | POSTD

    この世で最も識別しやすいもの ― デスクトップ用Webサイトのハンバーガーメニューを使った、アイトラッキング研究 おそらく皆さんは、「ハンバーガーメニューの使用についての別の意見か。まさにそれが必要なんだ」と思いながらこの記事を読んでいるでしょう。Appleは 「あなたが使っていないといいのだが…」 と言い、Googleの製品デザインのガイドラインには 「賛成だ。しかしこのようにデザインしよう」 とあり、Jacob Nielsenは 「代わりにピザにしてみよう」 と言い、例はまだまだ続きます。しかし、ちょっと待ってください。誓ってもいいのですが、この記事は違います。これは、あなたが自身のサイトをデザインする時に、興味深い考察が得られるような特定の質問に焦点をあてたものです。アイトラッキング・ソフトウェアと25人の親切な参加者の協力により、次のような質問に対する洞察を得るために実験を行うこと

    この世で最も識別しやすいもの ― デスクトップ用Webサイトのハンバーガーメニューを使った、アイトラッキング研究 | POSTD
    glat_design
    glat_design 2015/12/04
    どういう目的を持ってページにランディングしているかで、メニューをまず意識させるのかさせないべきなのかが変わるって感じですね /
  • スタイルガイド|JTF 日本翻訳連盟

    『JTF日語標準スタイルガイド(翻訳用)』は、実務翻訳において和訳時に使用できる日語表記ガイドラインです。2012年1月30日に初版を公開しました。『JTF日語標準スタイルガイド』はどなたでも無償で使用できます。日語の表記のゆらぎを防いで、スムーズに表記を統一するためのガイドラインとして活用してください。著作権および使用条件は文書体に記載しています。

    glat_design
    glat_design 2015/10/09
    これは役に立ちそう /
  • 【W3C current 見方】CSS3の日本語訳集 - 血統の森 web実験小屋

    最終更新:2023-02-23 CSS3とは CSS3は、CSS 2.1仕様を核とし、CSS 2.1仕様の機能を追加・改訂するモジュール群です。CSS 2.1ではひとつの巨大な仕様にすべてのモジュールが定義されていましたが、CSS3では仕様を分割し個別のモジュールとして定義するものです。 現在のCSSは、CSS Snapshotで定義されています(2023年時点ではCSS Snapshot 2023でした)。 このページについて このページでは、CSS3の日語訳を収集していましたが、管理人が興味をなくしてしまったこともあり、このページのメンテナンスを行わないことにしました。かつてのページの様子は、Waybackから見ることができます。 多数のCSSの日語訳は、triple-underscore氏がWeb 関連仕様 日語訳で公開していますので、そちらを参照するとよいでしょう。(CSS

    glat_design
    glat_design 2015/08/14
    ありがたい資料だ… /
  • 【翻訳】ビジュアルデザインはつまらなくなってしまったのか? - MOL

    Original:HAS VISUAL DESIGN FALLEN FLAT? (2015-01-20)by Emmet Connolly 2013年から2014年の劇的なUIフラット化により無数のピクセルが流れ落ちていった それはビジュアルデザインにおいて非常に大きな変化だった。Microsoftの急進的でモダンなMetro UIはその前兆だった。iOS7のリリースよって大衆化し、UIのトレンドは2極化した。Google Material Designによって、おおかた完成した。 フラットデザイン(未完成であるけれど便利な表現)はスキューモーフィズム(同前)を駆逐するだけでなく、それの墓の上で踊り、すべてのべべル、影、墓石のテクスチャさえ消し去ってしまった。 上図のようなデザインである。 発展、変化、流行は避けられないものだ。このような最新スタイルもまた、いつの日か廃れていくだろう。未来

    【翻訳】ビジュアルデザインはつまらなくなってしまったのか? - MOL
    glat_design
    glat_design 2015/02/12
    今は技術的(パフォーマンスや運用、デバイスなど)な理由が手助けして寡占化してるけどその辺技術が解決したところでまた潮目が変わるかも /
  • デザインスプリントとブルーボトルのプロトタイピング(翻訳)

    記事は、最近日にも上陸したBlue Bottle Coffeeが行ったデザインスプリントについての翻訳記事である。(オリジナル)。デザインスプリントとは、Google投資部門Google Venturesが投資先に行うデザインワークショップ。Googleはオンラインでの売り上げが伸び悩むBLUE BOTTLE COFFEEと彼らのエージェンシーに対し、一週間のデザイン/プロトタイピングワークショップを行い、大きな成果を出した。以下、そのプロセスとなる。 BLUE BOTTLE COFFEE 私たちはブルーボトルコーヒーの新しいサイトデザインを手伝い、売り上げと滞在時間を伸ばしました。 ブルーボトルは美しいカフェと精緻なコーヒーにより、熱狂的なファンを生み出しました。しかし彼らのサイトは、そのブランドを表現しきれず、ウェブによる売り上げは全体利益のたった10%でした。 チャレンジ ブル

    デザインスプリントとブルーボトルのプロトタイピング(翻訳)
    glat_design
    glat_design 2015/02/10
    デザイン・スプリント気になります /
  • Accessible Rich Internet Applications (WAI-ARIA) 1.0 日本語訳

    [contents] Accessible Rich Internet Applications (WAI-ARIA) 1.0 W3C Recommendation 20 March 2014 This version:http://www.w3.org/TR/2014/REC-wai-aria-20140320/Latest version: http://www.w3.org/TR/wai-aria/ Previous version:http://www.w3.org/TR/2014/PR-wai-aria-20140206/Editors:James Craig, Apple Inc. Michael Cooper, W3CPrevious Editors: Lisa Pappas, Society for Technical Communication Rich Schwerdt

  • 【翻訳】リッチな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
    役に立ちそうと感じてる /
  • ARIA Techniques | Techniques for WCAG 2.0

    ARIA Techniques for WCAG 2.0This Web page lists ARIA Techniques from Techniques for WCAG 2.0: Techniques and Failures for Web Content Accessibility Guidelines 2.0. Technology-specific techniques do not replace the general techniques: content developers should consider both general techniques and technology-specific techniques as they work toward conformance. Publication of techniques for a specifi

  • 感情に訴えるデザインの3つの要素

    今度から美に生きることにしました。(笑)  みんな言ったものです。ノーマンはいいけど、彼の言う通りにやると使いやすくてみっともないものができる。そんなつもりはなかったんですけどね……。これ素敵でしょう? セッティングをしてくれてありがとう。純粋に素晴らしい。これが何なのか、何の役に立つのかわかりませんが、ただ欲しいと感じます。それが私の新しいあり方です。美や、魅力や、感情とは何かを理解すること、それが新しい私です。ものを素敵で楽しくするというのが、私の新しいテーマです。 これはアレッシィが出しているフィリップ・スタルクがデザインしたレモン搾りです。すごく楽しい。私の家にもあります。玄関のところにですけど。レモンを搾るのには使いません。(笑)  私が買ったのは金色のスペシャルエディションなんですが、小さな注意書きが入っていました。「レモンを絞るのには使わないでください。金メッキが酸で痛みます

    glat_design
    glat_design 2014/11/09
    "すごくシンプルで些細です。これを目にしてそうとは気づかない人も多いと思います。潜在意識は気づいていて快く感じるのですが、本人にはそれがなぜなのかわからない。" /