自然に見える画像の枠線を求めて - Qiita

2022/09/14 113 users Qiita ユーザーアイコン border 視認性 画像

この記事の概要 サムネイル画像やユーザーアイコンなど、どんな画像が適用されるか分からない要素ってありますよね。 そんな要素に対して、視認性を確保するためにborderをひいてあるのによく遭遇します。 そのborderが時折ちらついて見えるのが嫌だったので、改善策を考えてみました。 完成物＆通常のborderとの比較 全... 続きを読む

漫画を描いている人に「漫画はいずれ全部縦読みになり見開きも無くなる。文学のように漫画が難しくて読めない人が多数派になる」と言われた

2021/10/13 480 users 文学 漫画 多数派 椎名うみ 少数派

椎名うみ @shinaumin 漫画描いてる人と喋るとよく「漫画はいずれ全部縦読みになるし見開きも無くなる。枠線も紙の本もレトロな少数派の趣味になって今の文学と同じように漫画が難しくて読めない人が多数派になるよ」と言われるので私は「ヤダーッ！」と言います　ヤダヤダヤダ〜ッ！枠線見開き紙の本大好き永遠であって... 続きを読む

WEB漫画しか描かないのでタチキリやノドなどをあまり意識しない人が増え、アンソロ出すときに苦労してるらしい - Togetter

2019/08/22 64 users Togetter のど トンボ 原稿 セリフ

昨日同人ジャンルに長年いた人とお話してたんだけど ・漫画の原稿には内枠というのがあってセリフの文字はその中に収めるようにする ・ノドの方にはなるべくタチキリを作らない ・タチキリはトンボよりも大きめに描く ・枠線は基本は内枠に収める とかを知らない人って案外多い事に驚いた 続きを読む

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

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

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

さてと研究者の皆様へ | 衆議院議員 河野太郎公式サイト

2017/01/12 51 users 衆議院議員 罫線 河野太郎公式サイト 皆様 書式

2017.01.12 応募書類等の罫線問題、三月一日から始まる「研究活動スタート支援」の公募から、罫線、枠線のない書式がスタートすることを文科省が確認しました。 また、文科省関係の神エクセル書式もあわせて全廃されることが確認されました。 研究者の経歴をリサーチマップに入力し、それを各書式で使用するという点について、文科省が内閣府と調整しています。 文科省からは、リサーチマップにすべての研究者が経歴... 続きを読む

青色リンクのその先に： クリック可能なものは見てわかるようにしよう – U-Site

2015/05/10 71 users U-Site インタラクティブ 手がかり 原文 遵守

フラットデザインか否かにかかわらず、インタラクティブな要素は、クリック可能とわかる十分な手がかりを提供する必要がある。枠線、色、サイズ、一貫性、配置や、Web標準の遵守といった手がかりによってクリックできることを伝えれば、インタラクティブな要素の外観はそれにふさわしいものとなる。 公開：2015年5月11日付（日本語版）、2015年3月8日付（原文）　著者：Hoa Loranger 原文（英語）：... 続きを読む

5分でテンションを上げる方法 - 葉っぱ日記

2014/02/14 67 users テンション 葉っぱ日記 恰好 PowerPoint 方法

ちょっとテンションを上げたくなる時ってありますよね！今日はそんなときに簡単にテンションをあげる方法をお伝えします！ まず、PowerPoint(画像は2010)に適当な写真を張り付け 四角形を置き、写真と同じ大きさの四角形を置きます。 四角形の枠線を「なし」にし、「塗りつぶし」の図を先ほどの写真にします。これで同じ写真が2枚ならぶ恰好になります。 「図ツール 書式」から「背景の削除」を選び、顔と首... 続きを読む

[CSS]実装のアイデアが面白い！枠線から背景をずらして配置するスタイルシート | コリス

2013/12/12 83 users div コリス 見出し CSS デモ

枠線から背景をずらして、ゆる〜い感じにデザインされたスタイルシートを紹介します。 HTMLはbutton要素一つで実装されており、二つの要素をマイナスマージンで強引に重ねるとかの荒技ではないです。 実際の動作は下記ページで確認できます。 デモはボタンですが、見出しやロゴなどに使っても面白そうですね。 デモページ 実装は、こんな感じです。 HTML button要素一つで実装します。divなど他の要... 続きを読む

[CSS]画像に枠線やウォーターマーク、キャプションをつけるスタイルシート | コリス

2008/12/03 230 users ウォーターマーク padding コリス キャプション URL

TORRANCE WEB DESIGNのエントリーから、画像に枠線やウォーターマーク、キャプションをつけるスタイルシートを紹介します。 Drop Shadow Effect demo HTML CSS img.shadow { background: url(shadow-1000x1000.gif) no-repeat right bottom; padding: 5px 10px 10px 5... 続きを読む

ブラウザだけでプロっぽい高度な写真加工ができる『pikifx』 | POP*POP

2007/07/24 275 users 伸縮 フィルター POP Apprentice II テキスト

ブラウザだけでプロっぽい高度な写真加工ができる『pikifx』 July 24, 2007 10:34 AM written by 100SHIKI Apprentice II よくある類のツールではありますが、知っておくと便利かなということでご紹介。 ブラウザだけで画像の伸縮、切り取りから枠線をつけたり、テキストを入れ込んだり、ということができます。フィルターや枠線の種類が豊富でなかなか楽しげで... 続きを読む

PHPで角丸枠（CSS）を簡単に作る方法:phpspot開発日誌

2005/12/19 91 users CSS PHP phpspot開発日誌 ツール 角丸

PhpMyBorder PhpMyBorderを使えば簡単に角丸の枠を作ることが可能。 CSSで角丸を実現するのはやや面倒だったりしますが、このツールがあれば容易に実現できますね。 角丸用の画像を用意する必要もありません。 枠線、背景色の設定もWEB上で簡単にできます。 続きを読む