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

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

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

ChatGPTで仕事を非効率化する｜かりみや｜note

2023/03/05 574 users chatgpt bot Note 使い道 自社

このnoteで得られる情報 ・情報伝達を終わらせる方法 このnoteの情報の使い道 ・自社を終わらせる ・敵対企業のChatGPTのbotをハッキングしてこれにして終わらせる どうも。 みなさん、ChatGPTで仕事効率化させてますか？ 世の中にはサイトを要約するとか、メールを要約するとか、そういう便利ツールが集まっていますね ... 続きを読む

最近のWeb制作に役立つ、CSSの便利ツール総まとめ

2023/01/19 165 users CSS Flexbox SVG フォントサイズ Web制作

最近のWeb制作に役立つ、CSSの便利ツールをまとめました。 CSS Grid, Flexboxで実装するときに役立つレイアウトのツール、CSSやSVGでさまざまな背景・区切り線を生成するツール、美しいシャドウやグラデーションを生成するツール、色選びや配色に役立つツール、コピペで利用できるボタン、可変のフォントサイズ、CSSアニ... 続きを読む

クリエイターの作業をラクにする最新Web、オンラインツール33個まとめ

2022/11/03 111 users ラク クリエイター インスピレーション 時短 作業

「こんなツール、あったの？」と思ってしまう、話題の最新オンラインツールをまとめてご紹介します。 デザインのインスピレーションが欲しいときや、やりたくなり面倒な作業を一発完了したり、時短にもつながる便利ツールが揃います。 カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう... 続きを読む

カラー生成のこんな便利ツールがあったとは！ ベタ塗りのカラーと同じに見える半透明のカラーを生成するツール -Alphredo

2022/08/22 285 users 半透明 ダイアログ シャドウ 背後 背景

同じ背景色に配置したベタ塗りのカラーと同じに見える半透明のカラーを生成するツールを紹介します。 半透明のカラーは背景に重なると、ベタ塗りのカラーと同じになります。たとえば、シャドウやダイアログの背後の背景など半透明で複数...記事の続きを読む 続きを読む

CSSでfont-sizeをレスポンシブ対応にする最新テクニック！ clamp()関数で定義する便利ツール -Min-Max Calculator

2022/05/31 158 users CLAMP font-size CSS 関数 メディアクエリ

Webサイトをレスポンシブ対応にする時、メディアクエリを使用するのも一つの方法ですが、CSSのclamp()関数を使用すると、最小値と最大値を定義してその間の値は流動的にすることができます。 たとえば、小さいスクリーンでは最小値の16px、スクリーンが大きくなるにつれ、最大値の24pxになるまで少しずつ大きくなる、と... 続きを読む

Alfredの代替としてRaycastを使っている - 詩と創作・思索のひろば

2022/02/01 357 users alfred Spotlight Raycast MacOS

新春ツール入れ替えシリーズです。macOS における Spotlight 的なランチャーツールとして Alfred を長いこと使ってきたが、最近 Raycast を使ってみてこれがよかったので、以来ずっと使い続けている。 Raycast - Supercharged productivity 開発者のための便利ツールという売り文句のようで、そういう点がまさに気に入っ... 続きを読む

CSSの便利ツールが登場！ レスポンシブ対応のフォントサイズを超簡単に定義できる -Modern Fluid Typography Editor

2022/01/31 225 users フォントサイズ CSS CLAMP レスポンシブ対応 登場

Webサイトをレスポンシブ対応にする時、フォントサイズをさまざまなスクリーンに最適なサイズにします。スマホ用のfont-size、デスクトップ用のfont-sizeを定義するのも一つの方法ですが、font-sizeの最小値と最大値とその間の値を流動的にするclamp()を使用すると簡単に定義できます。 CSSでレスポンシブ対応のフォント... 続きを読む

開発で使ってる便利ツール - 書いたもの

2020/12/22 183 users 開発 ニキシー管 賞賛 他人 初回

この記事は CAMPHOR- Advent Calendar 2020 の23日目の記事です。22日目は れおまる さんの「ニキシー管の魅力 」でした。ニッチ！！！！(賞賛) CAMPHOR- Advent Calendar には初回の2014年から参加していて7度目の参加になります。 今回は普段の開発で便利に使っている周辺ツールを紹介します。他人の開発風景を見てい... 続きを読む

HTMLとCSSのファイルを解析し、未使用のCSSをお掃除してくれる便利なツール -DropCSS | コリス

2019/03/28 445 users コリス CSS HTML CSSファイル ツール

CSSファイルを軽量化するには、最適化・軽量化などの便利ツールがありますが、未使用のCSSを掃除することも重要です。HTMLとCSSのファイルを解析し、未使用のCSS（CSS4までサポート）を掃除してくれるツールを紹介します。 DropCSS -GitHub DropCSSの特徴 DropCSSの使い方 DropCSSのパフォーマンス DropCSSの特徴 DropCS... 続きを読む

