枠線

記事にパソコンのキャプチャを張り付けるときに私はいつも「Snipping Tool」を使っています。（OSはWindows） 背景が白い時、そのまま張り付けると画像との境界線がわからないので気に入らない！ なので画像に枠線を引くことにしました。 ついでに張り付ける画像が大小様々な時、中央表示されるのも気に入らないので左寄りに変更てみました。 「デザイン」＞「工具マーク」＞「デザインCSS」をクリックする .hatena-fotolife, .http-image {display: block;left: 0px auto;border: solid 1px #BDBDBD;} これで画像が左…

PCのモニターでExcelのシートを見ると、罫線はいっさい引かれていないのに、表全体に罫線が印刷されてしまうシートに遭遇したことはないだろうか。 枠線 これは、Excelの印刷機能のひとつで「枠線」と呼ばれるものだ。シート上のセルに値が入っている場合、A1セルからタテヨコ方向のもっとも遠い値の入ったセルまでの行と列すべてに枠線を引いてくれる機能である。 この機能のオン・オフは「ページ設定」ダイアログボックスから設定する。「ページレイアウト」タブ－「ページ設定」グループの右下の「ダイアログ起動ツール」をクリックすると表示される。 「ページ設定」ダイアログボックスの中から、「シート」タブを選択し、…

どうも！LSSです！！ little-strange.hatenablog.com little-strange.hatenablog.com と続けざまに虹色をテーマにしたCSSを書いていましたが、「虹色の枠線」を２種類、追加でさらに考えてみました^^ 虹色の枠線 追加１ 虹色の枠線 追加2 なお、今回のこれは… 虹色の枠線 追加１ 虹色の枠線 追加１ コード <div style="border: 5px solid; border-image: repeating-linear-gradient(135deg,red 0px 9px,orange 20px 29px,yellow 40p…

先日購入したiPadPro & ApplePencilの活用の一環でノートアプリを 使い始めてみました。GoodNote5とOneNoteで迷ったのですが、 作成したノートをiPadやiPhone以外にWindowsやMacでも利用できること 最初は手書きも楽しいけど、最後はキーボードがメインになりそうなこと ということで、ひとまずOneNoteを使ってみることにしました。 Windowsのスタートメニューには「OneNote」と「OneNote for Windows 10」 という二種類のアプリがあり、少し混乱しましたが 「OneNote」はWindowsのデスクトップアプリ（多機能） 「…

はてなブログに貼付けた画像に枠線をつけて縁取りする方法を紹介します。 下の左側の画像のような状態です。 方法 1. ブログ内の全ての画像に枠線をつける方法 ある画像にだけ枠線をつけたくない場合 準備 記事を作成する時 1. 「編集 見たまま」モードの場合 2. 「編集 マークダウン」モードの場合 方法 2. 画像一つ一つに枠線をつける方法 1. 「編集 見たまま」モードの場合 2. 「編集 マークダウン」モードの場合 方法 1. ブログ内の全ての画像に枠線をつける方法 1つ目は、はてなブログに貼付けたすべての画像を縁取りする方法です。 画面上部のメニュー > 「デザイン」 > 「スパナマーク」…

白黒印刷すると枠線が印刷される パワーポイントで資料を白黒で作成したときに、テキストボックスや図形の消したはずの枠線が印刷されてしまう経験をした読者はいないだろうか。これはグレースケールという機能が関係している。 アプリの画面に表示されるスライドはすべてカラーである。それを印刷する際に単純な白と黒の２色ではなく、青や赤といった色の種類と、濃い、薄いといった色の濃淡を白と黒を混ぜた灰色の濃淡で表現することができる。この機能をグレースケールという。 オフィスで使われる複合機では、一般的な契約ではカラー印刷のコストは１枚15～25円程度、それに対しモノクロ印刷は２～３円程度といわれている。資料作成の…

うるちです！ 今回は、枠線の外側に枠線をプラスする方法について書いていこうと思います。 マイクラ動画のサムネイルを作る時に、文字が見やすいよう枠線に色をつけているのですが、白一色だと背景画像が明るい時に文字と画像の境目がボヤけてしまいます。 これじゃ文字の端がボヤけて見づらいですよね。 なので白い文字枠のさらに外側に、黒い枠線をプラスしています。こうする事で背景が明るい時も暗い時も、ハッキリと文字が見やすくなるんですよ。 まず枠線をつけたい画像のデータを開き、「ファジー選択」で文字の外側の余白部分を選択します。 その後「編集」タブを開いて「選択範囲の境界線を描画」を選びます。 真ん中よりちょっ…

Advanced Squad Leader Starter Kit #3(ASLSK3)のシナリオS26「LAST ALLY, LAST VICTORY」をソロ・プレイした。 シナリオ和訳はこちらにあるA grove of ASLの和訳を使用した。 war.game.coocan.jp http://war.game.coocan.jp/ASL/index.php?Scenarios%2FS%2F26%20Last%20Ally%2C%20Last%20Victory タイトルは直訳すると『最後の味方、最後の勝利』だ。 1944年10月10日、舞台はハンガリー、ピシュペクラダニィ(Puspok…

こちらの記事で押さえておきたいWebデザインの基礎知識・チェックポイント・おすすめ情報などをご紹介します。ぜひ、ご活用ください。 執筆者の紹介 Webデザインの基礎知識 Webサイトの事業上の役割やその優先順位を明確にする Webサイトのコンセプトメイク Webサイトの集客（ターゲティング） Webサイトに必要なデザイン機能 Webサイトのマーケティング戦略（ロードマップ） WebサイトのPDCA Webデザインのチェックポイント Webサイトにおける視線の流れの法則性を利用する 余白を意識的に活用する レイアウト・カラーリング・フォントなどのデザインルールを決める 「近接」「整列」「反復」「…

このブログでは、動画編集ソフト「HitPaw Video Editor」のテキスト機能を使って、動画にテキストを追加し、編集する方法を紹介します。 HitPaw Video Editorでは、動画にテキストを追加するだけでなく、フォントや色、サイズ、アニメーションなどを自由に設定することができます。 【HitPaw Video Editor】テキスト機能の使い方｜動画にテキストを追加して、おしゃれな動画を作ろう！ HitPaw Video Editorに動画を読み込む方法 動画を読み込む手順 HitPaw Video Editorでテキストを追加する方法【0:06～】 テキストを追加する手順 …

OBS Studioに関するメモを書いてる記事 ※「OBS Studioに関する個人的メモ」を移転しました。(現在は閲覧不可) 記事投稿日 2021年10月6日、最終投稿更新日 2024年09月12日 07時35分頃 文字数が凄く多いのでブラウザの検索機能をお使いください。 記事が見にくくて申し訳ありません。 (将来的に内容を細かく分けて記事にしたいと思っています。) ブラウザ検索ショートカット Windows : Ctrl + F macOS : Command + F この記事は下記環境を使用して作成しています。 ※Linux、特定のデバイスが無いと表示されないソースのことはメモしていませ…

02:25 継続時間の書き戻し Excelシートで修正したアニメーション時間をPowerPointに書き戻す方法を解説。 https://www.youtube.com/watch?v=6BL3lLcAEw4&t=145ソースコード: Option Explicit 'アクティブなPowerPointスライドのアニメーションを探る 'アニメの時間をシートへ書き込む Sub test240910_ppアニメ情報をシートへ() '起動済みのパワポを捕まえる Dim ppApp As Object 'As PowerPoint.Application Set ppApp = Nothing On E…

Googleスライドで、文字を丸や四角といった図形で囲んだ囲み文字（囲い文字）を作る方法です。 Wordの囲い文字のような機能（メニュー）としては用意されてませんが、単純に図形内に文字を入れれば実現できます。 手順 枠線の装飾 二重・三重線にする 角の形状を変更する 手順 はじめにメニューから「挿入」→「図形」→「図形」と選択して、適当な形状を選択します。 ここでは丸で囲んだ文字を作るため「楕円」を選択します。四角で囲む場合は「長方形」を選択します。 Shiftキーを押しながらドラッグすると（縦横の長さが等しくなるので）真円が描けます。 選択した状態でキー入力すれば図形内に文字が入ります。 次…

こんにちは！ゆきおです。 はてなブログにどこでもリンクを張り付ける方法を紹介します。 もしもアフィリエイト未登録の方は先にこちらの記事を読んだ方がわかりやすいかもしれません↓ 登録はこちらから → もしもアフィリエイト無料会員登録 どこでもリンクとは？ どこでもリンクの使用例 １．バリエーションが多い商品 ２．ランキングページ ３．大型セール どこでもリンク作成 はてなブログに貼り付け どこでもリンクをかんたんリンク風にするHTML&CSS HTML CSS 使い方 最後に どこでもリンクとは？ アフィリエイトASPの一つである「もしもアフィリエイト」で使えるツール。広告主のトップページだけで…

無料アプリ9VAeきゅうべえは、なめらかに動くアニメを作るために、他のアプリにないすごい点選択、変形機能をもっています。それを解説します。 パソコンやスマホでできます。いらすとやを動かす方法はこちら。音声合成はこちら。 ほかの解説動画はこちら。 内容： １．9VAeきゅうべえのダウンロード ２．獅子舞のイラストの口をあける Openclipart獅子舞のSVGをダウンロード 獅子の口をあける Capcut（動画編集） Canva（動画編集・プレゼンテーション） Impress（プレゼンテーション） ３．9VAeの選択 ４．点選択モード 点選択にする：点選択ボタン 点選択にする：図形をタッチ 点…

そろそろアップルのファンから怒られそうですが・・・ 出張先のビジネスホテルで名刺を作る方法です。でも正しい会社員は、営業で出張するのに名刺を忘れ、急遽出先で名刺を作る必要に駆られることは、あまり無いと思います。 手順をざっくり言うと、同僚の名刺を写真に撮ってGIMPで加工し、Inkscapeで自分の名前を書き込んでPDFで出力、コンビニプリントで「はがき印刷」するという感じです。 ただしコンビニプリントはカラーレーザーが多いと思いますので、中間色をふんだんに使ったオシャレな名刺は苦手かも。 あとコンビニプリントは余白無しができないのが多いと思うので、枠線でぐるっと囲ったようなものは外周をハサミ…

このテーマの特徴 ソースコード このテーマの特徴 このHTMLテンプレートは、ブログ記事のアイキャッチをデザインするためのものです。以下に、テンプレートの特徴を詳しく説明します。 1. カスタマイズ可能なデザイン: カラーテーマ: --bg-main, --bg-secondary, --text-main, --text-back, --accent-color, --border-colorといったCSS変数を用いることで、背景色、文字色、アクセントカラーなどを簡単に変更できます。 フォント: 'Noto Sans CJK JP', serif により、日本語に対応した明瞭な書体を使用して…

このテーマの特徴 ソースコード このテーマの特徴 このHTMLテンプレートは、レトロな雰囲気を持つアイキャッチ用のテンプレートです。主な特徴は以下の通りです。 1. レトロな雰囲気を醸し出すデザイン フォント: "Noto Sans CJK JP" を使用し、レトロな雰囲気と現代的なバランスを保ちます。 カラーパレット: 薄いピンクとグレーを基調とし、アクセントカラーとして薄いパープルを使用することで、懐かしさと上品さを演出しています。 グラデーション: ヘッダーに薄いピンクから薄いグレーへのグラデーションを適用することで、奥行きとレトロな雰囲気を強調しています。 影と枠線: ヘッダー、メイン…

シンプルな直線の囲い枠のバリエーションを作ってみます。 <div style="background: #fff; padding: 10px; border: 5px solid #c6c6c6;">本文を入れる</div> このコードをHTML編集画面に貼り付けるとこうなります。 本文を入れる 「solid」の部分を変えて線を変えていきます。 「dashed」破線にすると 本文を入れる 「groove」立体的な谷型の線にすると 本文を入れる 「ridge」立体的な山型の線にすると 本文を入れる 「outset」囲まれた部分が浮きあがって見える立体的な線 本文を入れる こんな感じになりました…