サイト構築 -実装
実はHTMLだけで多くのことが実現できる！知っておくと便利なHTMLの使い方
Post on:2019年7月23日
HTMLだけで多くのことが実現できるのは素晴らしいことです。一昔前までは、CSSやJavaScriptを使用しなければできなかったこと、かなり複雑なコードを書かなければできなかったことが、実はHTMLだけで多くのことが実 […]
Adobe XD用の高機能な無料カラーツール、UIデザインに適した色の組み合わせを生成する優れもの -Color Designer
Post on:2019年7月22日
Adobe XDを使っていて、カラー周りの機能を強化したい人にお勧めの無料プラグインを紹介します。 作成しているUIデザインからカラーパレットを生成し、ベースカラーにホワイトやブラックを加えたカラーパレット、カラーホイー […]
Creative Marketの新しいライセンス形態、変更されたフォントのライセンスを解説
Post on:2019年7月19日
フォントをはじめ、さまざまなデザイン素材を販売しているCreative Marketで、フォントの新しいライセンス形態が適用されるようになりました。 以前購入されたものはその時点のライセンスが適用され、今後はこの新しいラ […]
スマホ用の気持ちいいインタラクションを豊富に備えた、オープンソースのUIコンポーネント -Cuberto
Post on:2019年7月19日
スマホアプリ用の気持ちいいインタラクションを豊富に備えた、オープンソースのUIコンポーネントを紹介します。タップやスワイプなど、ユーザーの操作に反応するアニメーションは、見ているだけでも楽しめます。 GitHub Ope […]
Flexboxを使う時に覚えておきたい！固定幅と可変幅を組み合わせたレイアウトを簡単に実装する方法
Post on:2019年7月18日
幅が決まっている固定要素と幅が決まっていない柔軟な可変要素をうまく組み合わせたレイアウトをFlexboxで実装するCSSのテクニックを紹介します。 画像とテキストを並べたり、ナビゲーションだったり、横に並べた際に高さが異 […]
タッチデバイスも完全サポート！さまざまなスライダーをシンプルなコードで実装できる軽量JavaScript -Tiny slider
Post on:2019年7月17日
デスクトップ・タブレット・スマホをサポート、シンプルなスライダーをはじめ、さまざまなスライダーを簡単に実装できる軽量JavaScriptを紹介します。 バニラJSで実装されており、他のライブラリへの依存はなく、単体で動作 […]
スマホやWebページでよく見かけるUIコンポーネントのデザインと実装コードの無料ライブラリ -Eva Design System
Post on:2019年7月16日
Webサイト・スマホアプリ用のさまざまなUIコンポーネントのデザイン素材とそれを実装するコード、480醜類のSVGアイコンなどがすべてセットになったWebコンポーネントライブラリを紹介します。 UIコンポーネントを使用し […]
CSSでここまでできるのか！知っておくと便利なCSSのプロパティや疑似要素のまとめ
Post on:2019年7月12日
CSSの進化は早いですね。 一昔前までは、JavaScriptを使用しなければできなったこと、かなり複雑なコードを書かなければできなかったことが、CSSだけで簡単にできるようになっています。 知っておくと便利なCSSのプ […]
UIの使いづらさにイラッとする！これがフォームで使いにくい最悪なユーザインターフェイスだ -User Inyerface
Post on:2019年7月11日
使いにくいUI、間違いやすいインタラクション、誤解されるデザインパターンを再現したUser Inyerfaceを紹介します。ベルギーの制作会社「Bagaar」による、使いにくい最悪なユーザインターフェイスを楽しむゲームで […]
HTMLに新しい要素ができる動き、ポップアップする通知パネル用のtoast要素
Post on:2019年7月10日
ブラウザの枠外からポップアップやスライドして表示される通知パネルを実装するために、HTMLの新しい要素<toast>ができるかもしれません。 ブラウザへの実装日はまだ決まっていませんが、Chromiumの開発 […]
sponsors
