タグ「背景色」 - はてブログ

タグ背景色

新着順人気順 5 users 10 users 50 users 100 users 500 users 1000 users

(1 - 25 / 97件)

CSSのみのボタンデザイン – 現場で使ってきたボタンアイデア30選 | BUILD ビルド - Webデザイン制作

2023/03/23 5 users CSS hover時矢印 BUILD ビルド現場

Web制作の現場でよく使ってきたCSSのみで実装するボタンデザインを紹介します。hover時のスタイルも合わせて公開しているので、そのまま利用することができます。主に自分用のデザインストックとして投稿しますが皆さんも使えるボタンデザインがあるかもしれません。ぜひあなたの現場でもご活用ください。背景色と矢印... 続きを読む

｢世界から"色"が消えている｣衝撃事実の驚きの訳

2022/11/13 6 users 驚き衝撃事実バンダイナムコ日産アップル

日本の企業でも、たとえば、バンダイナムコが、今年4月、赤と黄色の背景色をなくし、吹き出しにシンプルな文字だけのロゴに変更しました。日産も2020年にシンプルなデザインへと変更。「『立体感のあるデザイン』から『平面的なデザイン』へ」というのもトレンドになっています。ロゴの色も、たとえば、昔のアップルの... 続きを読む

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

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

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

CSSアニメーションの実装もこれで簡単！さまざまなプロパティの値をトゥイーンさせるスクリプト -ScrollBtween

2022/06/21 16 users fff プロパティスクリプト CSSアニメーション CSS

Webページ上のあらゆるDOM要素に対して、CSSアニメーションを実装できるスクリプトを紹介します。実装は簡単です、CSSのプロパティの値を「#fff to #000」「0 to 100」のように記述して、#fffから#000にトゥイーンさせ、0から100にトゥイーンさせます。スクロールで背景色を変化させたり、ぼやけた画像をくっきりと表... 続きを読む

【保存版】CSSのみのボタンデザイン – 私が現場で使ってきたボタンアイデア30選 | Pulp Note - WebデザインやWebサイト制作の現場で使えるTipsやアイデアを紹介

2021/07/08 18 users Pulp Note hover時 Tips CSS 矢印

VSCodeのFindで今マッチしている場所にボーダーを引いて見やすくする - $shibayu36->blog;

2020/10/12 7 users vscode find replace ボーダー word

VSCodeでFindしている時に、マッチしているwordは背景色が変わって分かるのだけど、今どこにフォーカスしているかが分かりづらかった。これが特に問題が起こるのがReplaceをしようとしている時で、Replaceするたびに今どこ？とマッチ箇所を探していた。これだと時間がかかって困る。調べてみるとTheme Color | Visual S... 続きを読む

【CSS】アニメーションで動く見出しをCSSで作ってみる！ - m's blog

2020/08/24 43 users CSS 見出し目次アニメーション CSSコード

今回は、CSSを使って見出しにアニメーションをつけてみたいと思います！最初に、ベースとなるCSSコードを紹介した後、アニメーションのパターンをいくつか紹介していきます。目次ブログで使用する場合ははてなブログの場合ベースコード表示の確認アニメーションパターン見出しの背景色を変えてみる！見出しを回... 続きを読む

【CSS】付箋風の見出しをCSSで作ってみる！ - m's blog

2020/08/20 31 users CSS 見出しカスタムパターン s Blog 目次

今回は、付箋風の見出しをCSSで作る方法を紹介したいと思います！最初に、ベースとなるCSSコードを紹介した後、簡単なカスタムパターンをいくつか紹介していきます。目次ブログで使用する場合ははてなブログの場合ベースコード使い方カスタムパターン付箋風見出しの色を変えてみる！背景色も調整してみる！角... 続きを読む

読書アシスト

2020/07/10 671 users 読書アシスト文節読書階段文章

「読書アシスト」技術は、人間が文章を読む際の視点移動に着目し、無駄なく視点移動を行うように文章を表記することで、自然とスムーズな読書を可能にします。独自の表示方式の例文章の改行場所を文節の間に調節した文節間改行方式隔行単位で背景色を付与するストライプ型背景色文字のベースラインを文節単位で階段... 続きを読む

デザインを何もしらないエンジニアがDailyCocoda！を3ヶ月かけて完走したので、1日目の自分にアドバイスするその１概要編 - Qiita

2019/10/30 90 users Qiita パディングマージンエンジニア概要編

