Web制作者は要チェック！ Chrome 125で新しく追加された4つのCSSの機能

2024/05/16 5 users CSS スクロールバー 要チェック WEB制作者 アンカー

Chrome 125で追加された、CSSの新しい機能4つを紹介します。 今回のアップデートでは、今まではJavaScriptを使用しないと実装できなかったアンカーのポジションをCSSだけで設定できるようになりました。また、新しい関数やスクロールバーのカラースキームなど、Web制作者は要チェックです！ New in Chrome 125 Chrome 12... 続きを読む

UIデザインにも最適！ アナログ印刷のインクと紙からインスピレーションを得たカラースキーム -Flexoki

2023/10/18 6 users 読み書き エディタ 温かみ スクリーン 色合い

デジタルのスクリーンで文章やコードの読み書きのためにデザインされた、アナログ印刷のインクと紙の温かみのある色合いからインスピレーションを得たカラースキームを紹介します。 WebサイトやスマホアプリのUIデザインに使用したり、VS Codeなどのエディタに使用したり、ライトモードでもダークモードでも読みやすさと... 続きを読む

Webデザインの配色に悩んだときの参考になる！ UI要素のさまざまなカラースキームをまとめた配色サイト -Spectrum.Art

2023/09/27 7 users 配色 UI要素 ヘッダ カラム コピ

WebサイトのUIに使用するヘッダ、ボタン、イラスト、カード、カラム、ラインなど、UI要素のさまざまなカラースキームをまとめた配色サイトを紹介します。 カラースキームはページ全体、コンポーネントごとにまとめられており、それぞれのカラーは16進のHEX値が記載されています。各カラーをクリックするだけで簡単にコピ... 続きを読む

vimのカラースキームでLaTeXのコードを彩る、carbonpaper.vim - Qiita

2019/06/03 7 users Qiita vim LaTeX Hybrid ソースコー

なにそれ 最強のvimプラグインcarbonpaper.vimを使うと、、、 このvimのコードが そのままの色（カラースキーム: hybrid）でLaTeXに！ あるいはこんな感じにも！ （カラースキーム: PaperColor） 概要 カーボン紙です。vimのカラースキームをLaTeXに転写します。 s417-lama/carbonpaper.vim LaTeXのlistingsでソースコー... 続きを読む

Vue.jsベースのオープンソースUIコンポーネントフレームワーク・「Vuesax」 | かちびと.net

2018/09/07 54 users スライダー グリッド コンポーネント タブ Vue.js

Vuesax VuesaxはVue.jsベースのUIコンポーネントフレームワークです。Vue.jsを使ったアプリケーション開発をサポートしてくれます。カラースキームやグリッド、フォーム、タブなどの基本UIはもちろん、スライダーやカード、ページネーションなども用意されており、それぞれのコンポーネントではさらに細かなスタイルを選... 続きを読む

ストックフォトやフォント、アイコン、カラースキームやチュートリアル等、Web制作に役立つツールやリソースを収集、公開している・「PinTab」 | かちびと.net

2017/11/23 13 users Bootstrap ストックフォト 探し物 プロトタイプ 収集

PinTab PinTabはWeb制作の際に役立ちそうな情報を収集しているキュレーションサイトです。ストックフォト、アイコン、フォント、PhotoshopやSkech、カラースキーム、プロトタイプやWordPress、Bootstrapなどのフレームワークまで揃えられています。探し物があるときに覗いてみるのもいいかもしれませんね。 PinTab Post by かちびと.net PR:WPデザイン... 続きを読む

Microsoft、Windowsコンソールのカラースキームを20年で初めて変更へ - ITmedia NEWS

2017/08/03 59 users Microsoft ITmedia News 変更

「Windows 10」のプレビュー（ビルド16257）で、コンソール（コマンドプロンプトの画面）の色の値が初めて変更された。CRT用で暗い色が読みにくかったものが改善される。 米Microsoftは8月2日（現地時間）、Windows Insider ProgramのFast Ringユーザー向けに、「Windows 10」の「Build 16257」の配信を開始したと発表した。 前日発表した ... 続きを読む

指定したジャンルに合ったロゴの色とフォントを提案してくれるサイト「Logomark」 | ライフハッカー［日本版］

2017/05/26 18 users インスピレーション フォント ライフハッカー ロゴ ジャンル

「Logomark」は 指定したジャンルに合ったロゴの色とフォントを提案してくれるサイト です。ロゴ作成中にアイデアが尽きてしまったときに眺めてみるとよさそうです。きっとインスピレーションが受けられるかと思います。指定したジャンルに合ったカラースキームやフォントをいくつか提案してくれます。実際に存在するロゴを元に提案されていますよ。 「IT」とジャンルを絞ったところ、上記のようなカラースキームが提... 続きを読む

デザインの勉強になる！有名ブランドのロゴで使われているデザイン、タイポグラフィ、イラスト -Logo Miner | コリス

2016/11/22 61 users コリス タイポグラフィ インスピレーション フォント 感じ

