サイト構築 -実装
CSSの否定疑似クラス「:not()」で、複数のclassを指定する場合の使い方
Post on:2019年7月30日
:not()セレクタは非常に便利です。例えば、リストの各アイテムの区切りにボーダーをつける時、まずはli要素にボーダーを指定し、最後のli要素にだけボーダー無しを上書きで指定する、そんな時に使用すると簡単に指定することが […]
レイアウトやUIコンポーネントなど、最近のランディングページで使用されているアイデアのまとめ -SaaS Pages
Post on:2019年7月29日
ランディングページがどのようにデザインされ、レイアウトされているのか、そしてコピーライティングがどのようにデザインされているのか、その参考資料となるアイデアをまとめたSaaS Pagesを紹介します。 ランディングページ […]
zipファイルの中身を安全に確認でき、編集ができる無料Webアプリ -Zipadee
Post on:2019年7月29日
ブラウザ上でzipファイルの中身を安全に確認でき、その中身の編集ができる無料のオンラインサービス・Webアプリを紹介します。 ローカル環境でzipファイルを解凍したくない時などに、便利です。 Zipadee Zipade […]
VSCodeを使いこなすための一歩、コードを書く時に知っていると便利なショートカットのまとめ
Post on:2019年7月26日
Visual Studio Codeでコードを書く時に知っていると便利なショートカットを紹介します。コードを書く時に自分がよく実行する操作のショートカットを覚えておくと、作業効率は格段にアップします。 21 VSCode […]
Webサイト・アプリのページ構成を分析、サイトマップを自動的に作成するオンラインサービス -Visual Sitemaps
Post on:2019年7月25日
指定したWebサイトやWebアプリのページ構成を分析し、サイトマップを高解像度スクリーンショット付きで自動的に生成するオンラインサービスを紹介します。 UI、UX、SEO、およびマーケティングなどの調査もこれなら簡単です […]
パララックスやさまざまなスクロールのエフェクトを簡単に実装できるJavaScriptライブラリ -Locomotive Scroll
Post on:2019年7月24日
Webページやスマホアプリで要素がビューポート内に入った時に、パララックスやさまざまなスクロールのエフェクトを実装できるJavaScriptライブラリを紹介します。 要素をスクロールに追従して表示させたり、視差効果を使っ […]
実は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 […]
sponsors
