デザイナーこそ覚えておきたいCSS最新事情！あなたの知らないfont-familyのイマ

Dec 5, 201629 likes24,196 views

第27回HTML5+JS勉強会（平成28年12月2日）で発表したスライド資料です。 Windows 10やmacOSの「游ゴシック」の搭載をはじめ、ウェブで利用できる日本語フォントの選択肢が広がってきました。従来の「ＭＳＰゴシック」の落とし穴、フォント字形から理解するデザインの向き不向き、字間の調整ができるCSS「font-feature-settings」など、多岐にわたり2016年のfont-family事情を紹介します。フロントエンドエンジニアやHTMLコーダー、デザイナーに役立つ内容となります。

デザイナーこそ覚えておきたいCSS最新事情！あなたの知らないfont-familyのイマ

.selector {
font-feature-settings : "palt";
}

text-align:justify
"palt"
font-feature-settings : "pkna" ?

ーーーーーーーーーーーーーーーーーーーーーーー schoo WEB-campusは「WEBに誕生した、学校の新しいカタチ」。ＷＥＢ生放送の授業を無料で配信しています。 ▼こちらから授業に参加すると、先生への質問や、ユーザーとのチャット、資料の拡大表示等が可能です。 https://schoo.jp/class/234/room ーーーーーーーーーーーーーーーーーーーーーーー

【第二回】デザイン初心者でも出来る！公司ロゴの作り方【案出し～デザイン作成编】schoowebcampus

ーーーーーーーーーーーーーーーーーーーーーーー schoo WEB-campusは「WEBに誕生した、学校の新しいカタチ」。ＷＥＢ生放送の授業を無料で配信しています。 ▼こちらから授業に参加すると、先生への質問や、ユーザーとのチャット、資料の拡大表示等が可能です。 https://schoo.jp/class/1038/room ーーーーーーーーーーーーーーーーーーーーーーー

アクセシビリティとこれからの奥别产デザイン力也伊原

イラスト制作のための滨濒濒耻蝉迟谤补迟辞谤?ベクターでもっと自由に描いてみよう?hamko ig

「自分でイラストを描けたら良いのにな」と思ったことはありませんか？ Illustratorなら、描きたいモチーフの「しくみ」に適切な機能をあてはめることで、複雑なイラストにも挑戦できます。絵を描くのは苦手だという方でも大丈夫です。今回は実例を交えながら、ブラシ機能や描画まわりのツール、Adobe Captureの活用方法などを中心にご紹介します。特にCC以降の機能は、イラスト制作の効率を格段に上げるものばかり。新?旧機能の合わせ技で効率よく、更に豊かな表現を目指しましょう！ page2017のクリエイティブゾーンセミナーに登壇させていただいた際のスライドです。実演で解説した部分は概要のみ追加しました。 page2017 http://www.page.jagat.or.jp/ 「新規アートに基本アピアランスを適用」の詳細は「Illustrator アピアランスのキホン ?流用編?」の「「新規アートに基本アピアランスを適用」OFFで連続描画」でも解説しています。 http://hamfactory.net/illustrator/illustrator-appearance-copy/

グッドパッチのデザインカルチャーの作り方Satoru MURAKOSHI

厂办别迟肠丑か?础苍诲谤辞颈诲の鲍滨テ?サ?インに向いているワケAsami Yamamoto

CAMPFIRE DESIGN #1 「デザインの力」でビジネスにコミットする驰补丑辞辞!デベロッパーネットワーク

デキる奥别产デザイナーを目指せ！本当に现场で使える颁颁活用テクニックAkiko Kurono

ウェブデザインに応用する4つの基本原则Tomoyuki Arasuna

鲍齿の考え方とアプローチMasaya Ando

コーディングを考虑した奥别产デザインガイドラインHiroyuki Makishita

Adobe MAX Japan 2016「ベテランほど知らずに損してるIllustratorの新常識あ、それ、今のIllustratorならこうします！...swwwitch inc.

快適にWebデザインするためのフリーランスの仕事の流れ【プロジェクトマネジメント編】夏本健司schoowebcampus