さまざまな有名ブランドのロゴで使われているデザイン、タイポグラフィ、イラストがまとめられた「Logo Miner」を紹介します。 フォントは何だろう？ 形をどう使っているのか？ カラースキームはどんな感じ？ デザインの勉強に、インスピレーションを与えるロゴが数多くあります。 Logo Miner 各ロゴは、タブをクリックで、ロゴのデザイン・タイポグラフィ・カラーパレットに切り替えることができます。... 続きを読む

自作Vimカラースキーム「Iceberg」の配色戦略 | ここぽんのーと

2016/02/26 122 users Iceberg 配色 itchynyさん ほん コントラスト

itchynyさんのブログ記事を読んで、人のカラースキームの配色戦略を見るのはとても楽しい！と思ったので、自分も書いてみることにしました。 暗青系の落ち着いた配色でまとめています。 全体のコントラストを控えめにする 感じ方は人によって様々ですが、真っ黒の背景に真っ白の文字では、個人的には目がチカチカして疲れてしまいます。 このため、Icebergではコントラストを落として、チカチカを防いでいます。... 続きを読む

スプラトゥーンの Vim カラースキームつくった - sorry, uninuplemented:

2015/08/07 232 users vim TPS Sorry uninuplemented

2015-08-07 スプラトゥーンの Vim カラースキームつくった スプラトゥーン Vim スプラトゥーンとても流行ってますね．タイムラインをいつ見ても最低1人はプレイしている気がします． スプラトゥーンは（主に）ステージを自チームのポップな色で塗っていく陣取り型のTPSです． 僕はスプラトゥーンを購入してませんが，とても楽しそうなので Vim のカラースキームを実装してみました． https... 続きを読む

インストールせずにカラースキームを試せる try-colorscheme.vim をつくりました - sorry, uninuplemented:

2015/07/11 37 users vim Sorry uninuplemented 作業 以下

2015-07-11 インストールせずにカラースキームを試せる try-colorscheme.vim をつくりました Vim 問題 Vim でカラースキームを試すときは主に以下の様な作業が必要になります． プラグインマネージャなどでカラースキームをインストールする カラースキームの名前を確認する :colorscheme コマンドでカラースキームを指定する コレジャナカッタ場合はカラースキームを... 続きを読む

なぜ映画にはオレンジとブルーが多用されているのか？ - GIGAZINE

2015/05/08 75 users GIGAZINE pRi Priceonomics オレンジ

1990年頃から映画業界のトレンドとなっているのがカラースキームにオレンジとブルーを多用することです。時には映画評論家から批判されることもある色使いのトレンドですが、一体いつからどんな理由でオレンジとブルーを多用するようになったのか、その詳細をPriceonomicsが公開しています。 Why Every Movie Looks Sort of Orange and Blue http://pri... 続きを読む

[Sublime Text]お気に入りテーマ・ショートカット・パッケージ｜Sublime Text Advent Calendar 2014 | tipsBear

2014/12/24 271 users メインエディタ tipsBear 常日頃 公私とも エントリー

常日頃からお世話になっているSublime Textの、個人的に好きなテーマやカラースキーム・便利なショートカット・おすすめパッケージをまとめてみました。この記事はSublime Text Advent Calendar 2014 23日目のエントリーです。 出会った時からすっかり恋に落ちてしまって、今でもずーっと公私ともにメインエディタとして使用しているSublime Text。本当に使いやすく... 続きを読む

デザインの参考になる！落ち着いたカラースキームが使われているページレイアウトやUIのPSD素材のまとめ | コリス

2014/11/13 140 users コリス PSD素材 ページレイアウト 参考 デザイン

サークルやダイヤモンドのエレメント、半透明のパネル、ソリッドなライン、同一色相のグラデーションなど、最近のWebトレンドを使い細部までしっかりと作り込まれたコーポレートサイト、ポートフォリオ、ランディングページなどのペー...記事の続きを読む 続きを読む

マウスカーソルの位置でカラースキームが作られるサイト「colourcode」 ｜ ライフハッカー［日本版］

2014/10/05 13 users Sass ColourCode マウスカーソル PNG形式

「colourcode」はマウスカーソルの位置でカラースキームが作られるサイトです。マウスカーソルを動かすとカラースキームの色が変わりますよ。気に入ったカラースキームは、lass、sass、png形式で保存できますよ。 以下に使ってみた様子を載せておきます。 まずcolourcodeへアクセスしましょう。左にメニューがあり、カラースキームのタイプを選ぶことができます。 マウスカーソルを動かすと、カ... 続きを読む

SVGや動画、CSSアニメーションを使った面白いアイデア満載！じっくりチェックしておきたい最近のWebサイトのまとめ | コリス

2014/09/24 77 users コリス SVG アニメーションエフェクト ベクターデータ 動画

まだまだ魅力溢れるスクロールエフェクト、SVGなどのベクターデータや動画を使った演出、ユーザーを楽しませたり注目を得るアニメーションエフェクトなど、面白いアイデア満載のWebサイトを紹介します。 Garden 制作のコンセプト：Garden Estúdio 秋を感じるカラースキームとイラストだけがこのサイトの魅力ではありません。公園のモニュメントをモチーフにしたSVGの素敵なエレメント、スクロール... 続きを読む

