Japanese translation of "Experience Mapping Guide" under license from Adaptive Path. Original available here: http://mappingexperiences.com/Read less
Ttersへようこそ! 「Tters(ッターズ)」は、自分に合った〇〇ッターを作成し、フォローして自由につぶやける匿名SNSです。 匿名だからこそ、人間関係のストレスやプレッシャーとは無縁で、自分らしく自然体でありながら自己表現が可能な空間を提供しています。 初めての方は、当サービスの代表的なタイムライン「みんなのッター」にて、思いの丈をつぶやいてみてください。ユーザー登録は必要ありません。 まずは挨拶してみよう この表示は一度つぶやくと消えます。
ノーコードWeb制作プラットフォーム「STUDIO」 コードを書かずに、高度なデザインを。サイトは1クリックで公開可能。CMS、フォーム、分析ツールもオールインワン。 事業コンセプトの検証から、デザインチーム組成まで。おしゃべりAIアプリ「Cotomo」の立ち上げ支援について 2024年2月にStarley株式会社からリリースされた、音声会話型おしゃべりAIアプリ「Cotomo (コトモ)」。事業立ち上げに関わる、事業コンセプトの設計・初期プロダクトの設計・デザインチーム立ち上げをrootとして伴走しました。音声会話型AIという特殊なドメインにおいて、いかに事業の方向性を固め、プロダクト内の体験を検証したのか。また、素早いデザインチーム立ち上げをどのように支援したのか、事例をまとめます。 STUDIO導入時に知りたい!「STUDIOをおすすめできる/できないパターン」を無料配布します ca
この記事は何? DMMさんで「Atomic Design & Design Systems」をお話させて頂いた時に、自分が読んだ記事をまとめたものになります(いちおう全部目は通してる…ハズ)。デザインシステムについて書かれている記事ってまだまだ少ないのですが、情報源自体もまとまってないんですよね。実際、自分が↑の資料を作る時はほぼ手探り状態でした。 この記事がデザインシステムについてこれから学ぼうと思われている方の力に少しでもなれたら幸いです。例によって海外記事は僕の認識違いが起きている可能性があるので、「これそういう記事じゃないから!」というツッコミがあればぜひお願いします。 (追記:記事執筆後も参考資料が増えてきたため、資料作成時に限らず参考にできるものを追加しています) まずデザインシステムについて学びたい時は Design Systems Handbook InVisionが作成し
保守しやすく、規模に依存しないHTML文書のために 一般 DOCTYPEで始める 置き換えられるべきまたは旧式のDOCTYPEを使わない XML宣言を使用しない 文字参照はできる限り使わない &と<、>、"、'は名前文字参照を使ってエスケープする 制御文字や不可視文字は数値文字参照を使う コメントではその内容の前後へ空白文字を置く 終了タグを省略しない 空要素の書き方を混ぜない タグや属性値の前後へ空白文字を置かない 大文字・小文字を混ぜない 引用符を混ぜない 属性を2文字以上の空白文字で区切らない 真偽値を取る属性の値は省略する 名前空間は省略する XML属性は使わない data-*とMicrodata、RDFa Lite用の属性と通常の属性を混ぜない デフォルトの暗黙のARIAセマンティックスを尊重する 文書要素 lang属性を追加する lang属性の値はできる限り短くする できる限り
ここ数年起こっているCSSの変化と急速な進歩により、絶え間なくリリースされている膨大な量のオープンソースのツールには驚かされます。 制作時間を節約、短縮できるCSSライブラリやフレームワーク、およびツールは、制作をより手軽に、より簡単にすることを目的に構築されており、理解できていないCSSに関しては学習用ガイドなども数多く提供されています。 このコレクションでは、2018年にリリースされた50種類のお気に入りCSSライブラリ、フレームワーク、リソース、便利ツールをまとめてご紹介します。ユニークなアイデアを形にできるツールがきっと見つかりますよ。 1. CSS レイアウトフレームワーク 2. CSS Flexbox フレームワーク 3. CSS ライブラリ 4. お役立ちCSSユーティリティ 5. オンラインCSSツール/生成ツール 6. CSS画像エフェクトツール 7. CSS学習リソース
CSS ProtipsというTIPS集があって、これ一応日本語訳が既にあるんだけど、露骨に機械翻訳で何言ってるのか全くわからないので全編日本語訳した。 あれ、あんまり変わってない気がしてきたぞ。 CSSの便利な小技・テクニックのまとめ Awesome CSSのプロフェッショナルになりたい人のためのTips集を紹介するよ。 CSS以外のAwesomeリストを探したいときは@sindresorhusをフォローしよう。 目次 テクニック サポート 翻訳 手伝いたい テクニック CSSリセット 異なるブラウザ間でスタイルの一貫性を保つには、CSSリセットが役に立つぞ。 NormalizeのようなCSSリセットのライブラリを使用するか、もっと簡単には以下のように書ける。
※この記事は、2013年1月30日に公開された記事を再編集したものです。 何かで立ち止まったり、行き詰まったりした時は「驚き」や「新しいアイデア」を得た時に、急に閃いて解決することがあります。 今回は、Webデザイナーである私が、普段から巡回しているインスピレーションを得られるおしゃれなWebサイトがのっているギャラリーサイトを集めてみました。 アイデアの参考にだけでなくチームやクライアントとのイメージ共有にもギャラリーサイトを活用することで、より円滑にコミュニケーションがとれたりします。 気に入ったギャラリーサイトがあれば、ブックマークしておきましょう! ※できるだけ直近でも更新されているギャラリーサイトのみピックアップしていますが、もし更新がとまっているサイトがあればご了承ください。 Web Design Clip | Webデザインクリップ 国内がメインで掲載されています。 特徴的な
本日、東京工業大学エンジニアリングデザインプロジェクトが執筆した『エンジニアのためのデザイン思考入門』が発刊されました🎉。発刊を記念して、ジュンク堂書店池袋本店6Fにて「エンジニアリング、デザイン、デザイン思考を巡る80冊」と題したフェアが開催されています。 書籍で紹介している本、講義のなかで話題にあがった本、著者による推薦書など、合計80冊を紹介しています。ぜひお立ち寄りください。 書籍リスト写真を見ながらリストを作成してみました(ひとまず書名だけですみません)。ただ、推薦リストには80冊以上入れておいたのですが、在庫がなかったためか、数えてみると70冊しかないですね……。 ## 1列目『エンジニアのためのデザイン思考入門』『アイデアスケッチ ―アイデアを〈醸成〉するためのワークショップ実践ガイド』『システム×デザイン思考で世界を変える 慶應SDM「イノベーションのつくり方」』『デザイ
メインビジュアルは中央にロゴ、左右にテキストが配置されていてバランスが良い。 付箋のように浮いたデザインの見出しが特徴的。
Website Style Guide Resources GitHub repo Twitter updates Contributors Examples Real life pattern libraries, code standards documents and content style guides. Carbon Design System By IBM Carbon is the design system for IBM Cloud products. It is a series of individual styles, components, and guidelines used for creating unified UI. frontendcodepatternsvoiceandtone Code For America frontendpatterns
公開日 : 2017年9月15日 (2018年6月9日 更新) カテゴリー : アクセシビリティ 先の記事『英語圏のウェブアクセシビリティ コミュニティで語られる「インクルーシブデザイン (inclusive design)」について』で、The Paciello Group (以下 TPG) の「Inclusive Design Principles (インクルーシブデザインの原則)」について触れましたが、このたびインフォアクシアの植木さん (WebA11y.jp) と共同で、この文書を日本語に翻訳し公開させていただきました。(スペイン語、フランス語に続く、3つめの翻訳となります。) インクルーシブデザインの原則 (「Inclusive Design Principles」日本語訳) これは、世界的な規模でウェブアクセシビリティのコンサルティングを手がけている TPG のプロジェクトとし
2016.06.06|最終更新:2017.11.16 超楽アプリ開発!面倒な開発作業を解消する無料Webサービス10選 自分でも何かアプリを作ってみたいと思ったことがある人は少なくないはず。 でも実際作るとなると、データベースの設定やサービス全体のデザイン、画像の用意などなど必要な作業がたくさんあってかなり大変です。 本記事では、それらの手間を大幅に省いてアプリ開発を効率化してくれるサービスを10個ご紹介します。 1.codic codic Webアプリのコードに使用する変数や関数に適切な名前を付けてくれるサービスです。 変な名前にするとあとで分かりにくくなるので、変数や関数の名付けは地味に大事です。 名付けに困ったら使ってみると良いでしょう。 2.CSSGram CSSGram CSSGramは画像を加工するのに重宝するサービスです。 CSSGramからcssファイルをダウンロードして自
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く