デザインを何もしらないエンジニアがDailyCocoda！を3ヶ月かけて完走したので、1日目の自分にアドバイスするその１概要編３ヶ月やるとどうなるか Daily Cocoda 1日目初心者丸出しのデザインですね。丸アイコンの画像が大きすぎたり、ピンクの背景色と白の文字色があってなかったり､パディングとマージンがおかしかっ... 続きを読む

無料でデザイン上「アリ」な色の組み合わせをサクッと確認できる「Accessible Brand Colors」レビュー - GIGAZINE

2019/03/04 183 users ウェブデザイン GIGAZINE 一目ナシアリ

ウェブデザインやフリーペーパーといった物理的なデザインをする際には、人に訴える力を持つ「見やすい」色の組み合わせを見つけ出すことはかなり重要です。背景色と文字色の組み合わせが「アリ」なのか「ナシ」なのかを一目でわかるようにする「Accessible Brand Colors」を使えば、悩みがちな色の組み合わせを直感的に... 続きを読む

CSSだけでtableを見やすく表示するカスタマイズ方法 - はるなぴログ

2018/10/14 55 users table 備忘録 CSS ロクレスポンシブ対応

CSSだけを使ってtableを見やすく表示するカスタマイズ方法を備忘録として書いておきます。スマホ表示もレスポンシブ対応を含めて考えていきます。 tableを見やすくするためにテーブルセルに枠線をつけます。さらにヘッダ領域に背景色をつけ、何を比較しているのか目立つようにします。このカスタマイズでtableを更に見... 続きを読む

【完結編】Photoshopで複雑な背景から髪の毛を切り抜く方法 - PhotoshopVIP

2018/08/16 933 users Photoshop切り抜き PhotoshopVIP 用途

Photoshopの画像の切り抜き方法は、用途によってたくさんのテクニックがあり、当サイトでも「 Photoshop切り抜きをマスターする10個の鉄板テクニック完全ガイド」でご紹介しています。しかし本当に厄介なのは、街や風景など複雑な背景だったり、髪の毛の色が背景色と同じようなケースなど、これらのテクニックがうまく... 続きを読む

テキストと絵文字を並べてGIFアニメが作れる『Gifless』 | 100SHIKI

2018/05/23 11 users Slack 100SHIKI GIFアニメテキストアニメ

ちょっとしたメッセージを作るのに便利かも。 Giflessを使えば、テキストと絵文字を追加していって、それらを切り替えながら表示してくれるGIFアニメをつくることができる。画像の大きさやら1フレームごとの背景色も設定可能だ。ちょっとしたアニメを作ってSlackに投げる、なんて使い方もできますな。絵文字もいけるので日本語もOKだ。覚えておいても損はないかもですね。続きを読む

オンライン上でPDFを結合・分割することができるWEBサービス「I Love PDF」 | TechMemo

2018/04/03 11 users TechMemo modules Hidden 結合 PDF

最近の投稿オンライン上でPDFを結合・分割することができるWEBサービス「I Love PDF」フッターに被らないスクロール追尾型のサイドバーを実装する方法 Contact Form 7のフォームにページタイトルやURLなどを隠し項目(hidden)で設定できるようになるWordPressプラグイン「Contact Form 7 Modules」テキスト選択時の背景色や文字色をCSSで変更す... 続きを読む

Markdownでスライドが作成できるツール「Deckset」 | ライフハッカー［日本版］

2018/03/29 59 users Markdown Deckset スライドテンプレート挿入

「 Deckset 」は Markdownでスライドが作成できるツールです。Markdownを書くだけでよしなにスライドで表現してくれるので、非常に便利ですよ。背景色や画像の挿入なども可能で、テンプレートもたくさん用意されています。このようなスライドがMarkdownで作成されています。スライドを構成する文章はこちら。Markdownで書いた資料をプレゼンするときだけ、スライドで表示させると... 続きを読む

テキスト選択時の背景色や文字色をCSSで変更する方法 | TechMemo

2018/03/29 9 users TechMemo background fff CSS 白色

