CSSでボタンを実装するときに記述しておくと便利なスタイルのまとめ

2024/04/09 107 users CSS ズーム 実装 誤動作 テキスト

Webサイトやスマホアプリの実装に、ボタンは欠かせない要素の一つです。そんなボタンの実装に設定しておくと便利なCSSのスタイルを紹介します。 スマホでボタンをタップした際にズームなどの誤動作が起きないようにするCSS、ボタンのテキストが選択されてハイライトにならないようにするCSS、フォーカス時のアウトライン... 続きを読む

モダンCSSで実装する、テーブル（<table>）のさまざまなスタイルのまとめ

2024/02/08 128 users table ポパー 四隅 モダンCSS テーブル

モダンCSSでテーブルをゼブラストライプしたり、テーブルの四隅を角丸にしたり（昔はかなり面倒でした）、列や行を分割したり、ホバーでハイライトやアウトラインを表示したりなど、表のデータを読みやすくするテーブル（<table>）のさまざまなスタイルを紹介します。 A Guide to Styling Tables by Mads Stoumann 下記... 続きを読む

GPT-4を利用した長文原稿自動生成プログラムの紹介｜IT navi｜note

2023/03/25 171 users GPT-4 Note 原稿 手順 最初

以下の記事は、アウトライン及び原稿の自動生成プログラムによって作成したものです。 通常、GPT-4で長い文章を作成する場合は、最初に全体のアウトラインを作成し、部分ごとに分割して文章を生成して、最後に全体を統合する必要がありますが、このプログラムは、その手順を一括でできるようにしたものです。プログラム... 続きを読む

アウトライン踏み越え過ぎでは…!? 中州のソ〇プ店でウマ娘を模した展開をしててマジでサイゲームスに怒られそう

2022/11/27 21 users 中州 サイゲームズ ウマ娘 マジ 展開

リンク www.cityheaven.net 新感覚恋活ソープもしも彼女が〇〇だったら…福岡中洲本店 - 中洲・キャナルシティ周辺/ソープ｜シティヘブンネット 中洲ソープランド「新感覚恋活ソープもしも彼女が〇〇だったら…福岡中洲本店」。中洲の新感覚恋活ソープもしも彼女が〇〇だったら…福岡中洲本店は、どの女の子も店長が自信を... 続きを読む

瞬間移動をイメージしたフリーフォント「瞬きノ明朝」が公開 ～商用・改変も可／アウトラインが全体的にブレたダイナミックなデザイン。カスレ感を生かしてみるもよし

2022/04/27 6 users フリーフォント 改変 商用 瞬間移動 デザイン

続きを読む

これから実装する人にオススメ！レイティングに使用するスター（星形）を実装するSVGのテクニック | コリス

2021/08/31 15 users レイティング コリス SVG 一口 実装テクニック

Webページやスマホアプリで見かけるレイティングに使用するスター（星形）を実装するSVGのテクニックを紹介します。 一口にスターといってもさまざまな状態があり、オン・オフ、半分、アウトライン、サイズ変更など、さまざまな実装テクニックが解説されています。 Star Rating: An SVG Solution by Ahmad Shadeed 下記... 続きを読む

質問に穴埋めしていくだけで物語が出来上がる　『アウトラインから書く小説再入門』発売 - ねとらぼ

2021/06/28 6 users とらぼ 物語 辻褄 発売 質問

質問に答えるだけで小説を書くためのアウトラインが完成していく小説書き方本『〈穴埋め式〉アウトラインから書く小説執筆ワークブック』がフィルムアート社から発売されました。価格は1800円（税別）。 物語の設定に対する質問に答えていく穴埋め式の小説書き方本 執筆途中で辻褄が合わなくなるような事態を招く前に、... 続きを読む

男の子たちが、アニメやゲームを介して性的トランス・アイデンティティを獲得するまでの道のり　翻訳：「トランス・アイデンティティ、才能溢れる精神、カテゴリー思考とアニメとのつ

2021/06/23 12 users 道のり 才能 トランスジェンダー 精神 アニメ

解説： 生物学的な性と、自認する性別との間にギャップを抱えた"男の子"たちの変化に、日本のアニメや（日本以外の）ゲームやネット掲示板がどう関わっているのか。主にかれらの親へのインタビューを再構成し、当事者の内面や、性別移行の動機のアウトラインを描こうとする記事です。 基本的にトランスジェンダーに疎い... 続きを読む

document outline algorithm と h1 要素 | grgr-dkrkのブログ

2020/10/30 63 users 何者 見出し アルゴリズム 供養 没ネタ

