CSS Gridの便利な無料ツールが登場！ レイアウトを確認しながら、コードを生成できる -CSS Grid Generator

2024/07/22 79 users CSS Grid レイアウト コード 登場 無料ツール

最近のWebサイトやスマホアプリでよく使用されるお弁当箱のようなBento UIやカード型、ヘッダ・サイドバー・メイン・フッタなどのレイアウトを確認しながら、CSS Gridのコードを生成できる無料オンラインツールを紹介します。 使い方は非常にシンプルで簡単、生成されるコードもシンプルでさまざまなプロジェクトで利用... 続きを読む

UIデザイン用に、AIで色彩理論に基づいたカラーパレットを生成してくれる無料オンラインツール -AI Color Combination Generator

2024/04/03 206 users 色彩理論 カラーパレット UIデザイン用 プロンプト

AIによる便利ツールが増えてきましたね！ WebサイトやスマホアプリのUIデザイン用に、入力されたプロンプトを元に色彩理論に基づいたカラーパレットを生成してくれる無料オンラインツールを紹介します。 AI Color Co...記事の続きを読む 続きを読む

簡単で便利なツールが登場！レイアウトを確認しながら、CSSのコードを生成できる -CSS Layout Generator | コリス

2021/06/30 20 users コリス ブッダ CSS レイアウト ツール

Webサイトでよく使用されるレイアウト、「ヘッダ・メイン・フッタ」「ヘッダ・サイドバー・メイン・フッタ」「カード型」「サイドバー」などのレイアウトを確認しながら、CSSのコードを生成できる無料オンラインツールを紹介します...記事の続きを読む 続きを読む

ニューモーフィズムのUIで見かけるさまざまなCSSを簡単に生成できる無料ツール -Neumorphic Generator | コリス

2020/06/23 18 users コリス 矩形 ブラー ニューモーフィズム CSS

ボタンやカードなど、ニューモーフィズムのUIデザインで見かけるさまざまな要素を実装するCSSを簡単に生成できる無料オンラインツールを紹介します。 矩形や丸などの形、カラーや角丸やブラーなども簡単にカスタマイズできます。 ...記事の続きを読む 続きを読む

CSSのcalc()関数で、レスポンシブ対応のfont-sizeを可変にするスタイルシートを簡単に生成できる無料ツール | コリス

2020/05/22 19 users 可変 Calc ワイドスクリーン コリス 最小値

レスポンシブ対応で、可変のfont-sizeを定義するスタイルシートを記述するのは、なかなか面倒です。 スマホ表示での最小値、ワイドスクリーンでの最大値を決め、その間は可変サイズで表示されるfont-sizeのスタイルシートを簡単に生成できる無料オンラインツールを紹介します。 font-sizeは自由に定義できるので、日本語... 続きを読む

ファビコンを簡単に作成できる無料ツール！テキスト・画像・絵文字から生成でき、各デバイスのサイズにも対応 -favicon.io | コリス

2020/05/20 18 users ファビコン コリス テキスト 各デバイス 絵文字

数回 or 1クリックするだけで、デスクトップ・タブレット・スマホに適した複数サイズのファビコンを簡単に生成できる無料オンラインツールを紹介します。 ファビコンは、テキスト・画像・絵文字から簡単に生成でき、日本語や自分の...記事の続きを読む 続きを読む

動画や映像、アニメーションGIFの背景を自動分析し、背景だけを削除できる無料オンラインツール -Unscreen | コリス

2020/03/13 5 users WebM コリス アニメーションgif グリーンスクリーン

.mp4、.webmの動画や映像、アニメーションGIFの背景を自動分析し、背景だけを映像から削除できる無料オンラインツールを紹介します。 通常はグリーンスクリーンで撮影しないと背景を削除できませんが、簡単に背景のない映像を作成できます。 Unscreen Unscreenは、動画や映像から背景を削除できるオンラインツールです。... 続きを読む

デザインの勉強にもなる！ロゴのデザインをさまざまな面から検証し、改善点が分かるオンラインツール -Logo Lab | コリス

2018/10/19 54 users バランス カラー 小さいサイズ デザイン面 あなた

あなたのロゴをさまざまなデザイン面から検証し、デザインの改善点が分かる無料オンラインツールを紹介します。 ロゴの視覚的なバランスはどうか、カラーに依存されていないか、大きい小さいサイズでどうかなど、ロゴが使用されるあらゆ...記事の続きを読む 続きを読む

