サイト構築 -実装
新しいアドビオリジナルの和文書体「貂明朝（てんみんちょう）」の隠し文字にはアドビの遊び心が満載だった！
Post on:2017年11月29日
2017年11月28日に開催されたAdobe MAX Japan 2017で、「貂明朝」がTypekitに追加されたことが発表されました。 貂明朝はまったく新しい日本語フォントで、江戸時代の筆文字の特徴が取り入れられた味 […]
1クリックでプレゼンテーションモードに早変わり！アイコンや通知やアプリを非表示にするmacOS対応アプリ -Pliim
Post on:2017年11月29日
プレゼンやクライアント先で資料を見せる時、デスクトップのアイコンが邪魔だったり、通知パネルが表示されて気まずくなったことはありませんか？ プライベートなら笑って済むかもしれませんが、ライバル社関連だったりしたらただ事では […]
Appleのデザインは奥が深い！チーズはハンバーガーのどこに置くべきか
Post on:2017年11月28日
チーズはハンバーガーのどこに置くべきでしょうか？ AppleとGooleのハンバーガーの絵文字はTwitterでかなり話題になっていました。各社のハンバーガーや味といった観点からではなく、デザイン面からこの違いを解説した […]
CSS Gridで、Webページでよく使うレイアウトを実装したシンプルなHTML/CSSのテンプレートのまとめ
Post on:2017年11月27日
CSS Gridを使って、ヘッダ・フッタ付きの2カラム、3カラム、カード型といったレイアウトをはじめ、テキストはグリッドに揃えて画像は全幅で表示など、Webページでよく使うレイアウトを実装するシンプルなテンプレートを紹介 […]
スクロールのイベントをIntersectionObserverで快適に実装する最新の軽量JavaScriptライブラリ -Scrollama
Post on:2017年11月24日
Intersection Observerを利用したWebページが増えてきました。 IntersectionObserversは、ターゲット要素がブラウザのビューポートと呼ばれるページの表示領域と重なる（または交差する「 […]
あまり知られていない、フォームをCSSでスタイルするために役立つ便利なセレクタとその使い方
Post on:2017年11月21日
フォームをCSSでスタイルするのは難しいと思われていました。しかし、input要素とそれに関連する要素をスタイルするためのあまり知られていないセレクタがあります。いくつかは比較的新しいセレクタですが、昔から存在するセレク […]
作るのが楽しい！自分にそっくりな似顔絵のイラストを使ったアイコンが作成できるSketchライブラリ -Avataaars
Post on:2017年11月21日
髪型、髪の色、髭、目、鼻、口、肌の色、洋服など、パーツを組み合わせて、自分にそっくりな似顔絵のイラストを使ったアイコンやアバターが作成できるSketchライブラリを紹介します。 100種類以上のパーツが用意されており、パ […]
これなら簡単！Bootstrap 4.0のデザインがカスタマイズできる商用でも無料のオンラインツール -Bootstrap Magic
Post on:2017年11月20日
Bootstrap 4.0のテンプレートやコンポーネントのデザインを確認しながら、定義されている変数を簡単にカスタマイズできるオンラインツールを紹介します。 BootstrapでWebサイトやブログを作成する時に、Boo […]
これを見ておけば脱初心者！Adobe XD, Photoshop, Illustratorでデザインの作り方の手順がよく分かる1分動画
Post on:2017年11月17日
CC 2018でついに正式版としてリリースされたAdobe XD CCをはじめ、CC 2018ではPhotoshop, Illustrator, Premiereなど、数多くのアプリが機能を強化してバージョンアップされま […]
[CSS]Webページのこれからのレイアウトテクニック！FlexboxとCSS Gridは一緒に使用してこそ価値がある
Post on:2017年11月16日
Webページのレイアウト、一昔前まではfloat、最近のプロジェクトではFlexboxが主流だと思います。CSS Gridはどうでしょうか？ CSS Gridは主要なすべてのブラウザにサポートされ、採用を検討している、ま […]
sponsors