どのブラウザでも大体テキスト選択時は、背景色が青色、文字色が白色になりますね。「::selection」を使うと、簡単にテキスト選択時の背景色や文字色を変更することができます。 ::selection { background: #FF0000; color: #fff; } ::-moz-selection { /* Firefox用 */ background: #FF0000; color:... 続きを読む

[macOS] SSHログインしたときだけターミナルの背景色を変えたい (iTerm2) ｜ Developers.IO

2017/11/13 315 users MacOS 正道 SSH 邪道他所

SSH で他所のサーバに接続したとき、ターミナルの背景色を変えたくなりませんか？ぼくはなります。正道（よくある方法） iTerm2 にはプロファイルという機能があって、予め作成しておくと、背景色以外にもいろいろと変更できます。今回は扱いません。邪道（趣味の領域）そもそも何故こういうことをしたいと思ったかというと、自分の手元だと思ってコマンド打ったら SSH でログインしたお客さまの環... 続きを読む

【Webデザイン】配色に悩んだ時に見て欲しい便利なサイト5つ紹介 - ゆうう兄のまったり奮闘記

2017/11/05 36 users 配色見出し奮闘記う兄うえ

2017 - 11 - 05 【Webデザイン】配色に悩んだ時に見て欲しい便利なサイト5つ紹介ブログ突然ですが、Webサイトを作成する時や、ブログのデザインをカスタマイズするときに「どんな色を使うか」で悩んだことはありませんか？背景色、文字色、メニューの色、見出しの色... 何となく決めてしまいがちですよね。デザインを決めるうえで配色というのは、見た人に与える印象を決定づけるもので、と... 続きを読む

jupyterのテーマカラーが超簡単にかっこよくなる『jupyterthemes』 - プロクラシスト

2017/09/18 41 users Jupyter www.procrasist.com 進捗

2017 - 09 - 18 jupyterのテーマカラーが超簡単にかっこよくなる『jupyterthemes』技術メモ技術メモ-python スポンサーリンク jupyterがどう便利なのかは、以前の記事に書きましたので、知らない方はどうぞ！ www.procrasist.com 一つ不満があるとしたら、背景色がクールじゃないことです。別に背景色がクールだからといって進捗が無限に発生す... 続きを読む

回転する白黒の十字、「背景色」は何色？ - GIGAZINE

2017/05/01 24 users GIGAZINE woahdude mind 灰色十字

灰色のイチゴが赤く見えたり、ドレスの色が変わって見えたりと「目の錯覚」を利用しただまし絵が知られていますが、新たに見る人によって背景色が変わってしまうというトリックアート(錯視ムービー)が公開されています。 This fucks my mind. : woahdude https://www.reddit.com/r/woahdude/comments/67svqp/this_fucks_m... 続きを読む

【はてなブログ】フキダシを使ってLINEの会話っぽくしてみた。 - #はやぶろぐ

2017/04/02 13 users フキダシ正方形はやぶろカスタマイズアイコン

2017 - 04 - 02 【はてなブログ】フキダシを使ってLINEの会話っぽくしてみた。おすすめカスタマイズ芥川くん、LINEの会話っぽいのを再現してみたよ！おお。君ならやれると思っていたよ。これは私も真似したい！ ※アイコンに背景色が移っていますが、正方形の画像をアイコンにすれば大丈夫です。参考記事＋α でLINEっぽくする吹き出しの幅を変更右の吹き出しの背景色を変更文... 続きを読む

はてなブログでちょっとおしゃれに枠線と背景色を表示するカスタマイズ - ばさのーと

2017/01/12 21 users カスタマイズ tsubasa123 つばさバサ枠線

2017 - 01 - 12 はてなブログでちょっとおしゃれに枠線と背景色を表示するカスタマイズブログブログ-カスタマイズ Twitter Google Pocket 読者になるフォローするこんにちは、つばさ（ @ tsubasa123 ）です。先日、下記の記事が目に止まりました。私もちょっとだけ便乗してみようと思います。 www.carameltrip.com Bootstrapってご... 続きを読む

最高にわかるChromeデベロッパーツールの使い方(チートシート付き) | コムテブログ

2016/07/10 161 users Chromeデベロッパーツールデベロッパーツール簡潔

作成：2016/07/11 Tool 初めてデベロッパーツールを触る人でも分かるように、簡潔・シンプルに書きました。画像付きのチートシートのようなものですね。今回は初心者の方向けということでChromeデベロッパーツールの入門編。Chromeは最新版です。設定背景色を黒にするタブの幅を変えるエディタエディタとして使うローカルファイルのコードを整形するコンソールログの閲覧・JavaS... 続きを読む

【図解で分かる】色彩センスのいらない配色入門 - Brian'z Imagination

2016/05/04 502 users Brian'z Imagination 図解色彩センス

2016 - 04 - 29 【図解で分かる】色彩センスのいらない配色入門 Webデザインシェアする Bookmark! Facebook Twitter Google+ Pocket Feedly Web制作を生業としていると、ブログを書いている知り合いからこんな声を聞く。あなたもこんな経験ないだろうか。背景色や文字色をいじるのだけれど、どうもパッとしない。これだ！と思う色を選択して使... 続きを読む

(1 - 25 / 97件)

次の25件 »