サイト構築
テキストだけのボタンは、なぜスマホでのユーザビリティを損なうのか
Post on:2019年6月25日
テキストをボタンにするのはデザインに手間がかからないので、簡単に設置できます。しかし、ユーザーはそのテキスト ボタンのテキストを読んだり、認識したり、タップすることに苦労を強いられます。 テキスト ボタンがスマホのユーザ […]
たった4行のコードをコピペするだけで、Webサイトやブログをダークモードにする軽量JavaScript -Darkmode.js
Post on:2019年6月24日
既存ページにたった4行のコードをコピペするだけで、そのページをダークモードにするボタンを設置する5.73Kbの軽量JavaScriptを紹介します。 他のスクリプトへの依存はなく、カスタマイズも非常に簡単。ダークモードに […]
HTMLを1999年のように書く
Post on:2019年6月21日
HTMLの実装、そしてセマンティックマークアップのすすめについて紹介します。 記事のタイトルは直訳しましたが、1999年というより、フレームワークやdivスープが増産される前の時代という意味だと思います。 Write H […]
これなら簡単で便利！最近見かけるCSSのさまざまなコンポーネントをコピペで利用できる -CodyHouse Framework
Post on:2019年6月20日
HTMLとCSS、そしてJavaScriptで実装された最近のWebページやスマホアプリで見かけるさまざまなコンポーネントを簡単に利用できるフレームワークを紹介します。 各コンポーネントは単体でもHTMLとCSSのコピペ […]
写真でもイラストでもない！全部CSSで実装されたリアルな肌の質感・髪・目・鼻に驚いた
Post on:2019年6月19日
下記のキャプチャ画像は、写真でもイラストでもありません。 肌の質感も髪も目も鼻も口も全部CSSで実装されたポートレートを紹介します。 眉毛とか、瞳とか、かなりのクオリティ。唇や歯もかなりリアルです。
モーダルを開いている時にページがスクロールしてしまうのを防ぐCSSとJavaScriptのテクニック
Post on:2019年6月18日
ページ上でモーダルを開き、スクロールして、モーダルを閉じると、通常そのページはモーダルを開いた時とは別の場所にスクロールされた状態で表示されてしまいます。そして、スクロールした状態で、モーダルを開いて閉じると、一番上にス […]
簡単に描いた落書きから写真のようにリアルな画像を自動生成するツール -GauGAN
Post on:2019年6月17日
人工知能や深層学習が、デザインにも使用できるものが増えてきましたね。 落書きのように簡単に描いたスケッチから、写真のようにリアルな画像を自動生成する「GauGAN」を紹介します。 GauGAN Turns Doodles […]
コピペで簡単に利用できる、CSSアニメーションを使ったボタン・スピナーのコレクション -CSS Wand
Post on:2019年6月17日
コピペで簡単に利用できる、CSSアニメーションを使ったボタン・スピナーのコレクションを紹介します。ボタンのホバーエフェクトやローディング用のアニメーションが用意されており、商用でも無料で利用できます。 CSS Wand […]
美肌加工で不自然なのっぺりがない！Adobe CCの5月のアップデートで実装された新機能がすごすぎ！
Post on:2019年6月13日
Adobe CCの5月のアップデートで、新しい編集コントロール「テクスチャ」が実装されました。利用できるのはAdobe LightroomとCamera Rawで、もちろんPhotoshopでも利用できます。 「テクスチ […]
Adobe XDを使っている人はダウンロードしておこう！Adobe公式、新しいセマンティックUIのコンポーネント
Post on:2019年6月12日
Adobe公式から新しいUIキットがリリースされています。 Semantic UIのフレームワークに基づいた80種類以上のコンポーネントが収録された素材で、HTMLやCSS、さらにはReactでデザインを実装することがで […]
sponsors
