サイト構築 -制作

同じUIコンポーネントをCSSで静的に、Vue.jsやプレーンのJavaScriptで動的に実装する -Tailwind Starter Kit

Post on:2020年1月20日

最近のWebページやスマホアプリのUIでよく使用されるさまざまなコンポーネントをCSSで静的に、Vue.jsやReact.jsやプレーンのJavaScriptで動的に実装するためのコードをまとめたTailwind Sta

...記事の続きを読む

2020年最新版、Font Awesome アイコンの使い方と便利な機能のまとめ

Post on:2020年1月9日

Font Awesome アイコンの基本的な使い方をはじめ、Webサイトやスマホアプリでアイコンを使う時の便利な機能をまとめて紹介します。 Font Awesome guide and useful tricks you

...記事の続きを読む

Adobe XDは確実に進化している!テキストには依存せず、アクセシブルなUIを構築するためのUIキット

Post on:2019年12月20日

先月のAdobe MAXを経て、Adobe XDも大きく進化しましたね。 リアルタイムの共同編集、ドキュメントの履歴、共有モードといったワークフローに役立つものをはじめ、コンポーネントのステート、ホバーのアクショントリガ

...記事の続きを読む

2020年、最近注目されているWebデザインのトレンドと技術の進化

Post on:2019年12月19日

Webデザイナーとデベロッパー向けに、2020年参考にしたいWebデザインのトレンドと技術の進化を紹介します。 最近注目されているWebサイトやスマホアプリのトレンドを調べ、デザインと技術の変化とそのトレンドの根底にある

...記事の続きを読む

サイトを高速化したらロード時間は1.6秒に、Lighthouseは100を獲得、その際に実施した手順を解説

Post on:2019年12月17日

サイトのロード時間とパフォーマンスを改善するために再構築した結果、ロード時間が1.6秒に短縮され、Lighthouseのスコアで100を獲得した際に、実施した手順を紹介します。 HTMLとCSSベースの改善が主で、ロード

...記事の続きを読む

各SNSで推奨されている画像サイズ・動画サイズのまとめ -SocialSizes

Post on:2019年12月16日

Instagram, YouTube, Twitter, Facebook, TikTok, AppStoreなど、各SNSで推奨されている画像のサイズ、最低限必要なサイズ、動画の長さなどをまとめてダウンロードできるSo

...記事の続きを読む

Adobe CCユーザーに朗報!Adobe Fontsに無料で使える、新しい日本語フォントパックが7つも追加

Post on:2019年12月6日

Adobe CCユーザーに朗報です! Adobe Fontsに、新しい日本語フォントパックが7つも追加されたので紹介します。 ちなみに、Adobe Fontsは商用プロジェクトをはじめ、ロゴ(商標登録も可)や動画(You

...記事の続きを読む

Adobe XDに便利なプラグインが登場!簡単にワイヤーフレームやモックアップを作成できる -Quick Mockup

Post on:2019年12月4日

12/3にパシフィコ横浜で開催された「AdobeMAXJapan」に合わせて、Adobe XD用の便利なプラグインが登場しました! プラグインは通常、英語圏内に特化されたものが多いですが、「Quick Mockup」はな

...記事の続きを読む

レスポンシブの確認が簡単になる!複数のスクリーンサイズで同時にできるChromeの機能拡張 -ResponsiveViewer

Post on:2019年11月22日

レスポンシブの確認をしたい時、最近ではスマホやタブレットなどのスクリーンサイズもいろいろなものがリリースされたので、大変になってきました。複数のスクリーンサイズを同時に確認できたらいいのにと思っていた人に朗報です。 先日

...記事の続きを読む

管理画面用のレイアウトやUIコンポーネントがほとんどすべて揃った、商用利用無料のHTMLテンプレート -Stisla

Post on:2019年11月18日

商用のプロジェクトでも無料で利用できる、管理画面・ダッシュボードのレイアウトやUIコンポーネントが揃ったテンプレートを紹介します。 このテンプレートを使用すると、管理画面・ダッシュボードで必要なコンテンツを簡単に作成でき

...記事の続きを読む

top of page

©2020 coliss