充実するフロントエンドの便利ツール、むしろエンジニアの新たな「悩みの種」に？｜WIRED.jp

2018/11/07 173 users エンジニア フロントエンド WIRED.jp

IMAGE BY CASEY CHIN プログラミング言語を習得するだけでは、ソフトウェアエンジニアになることはできない。いまの時代、ソフトウェアをつくるには、業界のエコシステムのなかで使用されているさまざまなツールを駆使する必要がある。 それらのツールには、プログラマーがコードを書くために使うプラグラムから、それを... 続きを読む

【衝撃事件の核心】教員パソコンをカンニングで大阪医科大生逮捕　患者カルテなど４６万件流出（1/4ページ） - 産経WEST

2018/08/29 285 users カンニング 核心 大阪府警 バックアップ 産経ｗｅｓｔ

パソコン内のデータを別の場所に自動保存する「バックアップソフト」。インターネット上では無料ソフトも多数公開されている。本体故障時に役立つこの便利ツールを、あまりに不届きな用途に使った医大生が大阪府警に逮捕された。教員用のパソコンにこのソフトを仕込み、成績アップのためにデータを“カンニング”していた... 続きを読む

CSSの単位「rem」を使ったフォントサイズの計算を自動で一覧表示してくれる便利ツール -PxtoRem | コリス

2018/07/09 131 users rem コリス フォントサイズ CSS 複利計算

フォントサイズの指定によく使用される単位は、相対値で指定できる単位が人気です。中でも、親要素に相対的なemより、常にルートに相対的なremの方が使い勝手がよいでしょう。emを使用すると複利計算になるため、深い階層の子要素...記事の続きを読む 続きを読む

【画像付き】ディスククリーンアップで削除しても良いファイルと手順

2017/01/09 129 users ディスククリーンアップ 手順 デフラグ 画像付き HDD

よくデフラグと一緒に利用されている「ディスククリーンアップ」という機能があります。これはWindowsに搭載されている便利ツールです。 不要なファイルを安全に削除し、ハードディスク（HDD）の空き領域を増やす方法として、よく使用されます。デフラグを行う前にここへ訪れた方も一緒に、ディスククリーンアップを試してみましょう。 手順を紹介する前に、ディスククリーンアップを行う際、初心者の方は、削除してい... 続きを読む

【ポケモンGO】簡単に「かくれたポケモン」の位置がわかる便利ツールが公開

2016/08/13 270 users ポケモン ポケモンGO 位置 歩数 図形

ポケモンGOの「かくれたポケモン」の位置を、(多少の労力で)簡単に特定できる ツール が公開されました。 先日のアップデート以降「かくれたポケモン」の精度が上がり、これを利用して目当てのポケモンの場所を探す 手法 はすでに紹介しました。 しかしながらその方法では、距離を歩数で数えたり、図形を頭の中で描く必要がある、といった課題がありました。 それらを解決し、「かくれたポケモン」の位置特定が簡単にな... 続きを読む

【全部無料】ブログ運営に使える23の便利ツールで作業をスマートかつ効率的に - Life is colourful.

2016/07/31 723 users Life is colourf 作業 全部無料 ブログ運営

2016 - 07 - 31 【全部無料】ブログ運営に使える23の便利ツールで作業をスマートかつ効率的に ブログ運営 Web制作 ブログを運営する上で、便利なツールを無料の範囲内で紹介してみたい。ここで取り上げるツールは、無料といえど本職のWebデザイナーやマーケッターが使うツールも含まれており、ブログ運営にも応用が効くものが多く、その効果も大きい。 新しいものを取り入れるのは面倒でもあるのだけれ... 続きを読む

【凄腕Webエンジニア7人に聞いてみた】どんな開発環境や便利ツール使って仕事してるの？ - paiza開発日誌

2016/06/23 1002 users paiza開発日誌 エンジ 谷口 開発環境 コマンド

2016 - 06 - 23 【凄腕Webエンジニア7人に聞いてみた】どんな開発環境や便利ツール使って仕事してるの？ Webサービス紹介 開発ネタ Photo by Sean MacEntee こんにちは。谷口です。 他人の開発環境 って気になりませんか？私は気になります。 誰かの作業を見ていて 「何そのツール知らなかった」「えっそのコマンド便利そう」 となったことありませんか？ 自分以外のエンジ... 続きを読む

新しいスキルや習慣を確実に身につけるための「4ステップ」と「便利ツール」 ｜ ライフハッカー［日本版］

2016/01/27 101 users ライフハッカー 習慣 新しいスキル ４ステップ matono