地球をまるごと観察することができる5つの便利な無料オンラインツール : カラパイア

2018/04/27 97 users 風力発電 惑星 ソーラー発電 カラパイア リアルタイム

地球という惑星の健康状態についての情報はますます増えており、さらにそうしたデータを無料で利用できるオンラインツールも次々と登場している。 地球全体のリアルタイムの高画質衛生画像や、風力発電やソーラー発電の世界的トレンド、あるいは森林減少の詳細など、温暖化など、地球環境の移り変わりや、人間の活動が母なる惑星に与える影響を知ることができる。 1. 地球の変化を知ることができる衛星画像：NASAワールド... 続きを読む

日本語にも対応！自分で書いた文字からフォントを簡単に作成できる無料オンラインツール -Calligraphr | コリス

2018/03/30 242 users コリス リガチャ フォント MacOS 手書き

Windowsからでも、macOSからでも、手書きのオリジナルのフォントが簡単に作成できる無料オンラインツールを紹介します。フォントはTrueTypeもOpenTypeも作成できます。 日本語はじめ、英語、ドイツ語、フランス語、スペイン語などのフォントを作成することができ、リガチャ（合字）にも対応しています。 Calligraphr さっそく、Calligraphrで手書きの日本語フォントを作成し... 続きを読む

[CSS]簡単で便利！ページで使用されていないCSSのセレクタを見つける無料ツール -Unused CSS | コリス

2018/02/19 79 users セレクタ コリス CSS Unused CSS 複数

指定したWebサイトで、使用されていないCSSのセレクタを自動で検出する無料オンラインツールを紹介します。 ページ内部のリンクも再帰的に調査し、複数のページにも対応しています。 Unused CSS finder Unused CSS finderの特徴 Unused CSS finderの使い方 Unused CSS finderの特徴 Unused CSS finderは指定したWebサイトの... 続きを読む

スゴイのが登場！Webやスマホページを積み木感覚でデザインできる、日本語対応の無料オンラインツール -STUDIO | コリス

2017/08/29 549 users コリス ブッダ Studio ヘッダ コンポーネント

国産のツールでは初じゃないでしょうか。 Webサイトやスマホアプリのページデザインを積み木感覚で楽しくデザインできる無料のオンラインサービスを紹介します。 操作が非常に快適で、ちょっと触るだけでもかなり楽しめます。 STUDIO STUDIOは無料で利用できるオンラインサービスで、日本語版と英語版がリリースされています。 ヘッダやフッタ、コンテンツのコンポーネントなどをドラッグ&ドロップでぽんっと... 続きを読む

スマホ・タブレットのさまざまなデバイスの表示チェックに対応！レスポンシブの確認ができる無料オンラインツール -.resizr | コリス

2015/04/20 104 users Kindle コリス レスポンシブ Surface デバイス

iPhone 4, 5, 6, 6+をはじめ、Android各機種のスマホ、iPad, Surface, Kindleなどのタブレットのさまざまなスクリーンサイズをエミュレートし、それぞれのサイズでWebページがどのよう...記事の続きを読む 続きを読む

Webサイトのプロトタイプ制作に使える無料オンラインツール | Webクリエイターボックス

2013/11/19 212 users プロトタイプ制作 Webクリエイターボックス Webサイト

Webサイトを制作する際に大切なものの多くは、制作開始する前の段階にあります。サイトの設計・計画がうまくいっていないサイトは、制作開始後、様々なトラブルに見舞われることでしょう…。ということで今回はモックアップ・プロトタイプと呼ばれる設計画面を作成できるオンラインツールをいくつか紹介します。サイトの大まかな動きをチーム内でシェアしたり、フィードバックしあったりと、便利に使えるものばかりです！ Vi... 続きを読む

エデルマン、Twitterの影響力ランキングTOP100を発表--日本人も16名がランクイン:ニュース - CNET Japan

2010/02/22 261 users エデルマン Twitter Twitterユーザー 指標 自社

エデルマンは2月22日、通信・モバイル関連の内容を活発にツイ−トしている世界中のTwitterユーザーのランキング数値「Edelman’s Telecom TweetLevel Index」を発表した。 これは、エデルマンが自社開発したTwitterユーザーの影響力を自動計測する無料オンラインツール「TweetLevel（ツイートレベル）」を用いて評価したもの。 4つの指標に基づき、（1）ツイート... 続きを読む