ディテールの作り込みやカラースキームが素晴らしいUIエレメントが揃ったPSD素材のまとめ | コリス

2014/01/07 91 users コリス エレメント 半透明 UIエレメント PSD素材

次のプロジェクトで使いたくなるようなワクワクするUIエレメントが揃ったPSD素材を紹介します。 全てPSDファイルがダウンロードでき、UIエレメントだけでなく、PSDファイル自体もしっかりと作り込まれているものばかりです。 GerduKreatip - Agency Portfolio Theme 目に優しいグリーンをアクセントカラーにしたフラットなスタイルで、サークル状のエレメントや半透明、アイ... 続きを読む

オシャレ派Vimmerのあなたへ。こだわりのカラースキームギャラリーを贈ります。 | ここぽんのーと

2013/12/17 322 users ほん Hybrid あなた vim スキーム

オシャレ派Vimmerの皆さま、こんばんは。 Vimの配色を司る「カラースキーム」はお好きですか？お好きですよね。 だって、このブログで一番アクセスされている記事が、カラースキームに関する記事なんですから。 [vim] 黒背景好きの僕の心を揺さぶるカラースキーム「hybrid」 | ここぽんのーと 僕もカラースキームが大好物です。 「hybrid」というステキなスキームを使うようになってからも、新... 続きを読む

一つのカラーから配色セオリーに基づいてカラースキームを作りだす配色設計に役立つツールのまとめ | コリス

2013/12/09 585 users コリス コーポレートカラー 配色設計 配色 グラデーション

コーポレートカラーなど、一つのカラーをベースに配色セオリーからカラースキームを設計したり、同系色やグラデーションを作りだしたりできるオンラインツールを紹介します。 またカラーのストックを増やしたり、カラーをベースにしたムードボード作りに役立つツールもいくつか。 最初は、国産のツールから。 配色の見本帳 | キーカラーで選ぶ配色パターン 一つのカラーをベースに、さまざまな色の法則から配色パターンを表... 続きを読む

カラースキームを作成する時に持っていると便利なPSD素材 -Colour Toner PSD | コリス

2013/11/13 48 users psd コリス 濃淡 Photoshop シャドウ

ウェブサイトのカラースキームを作成する時などに、一つのカラーで濃淡を変えたりシャドウを加えたりといったカラーのバリエーションを簡単に利用できるPSD素材を紹介します。 Free Colour Toner PSD ダウンロードできる素材はPSDで、こんな感じです。 COLOUR-TONER.psd 使い方は簡単です。 PhotoshopでPSDを開きます。 縦型にちょっと変更しました カラーを変更す... 続きを読む

キュートな配色がかわいい！センスが光るUIエレメントが揃ったPSD素材 | コリス

2013/10/22 123 users コリス psd UIエレメント 配色 PSD素材

ピンクのカラーとマカロンが大好きな仏のデザイナー：Marie Dehayesが作成した、キュートなカラースキームでかわいくデザインされたUIエレメントが揃っているPSD素材を紹介します。 Freebie - Flat Design User Interface Elements ダウンロードできる素材のフォーマットはプレビュー用の.pngとレイヤーが保持された.psdで、.psdでは各エレメントが... 続きを読む

人間の目に優しい色合いを設計するためのカラースペース -HUSL | コリス

2013/10/06 129 users コリス RGB 色合い パステルカラー 設計

iOS 7にも採用されているような落ち着いたパステルカラー、同じ明るさで異なる色合いを組み合わせたカラースキームなど、人間の目に優しくより見やすくなるように色合いを設計するためのカラースペース「HUSL」を紹介します。 HUSL -Human friendly HSL HUSL -GitHub HUSLは「Human friendly HSL」の略で、RGBのカラースペースに幾何学的な変換して設計... 続きを読む

商用利用無料、作り込みが素晴らしく色使いも勉強になるフラットなアイコン素材 -Ballicons | コリス

2013/09/03 130 users コリス パステル 使い道 細部 アイコン

フラットのアイコンって使い道が限定されてるよなと思うのですが、見てるだけで楽しい、各アイテムの細部の作り込みカラースキームなど素晴らしいアイコン「Ballicons」を紹介します。 ↓こういう風にアイコンを見せるのもかっこいいですね！ Ballicons ボールをイメージしたようなサークルに配置されたアイコンはとてもかわいらしく、落ち着いたパステルのカラースキームもいい感じです。 無料版のアイコン... 続きを読む

Bootstrap 3対応、高性能なカラースキームツールを備えたテーマファイル-1pxdeep | コリス

2013/08/29 62 users コントロール コリス カラー スタイル 特徴

Bootstrap 3対応の高性能なカラースキーム コントロールとフラットなスタイルが特徴のテーマファイルを紹介します。 1pxdeep 1pxdeep -GitHub Bootstrap 3対応のテーマファイルも続々とリリースされていますが、このテーマファイルは他にはない高性能なカラースキーム コントール機能を備えています。 使い方は、簡単です。 「Seed Color」から自分の好きなカラーを... 続きを読む