タグ 背景色
新着順 10 users 50 users 100 users 500 users 1000 usersGoogle Keepの「意外と知らないすごい機能」7選。これ1つで、かなりのことができるんです(ライフハッカー・ジャパン) - Yahoo!ニュース
シンプルかつ使いやすいことで知られるメモアプリ「Google Keep」。ですが、まだ多くのユーザーが、このアプリがどれほど強力なものであるか、気付いていません。 Google Keepの「意外と知らないすごい機能」7選。これ1つで、かなりのことができるんです 単に背景色を変更したり、落書きを作成したりするだけでなく、も... 続きを読む
Google Keepの「意外と知らないすごい機能」7選。これ1つで、かなりのことができるんです | ライフハッカー・ジャパン
シンプルかつ使いやすいことで知られるメモアプリ「Google Keep」。ですが、まだ多くのユーザーが、このアプリがどれほど強力なものであるか、気付いていません。 単に背景色を変更したり、落書きを作成したりするだけでなく、もっと多くのことができるのです。 1. ラベルでメモを整理するGoogle Keepメモの数が増えてく... 続きを読む
Unengineered Weblog のテーマを自作した - Unengineered Weblog
このブログのテーマを自作してみました。 このテーマはお堅い(?)ソフトウェア技術書から発想しました。「プログラミング言語C」とかちょっと前のオライリーの本とかをイメージしています。背景色に書籍の紙をイメージしたクリーム色、フォントは明朝体、ボーダーラインは少なめ、文章中の強調とセクションタイトルは... 続きを読む
CSSのみのボタンデザイン – 現場で使ってきたボタンアイデア30選 | BUILD ビルド - Webデザイン制作
Web制作の現場でよく使ってきたCSSのみで実装するボタンデザインを紹介します。hover時のスタイルも合わせて公開しているので、そのまま利用することができます。主に自分用のデザインストックとして投稿しますが皆さんも使えるボタンデザインがあるかもしれません。ぜひあなたの現場でもご活用ください。 背景色と矢印... 続きを読む
「世界から"色"が消えている」衝撃事実の驚きの訳
日本の企業でも、たとえば、バンダイナムコが、今年4月、赤と黄色の背景色をなくし、吹き出しにシンプルな文字だけのロゴに変更しました。日産も2020年にシンプルなデザインへと変更。「『立体感のあるデザイン』から『平面的なデザイン』へ」というのもトレンドになっています。 ロゴの色も、たとえば、昔のアップルの... 続きを読む
カラー生成のこんな便利ツールがあったとは! ベタ塗りのカラーと同じに見える半透明のカラーを生成するツール -Alphredo
同じ背景色に配置したベタ塗りのカラーと同じに見える半透明のカラーを生成するツールを紹介します。 半透明のカラーは背景に重なると、ベタ塗りのカラーと同じになります。たとえば、シャドウやダイアログの背後の背景など半透明で複数...記事の続きを読む 続きを読む
CSSアニメーションの実装もこれで簡単! さまざまなプロパティの値をトゥイーンさせるスクリプト -ScrollBtween
Webページ上のあらゆるDOM要素に対して、CSSアニメーションを実装できるスクリプトを紹介します。 実装は簡単です、CSSのプロパティの値を「#fff to #000」「0 to 100」のように記述して、#fffから#000にトゥイーンさせ、0から100にトゥイーンさせます。 スクロールで背景色を変化させたり、ぼやけた画像をくっきりと表... 続きを読む
【保存版】CSSのみのボタンデザイン – 私が現場で使ってきたボタンアイデア30選 | Pulp Note - WebデザインやWebサイト制作の現場で使えるTipsやアイデアを紹介
Web制作の現場でよく使ってきたCSSのみで実装するボタンデザインを紹介します。hover時のスタイルも合わせて公開しているので、そのまま利用することができます。主に自分用のデザインストックとして投稿しますが皆さんも使えるボタンデザインがあるかもしれません。ぜひあなたの現場でもご活用ください。 背景色と矢印... 続きを読む
VSCodeのFindで今マッチしている場所にボーダーを引いて見やすくする - $shibayu36->blog;
VSCodeでFindしている時に、マッチしているwordは背景色が変わって分かるのだけど、今どこにフォーカスしているかが分かりづらかった。これが特に問題が起こるのがReplaceをしようとしている時で、Replaceするたびに今どこ?とマッチ箇所を探していた。これだと時間がかかって困る。 調べてみるとTheme Color | Visual S... 続きを読む
【CSS】アニメーションで動く見出しをCSSで作ってみる! - m's blog
今回は、CSSを使って見出しにアニメーションをつけてみたいと思います! 最初に、ベースとなるCSSコードを紹介した後、アニメーションのパターンをいくつか紹介していきます。 目次 ブログで使用する場合は はてなブログの場合 ベースコード 表示の確認 アニメーションパターン 見出しの背景色を変えてみる! 見出しを回... 続きを読む
【CSS】付箋風の見出しをCSSで作ってみる! - m's blog
今回は、付箋風の見出しをCSSで作る方法を紹介したいと思います! 最初に、ベースとなるCSSコードを紹介した後、簡単なカスタムパターンをいくつか紹介していきます。 目次 ブログで使用する場合は はてなブログの場合 ベースコード 使い方 カスタムパターン 付箋風見出しの色を変えてみる! 背景色も調整してみる! 角... 続きを読む
読書アシスト
「読書アシスト」技術は、人間が文章を読む際の視点移動に着目し、無駄なく視点移動を行うように文章を表記することで、自然とスムーズな読書を可能にします。 独自の表示方式の例 文章の改行場所を文節の間に調節した文節間改行方式 隔行単位で背景色を付与するストライプ型背景色 文字のベースラインを文節単位で階段... 続きを読む
デザインを何もしらないエンジニアがDailyCocoda!を3ヶ月かけて完走したので、1日目の自分にアドバイスする その1 概要編 - Qiita
デザインを何もしらないエンジニアがDailyCocoda!を3ヶ月かけて完走したので、1日目の自分にアドバイスする その1 概要編 3ヶ月やるとどうなるか Daily Cocoda 1日目 初心者丸出しのデザインですね。丸アイコンの画像が大きすぎたり、ピンクの背景色と白の文字色があってなかったり、パディングとマージンがおかしかっ... 続きを読む
無料でデザイン上「アリ」な色の組み合わせをサクッと確認できる「Accessible Brand Colors」レビュー - GIGAZINE
ウェブデザインやフリーペーパーといった物理的なデザインをする際には、人に訴える力を持つ「見やすい」色の組み合わせを見つけ出すことはかなり重要です。背景色と文字色の組み合わせが「アリ」なのか「ナシ」なのかを一目でわかるようにする「Accessible Brand Colors」を使えば、悩みがちな色の組み合わせを直感的に... 続きを読む
CSSだけでtableを見やすく表示するカスタマイズ方法 - はるなぴログ
CSSだけを使ってtableを見やすく表示するカスタマイズ方法を備忘録として書いておきます。 スマホ表示もレスポンシブ対応を含めて考えていきます。 tableを見やすくするためにテーブルセルに枠線をつけます。さらにヘッダ領域に背景色をつけ、何を比較しているのか目立つようにします。 このカスタマイズでtableを更に見... 続きを読む
【完結編】Photoshopで複雑な背景から髪の毛を切り抜く方法 - PhotoshopVIP
Photoshopの画像の切り抜き方法は、用途によってたくさんのテクニックがあり、当サイトでも「 Photoshop切り抜きをマスターする10個の鉄板テクニック 完全ガイド」でご紹介しています。しかし本当に厄介なのは、街や風景など複雑な背景だったり、髪の毛の色が背景色と同じようなケースなど、これらのテクニックがうまく... 続きを読む
テキストと絵文字を並べてGIFアニメが作れる『Gifless』 | 100SHIKI
ちょっとしたメッセージを作るのに便利かも。 Giflessを使えば、テキストと絵文字を追加していって、それらを切り替えながら表示してくれるGIFアニメをつくることができる。 画像の大きさやら1フレームごとの背景色も設定可能だ。 ちょっとしたアニメを作ってSlackに投げる、なんて使い方もできますな。絵文字もいけるので日本語もOKだ。覚えておいても損はないかもですね。 続きを読む
オンライン上でPDFを結合・分割することができるWEBサービス「I Love PDF」 | TechMemo
最近の投稿 オンライン上でPDFを結合・分割することができるWEBサービス「I Love PDF」 フッターに被らないスクロール追尾型のサイドバーを実装する方法 Contact Form 7のフォームにページタイトルやURLなどを隠し項目(hidden)で設定できるようになるWordPressプラグイン「Contact Form 7 Modules」 テキスト選択時の背景色や文字色をCSSで変更す... 続きを読む
Markdownでスライドが作成できるツール「Deckset」 | ライフハッカー[日本版]
「 Deckset 」は Markdownでスライドが作成できるツール です。Markdownを書くだけでよしなにスライドで表現してくれるので、非常に便利ですよ。背景色や画像の挿入なども可能で、テンプレートもたくさん用意されています。 このようなスライドがMarkdownで作成されています。 スライドを構成する文章はこちら。Markdownで書いた資料をプレゼンするときだけ、スライドで表示させると... 続きを読む
テキスト選択時の背景色や文字色をCSSで変更する方法 | TechMemo
どのブラウザでも大体テキスト選択時は、背景色が青色、文字色が白色になりますね。「::selection」を使うと、簡単にテキスト選択時の背景色や文字色を変更することができます。 ::selection { background: #FF0000; color: #fff; } ::-moz-selection { /* Firefox用 */ background: #FF0000; color:... 続きを読む
[macOS] SSHログインしたときだけターミナルの背景色を変えたい (iTerm2) | Developers.IO
SSH で他所のサーバに接続したとき、ターミナルの背景色を変えたくなりませんか? ぼくはなります。 正道(よくある方法) iTerm2 にはプロファイルという機能があって、 予め作成しておくと、背景色以外にもいろいろと変更できます。 今回は扱いません。 邪道(趣味の領域) そもそも何故こういうことをしたいと思ったかというと、 自分の手元だと思ってコマンド打ったら SSH でログインしたお客さまの環... 続きを読む
【Webデザイン】配色に悩んだ時に見て欲しい便利なサイト5つ紹介 - ゆうう兄のまったり奮闘記
2017 - 11 - 05 【Webデザイン】配色に悩んだ時に見て欲しい便利なサイト5つ紹介 ブログ 突然ですが、Webサイトを作成する時や、ブログのデザインをカスタマイズするときに 「どんな色を使うか」 で悩んだことはありませんか? 背景色、文字色、メニューの色、見出しの色... 何となく決めてしまいがち ですよね。デザインを決めるうえで配色というのは、見た人に与える印象を決定づけるもので、と... 続きを読む
jupyterのテーマカラーが超簡単にかっこよくなる『jupyterthemes』 - プロクラシスト
2017 - 09 - 18 jupyterのテーマカラーが超簡単にかっこよくなる『jupyterthemes』 技術メモ 技術メモ-python スポンサーリンク jupyterがどう便利なのかは、以前の記事に書きましたので、知らない方はどうぞ! www.procrasist.com 一つ不満があるとしたら、 背景色がクールじゃない ことです。 別に背景色がクールだからといって進捗が無限に発生す... 続きを読む
回転する白黒の十字、「背景色」は何色? - GIGAZINE
灰色のイチゴが赤く見えたり 、 ドレスの色が変わって見えたり と「目の錯覚」を利用しただまし絵が知られていますが、新たに見る人によって背景色が変わってしまうというトリックアート(錯視ムービー)が公開されています。 This fucks my mind. : woahdude https://www.reddit.com/r/woahdude/comments/67svqp/this_fucks_m... 続きを読む
【はてなブログ】フキダシを使ってLINEの会話っぽくしてみた。 - #はやぶろぐ
2017 - 04 - 02 【はてなブログ】フキダシを使ってLINEの会話っぽくしてみた。 おすすめ カスタマイズ 芥川くん、LINEの会話っぽいのを再現してみたよ! おお。君ならやれると思っていたよ。 これは私も真似したい! ※アイコンに背景色が移っていますが、正方形の画像をアイコンにすれば大丈夫です。 参考記事 +α でLINEっぽくする 吹き出しの幅を変更 右の吹き出しの背景色を変更 文... 続きを読む