サイト構築 -実装
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でデザインを実装することがで […]
ボタンのラベルには分かりやすい文言が重要、ユーザーが使いやすい文言の選び方
Post on:2019年6月11日
ボタンのラベルに「送信（Submit）」や「キャンセル」や「はい/いいえ」しか使わない、という人は注意が必要です。ボタンのラベルはユーザーがボタンをクリックするための重要な要素です。間違った文言を使用していると、ユーザー […]
面倒な配色もこれなら簡単に！多くの人に見やすいUI用のカラースケールを生成する無料ツール -Geenes
Post on:2019年6月10日
このツールを使うと、面倒な配色を考える必要はなくなります。WebページやスマホアプリのUIで使用するカラースケールを生成できる無料ツールを紹介します。 最近増えてきた同系色のカラーでホワイトやブラックを加えたり、リーダビ […]
sponsors