没ネタの供養。 TL;DR h1 を複数置けるわけじゃない アウトラインを生成するアルゴリズムはブラウザで実装されてない 見出しレベルを自動調整するように動いていたが頓挫した section お前は何者だ document outline algorithm について "document outline algorithm" とは、HTML のアウトラインを生成する都市伝説のこ... 続きを読む

CSSを活用してHTMLのセマンティックエラーを指摘する方法 - ICS MEDIA

2020/08/19 16 users CSS outline ICS MEDIA HTML 2px

CSSはWebページの見た目を整えるものですが、ちょっと違う使い方もできます。たとえば、予期せぬ横スクロールが発生した時、以下のようにすることで全ての要素のアウトラインが表示され、不用意にはみ出している部分が視覚的に分かりやすくなります。 * { outline: 2px solid red; } これを応用してタグの不適切な利用部... 続きを読む

商用利用無料、UIデザイン用のSVGアイコンが220種類！改変・再配布も可の太っ腹ライセンス -System UIcons | コリス

2020/08/19 282 users コリス アイコン プロダクト スマホアプリ UI用

システムとプロダクトのUI用にデザインされた、オープンソースのSVGアイコンを紹介します。Webサイトやスマホアプリに最適です！ アウトラインのシンプルなデザインで、220種類のアイコンが揃っています。SVGなので、サイズやカラーなども簡単に変更して利用できます。 System UIcons System UIcons -GitHub System UIco... 続きを読む

登録フォームのテキストフィールドにはオフホワイトを | UX MILK

2020/06/07 28 users UX MILK テキストフィールド オフホワイト 無味 労力

アプリケーションをデザインする際、ほとんどのデザイナーはコンテンツページには労力を費やしますが、登録フォームは見過ごしがちです。ユーザーが辿り着くのは、視覚的に魅力がなく、無味で事務的なフォームです。白いバックグラウンド、まっさらなテキストフィールド、煩雑な文章、不快な黒のアウトラインがあちこち... 続きを読む

ソリッドとアウトライン、認識しやすいアイコンはどちら？ | UX MILK

2020/03/02 15 users ソリッド モバイルアプリ UX Movement アイコン

UX Movementの創立者、ライターです。ユーザーに優しいUXデザインのスキルを読者の方が上達できるよう、UX Movementのブログを始めました。 モバイルアプリをデザインするとき、ソリッド（塗りつぶし）かアウトライン、どちらのアイコンを使用するか決めなければいけないときがあります。ユーザー体験にはどちらが最適な... 続きを読む

「同和」という言葉をめぐって: ある広告人の告白（あるいは愚痴かもね）

2019/10/06 481 users 愚痴 対立 騒動 僕ら 告白

本当は専門家が語るべきだろうと思うが、今回の騒動で問題となった同和という言葉を中心に少しだけ。僕らの世代では当たり前でも、今の若い人たちはあまり知らないことなのかもと思うし、極めて党派的対立が強い分野なので、専門家ではない一般人がアウトラインを語る意味は少しはあるだろうと思う。 もともとこの言葉は... 続きを読む

丹治吉順 a.k.a. 朝P on Twitter: "「この数年、経産省での最大の変革は『働き方改革』。権力はこう使うのかと思い知った。国会の答弁作成は残業して徹夜してするものだったのが、大臣が『オ

2019/07/31 95 users おれ 丹治吉順 ドライブ 権力 変革

「この数年、経産省での最大の変革は『働き方改革』。権力はこう使うのかと思い知った。国会の答弁作成は残業して徹夜してするものだったのが、大臣が『オレが家に帰ってパソコンを開いたらドライブに入っているようにしろ。アウトラインでかまわない』としたら、みな早めに済ませて帰るようになった」 続きを読む

【HTML・CSS】美しいサイトは骨までキレイ？HTML5のアウトラインを学ぼう！ | JAM25

2019/05/23 14 users HTML・CSS JAM25 HTML5 オマケ 美しいサイト

HTML5のアウトラインについて アウトラインとは？ アウトラインとはアウトラインアルゴリズムのことを指し、検索エンジンから見たWebページの構造を表す概念です。一般的に階層構造（入れ子構造）をとります。 Google等の検索エンジン対して、「ここがメインコンテンツ」「ここがコンテンツの区切り」「ここはオマケ」等... 続きを読む

Webフロントエンドとサーバーサイドの技術動向をざっくり整理する／JavaScript - "BOKU"のITな日常

2019/04/17 603 users jQuery boku Webフロントエンド サーバーサイド

今回は、WEBフロントエンドとサーバーサイドあたりの技術動向を、ざっくりとアウトラインだけ整理してみようかと思います。 整理の目的 今のところ。 自分的には、jQueryで困っていることは特にありません。 なんですが、久々に既存システム縛りの無いWeb開発の話があり、「せっかくだから、jQuery以外のJavaScriptフレ... 続きを読む