ーーーーーーーーーーーーーーーーーーーーーーー schoo WEB-campusは「WEBに誕生した、学校の新しいカタチ」。ＷＥＢ生放送の授業を無料で配信しています。 ▼こちらから授業に参加すると、先生への質問や、ユーザーとのチャット、資料の拡大表示等が可能です。 http://schoo.jp/class/1611/room ーーーーーーーーーーーーーーーーーーーーーーー

ノンデザイナーのための「デザインの判断」はとりあえずコレだけおさえようSasaki Kouhei

础さんが言うデザインと叠さんの言うデザイン、结局どっちが正しいの？Ryoji Fujishita

新作スライドボッチなデザイナーがクラウドファンディングを始めようとしたら「それでは3200人あつめてください」と言われた件 - https://goo.gl/co5NRN 公開しました！ぜひコチラもお読みください！読んでくれてありがとう！面白かったらぜひぜひシェアしてくれると嬉しいよ！(`?ω??)b ダウンロードもプリントも配布もご自由にどうぞ！たくさんの人にみてもらえれば最高です！デザインが苦手な人ほどオススメ！ Aさんはデザインはこうだという。 Bさんはデザインはああだという。ああああああもう！！結局どっちが正しいんだよ！？そんな疑問がたった13ページで解決します！ "デザイン"なのに真逆のことをいう人達がいるのは、実はこういうことだった！もう、デザインが苦手なんてことない！

色彩センスのいらない配色讲座Mariko Yamaguchi

础苍驳耻濒补谤と贰濒别肠迟谤辞苍や滨辞苍颈肠で挑戦した?デスクトップ?モバイルアプリ开発Yasunobu Ikeda

理詰めスライト?（色彩编）Awoi Ebinuma

奥别产デザインのための配色セオリーwebcampusschoo

フォントの选び方?使い方k maztani

配色を楽にするコミュニケーションKunio Sakamoto

色で失敗しない為に ?理論に基づく配色フロー?Yuudai Tachibana

ノンデザイナーのための配色理论tsukasa obara

見やすいプレゼン資料の作り方 - リニューアル増量版MOCKS | Yuta Morishige

書籍化し、12万部突破しました。【狠狠撸Share広告回避用】 https://www.docswell.com/s/morishige/K3MXPZ-howtodesignslides ?PDFは無料でダウンロードできます ?自己学習や勉強会などの目的でしたらご自由にお使いいただけます ?授業?研修への利用はフォーム( https://forms.gle/WwgXTT974xFW78mFA )にご報告ください ?記事への参考資料にする際は適切な出典明記をお願いいたします【使っているフォントについて】 M+フォント「MigMix1P」です。こちらもメイリオ同様おすすめです。フリーで使えます。【個人HP】 > https://mocks.jp > 仕事のご依頼はこちらから【書籍情報】デザイン入門：https://amzn.asia/d/4WDsTI6 デザイン図鑑：https://amzn.asia/d/gOBCWKc 【前作】 > http://www.slideshare.net/yutamorishige50/how-to-present-better

闯补惫补厂肠谤颈辫迟と奥别产骋尝で取り组む?クリエイティブコーディングYasunobu Ikeda

The document discusses various coding techniques and tools for creating 2D and 3D visualizations using JavaScript, WebGL, and CreateJS, including examples and code snippets. It highlights different libraries like Three.js and Babylon.js, as well as particle animation techniques. Links to samples and additional resources provided enhance understanding and practical application of the discussed concepts.

クリエイティブの视点から挑戦する笔奥础Yasunobu Ikeda

1. PWAs (Progressive Web Apps) were introduced by Google in 2015 and have grown in popularity since 2017 according to Google Trends. 2. PWAs aim to have aspects of native apps by using technologies like the Web App Manifest and Service Workers to add functionality like being installable and working offline. 3. Developers can check if their web app meets PWA criteria by using tools like the Progressive Web App Checklist and Lighthouse.

CreateJSの概要 + Animate CC 2018の新機能Yasunobu Ikeda

The document discusses various tools and technologies related to CreateJS and Adobe Animate CC, highlighting their capabilities for HTML5 canvas development and animations. It includes links to resources and examples for implementing CreateJS, JavaScript integration, and working with graphics like SVG and WebGL. Additionally, it mentions community contributions and copyrights associated with the tools.