matono  -  Android , Androidアプリ , iPhone , iPhoneアプリ , こころ , スマートフォン , メンタル , 仕事術     06:00 PM 新しいスキルや習慣を確実に身につけるための「4ステップ」と「便利ツール」 MakeUseOf ：たとえば、あなたは歩みたい人生や達成したいことがわかっている野心的な社会人だとします。しかし、それはどうしたら成功... 続きを読む

それなりに使える、Web制作者がお世話になる便利ツール | コムテブログ

2016/01/04 581 users コムテブログ WEB制作者 お世話

毎回使うわけではないけれど、いざとなったら意外と役に立つもの。今回はディレクターからコーダーまで「それなり」に使えそうなツールをまとめました。作業労力を軽減してくれる系です。 便利なツール ロゴの特許、商標の検索 キーワードを入力すると登録番号・出願・商標・出願人・登録日の他、ロゴイメージなどを見ることができるサービス、特許情報プラットフォーム。ロゴを作成し商標登録後はここでチェックしておきたいで... 続きを読む

継ぎ目のないデザインを実現！すごいPhotoshopパターン素材36個まとめ 2015年9月度 - PhotoshopVIP

2015/09/30 100 users デザ Photoshop PhotoshopVIP 継ぎ目

Photoshopの便利ツールのひとつ、パターン機能の使いやすさをアップする、無料ダウンロードできる新作パターン素材をまとめています。今回は、3ヶ月ぶりとなる2015年9月度まとめです。 シンプルでどんなデザインにも使える万能アイテムから、プリント印刷にも対応したアイテムの他に、より実用的に活用できる素材を中心に集めています。今後のデザイン制作にいかがでしょう。 詳細は以下から。 継ぎ目のないデザ... 続きを読む

ブックマークしておくと便利！Web制作に役立つツールや勉強になるサービスのまとめ | コリス

2015/08/27 255 users CSS スゴ技 給料 アイデア UIデザイン

UIデザインの新鮮なアイデア、CSSのスゴ技、制作に役立つ便利ツール、あのスタートアップ企業がどのように成長したのか、自分の給料は他と比べてどうなのかなど、Web制作や勉強に役立つものやアイデアがもらえるお役立ちサイトを...記事の続きを読む 続きを読む

コマンドラインで入力ミスった時に、「fuck」と打ち込めば自動修正してくれるツールがスゴイ！ | うえぶまなぶ

2015/04/28 425 users コマンドライン FUCK 逆手 うえ コマンド

コマンドラインで作業をしていると、タイプミスや誤入力でエラーが表示されて「イラッ」とした経験を持つ方もいるかと思います。 こんな時、海外ならば「Fuck!(クソッ)」という汚い言葉使いになってしまうでしょう…。 ところが、それを逆手にとって「fuck」とそのまま入力するだけで、誤ったコマンドを自動修正して再実行してくれる便利ツール「The Fuck」が公開されていたのでご紹介！ 使い方！ 一体どの... 続きを読む

Web制作者はおさえておきたい！CSSの基本テクニックから実務に役立つ便利ツールまでのまとめ | コリス

2015/03/18 388 users 圧縮 各プロパティ 箇所 コリス コード

さまざまなUIを実装するCSSの各プロパティの基礎知識や使い方をはじめ、実装時のスタイルシートの問題点をチェックしたり、重複している箇所を見つけたり、見やすいように整形したり、コードを圧縮・展開したりなど便利なオンライン...記事の続きを読む 続きを読む

美しいグラデーションをCSSで実装！配色に使える便利ツールや実例も！ | Webクリエイターボックス

2015/03/02 515 users CSS 配色 実例 実装 美しいグラデーション

背景に動画を使ったWebサイトや、大きな背景画像を使ったWebサイトに続き、最近は画面全体にきれいなグラデーションカラーを用いたサイトを見かける機会が増えてきました。そこで今回はグラデーションカラーをCSSで実装する基本的な方法から、画像に重ねる応用、配色選びに使えるサイト、実例集などを紹介します！ CSSでグラデーションを実装 グラデーションは background プロパティーに linear... 続きを読む

Vim - MacBookAirユーザーが使っている便利ツール - Qiita

2014/11/21 173 users MacBookAir Qiita vim 全て独学 タイトル

Mac歴1ヶ月、Windows歴5年とかなり長い間パソコンを触って来ましたが、全て独学で、周りにはパソコン関連の何かを教えてくれる人が全くいないので、ここに載っていない便利ツールや便利な設定を知っていたらぜひ教えてほしいです。タイトルには、MacBookAirと書いていますが、対象は何でもいいです。OSにも特にこだわりません。 ここでは、私がMacBookAirの環境を構築した際に便利だと思ったツ... 続きを読む