ソリッドとアウトライン、どちらのアイコンが認識しやすいか | コリス

2019/03/12 254 users コリス ソリッド 好み アイコン スタイル

アイコンのスタイルをソリッドとアウトライン、どちらを使用するか決めなければならない場合がありませんか？ 好みで決めるという人もいるかもしれませんが、それぞれ分かりやすい場合と分かりにくい場合があります。 どのような場合にソリッドを使い、アウトラインを使うとよいのかを紹介します。 ちなみに下記は、左が... 続きを読む

noteの新たな脆弱性

2018/04/05 9 users Note 脆弱性 キャッチー 追記 手法

情報を追記し期待させることで購入させる有料記事が話題だ。 https://note.mu/ancha0408/n/n47e28e4a9526 キャッチーなタイトルは言わずもがななのだが、注目はその手法。 アウトラインを書き、それを追記していくことでお得感を出している。ツイートを見ると現在追記は1回行われたようだ。 さて、noteでは返金ができない。 だが、読者はこの追記が適切に完了することを期待し... 続きを読む

森友問題の現状についてブロガーのいち見解: 極東ブログ

2018/03/14 461 users いち見解 森友問題 ブロガー 極東ブログ 現状

森友問題の現状について、自分の考えを、アウトラインだけだが、まとめておきたい。自分の考えが正しいとも、強く主張したいというものではない。当然、異論は多いだろうと思う。また、誤認もあろうだろうと思う。あくまで、こういう考える人がいるという程度のものである。ブログというのは、その程度のものである。なお、森友問題の解説記事ではないので、基本的な説明は含めない。 昭恵夫人の関与はないだろう 昭恵夫人の活動... 続きを読む

【トレパク】炎上中の東氏、裏垢で逆ギレ【被害者活動休止】 - Togetter

2018/01/17 77 users パンク 習作 Togetter あたり ラップ調

吃驚した。端的に言うと中学の頃トレパクの意味全く知らなかった時に一回指摘されて以降はしてないです。進歩垢とかハング見てた人は知ってると思うけど真っ白から描いてますよ？　なんだろ、習作でアタリ模写してそこからラフ描いた事はあるけどこれもしやアウトライン…？ peing.net/q/aee74e85-f10… 多分本人様かな～って感じの質問いくつか入ってたけどラップ調で煽ってきてて好き。9月くらいのか... 続きを読む

ワンアウトラインの思想　その４ – R-style

2017/06/17 14 users R-style 思想 Evernote 根底 区画

前回： ワンアウトラインの思想　その３ 思想の中心にあるもの たった一つのアウトラインでやっていく、というアプローチ。そこに潜む思想。根底にあるのはなんだろうか。 私たちの意識は、一つである、ということだ。だって、そうだろう。Evernoteのアイデアを思いつくときと、書評記事のアイデアを思いつくときの私の頭は同一である。頭の中の切り分け区画から「EvernoteIdea.App」みたいなものが起... 続きを読む

1クリックでSVGのデバッグが可能！SVGのパスをアウトラインに変換、アンカーやポイントやハンドルを表示 -xvg | コリス

2017/03/15 21 users コリス SVG デバッグ アンカー Chrome

Webページで使用しているSVGのパスをアウトラインに変換し、アンカー、コントロールポイント、ハンドルを表示してデバッグができるChromeの拡張機能「xvg」を紹介します。 「xvg」は無料で利用できるChromenの ...記事の続きを読む 続きを読む

「量から質へ」：規模の追求を見直すパブリッシャー | DIGIDAY［日本版］

2017/02/01 17 users Digiday パブリッシャー アグリゲーション リンガー

規模の追求を何年も続けたあとで、数多くのパブリッシャーが規模の争いから撤退している。 依然として、ほかで掲載された情報を再利用するアグリゲーションや、話題のコンテンツを取り上げることから得られるトラフィックに大きく依存しているパブリッシャーも多い。だがその一方で、「 アウトライン（The Outline） 」「リンガー（The Ringer）」「 アクシオス（AXIOS） 」のような比較的新しいパ... 続きを読む

HTML 5.1で変更されたsection要素の使い方、header要素とfooter要素のネストについて解説 | コリス

2016/12/13 112 users コリス section要素 HTML ネスト 事例

2016年11月1日に、 HTML 5.1 が勧告されました。HTML 5から新しく加えられた点、削除された点、変更された点がいろいろあります。 その中から、ページのアウトラインを組み立てる上で重要なsection要素の使い方、header要素とfooter要素のネストについて具体的な事例を添えて紹介します。 Document Outlines in HTML 5.1 下記は各ポイントを意訳したも... 続きを読む