記事内でソースコードを見やすく表示できるWordPressプラグイン「Highlighting Code Block」 – ワードプレステーマTCD
プログラミングのハウツー系のブログ記事では、ソースコードのサンプルを記載することも多いと思います。ただ、WordPressデフォルトでは、色が変わらず、行数も表示されないので見やすいとはいえません。 そこで今回は、記事内のソースコードを見やすくするプラグイン「Highlighting Code Block」をご紹介いたします。同じ機能のプラグインは多数ありますが、中でも使いやすく見た目も美しいです。 「Highlighting Code Block」とは 記事内のソースコードを見やすくするプラグインは「Crayon Syntax Highlighter」も有名ですが、2021年現在6年以上更新されていないため推奨はできません。 今回ご紹介する「Highlighting Code Block」の特徴は以下の通りです。上記プラグインの代替としても十分使えるはずです。 2021年11月現在も更新
Webサイトをダークモードに対応させよう
2020年10月16日 CSS, JavaScript ダークモードとは画面の背景を黒基調にしたデザインのこと。OS側での設定の他、人気アプリやWebサイトで続々対応されています。これまでは明るい部屋でモニターを眺めることが多かったのですが、スマートフォンの普及で暗い場所でも画面を見る機会が増え、夜間目に優しいダークモードが増えてきているわけですね。有機ELディスプレイでは省エネにもなるそうです。今回はそんなダークモードの設定を紹介します！ ↑私が10年以上利用している会計ソフト！ とにかく夜間見えづらい！ 私、夜間に車を運転していると、暗い所では対向車のライト以外ほとんど何も見えない状態なんですが、みんなそんなもんだと思ってたんですよね。でも話しているとどうやら私以外の人はライトじゃない部分もちゃんと見えていると…。みんな見えてるからちゃんと運転できてるってことか！こりゃー私には危険だわ
【もっと早く知りたかった…】Excel作業を効率化する”関数”まとめツイートに感謝の声 - 「ありがとうございます! 」「有能過ぎる」
【もっと早く知りたかった…】Excel作業を効率化する”関数”まとめツイートに感謝の声 - 「ありがとうございます! 」「有能過ぎる」 事務作業からプレゼンテーションの準備まで、さまざまな場面で用いられるExcel。便利なソフトである一方で、「条件に当てはまるデータを探すのが大変…」「曜日やふりがなを入力するのが面倒」といったストレスを抱えている方もいらっしゃるのではないでしょうか? 書籍『Excel医の見るだけでわかる! Excel最速仕事術』(TJMOOK・宝島社刊)の著者であるExcel医(@Excel_design_Dr)さんは、Excel作業で悩む方々に向けて、役立つ知識をわかりやすく紹介しています。 Excel医さんが10月27日に投稿したツイートでは、作業を効率化するために必須の”関数”が、1枚の表にまとめられています。 昔の私はExcel関数を全く知らず、ほぼ全ての変換作業
動画編集 基礎編 #1｜新規プロジェクトの管理【DaVinci Resolve 16】
この一連の講座では、DaVinci Resolveの公式トレーニングブックをもとに動画編集の基礎について学んでいきます。 00:10 プロジェクト設定のタイムラインフレームレート 01:50 環境設定の言語設定とライブ保存 03:55 メディアページのUI 04:36 メディアストレージからのクリップの読み込み 06:25 メディアプールでのクリップの確認 08:18 メタデータの表示と追加 10:34 新規ビンの作成 11:20 スマートビンの作成 14:43 サムネイルビューからリストビューに表示方法を変更 15:55 クリップ名の変更 ・DaVinci Resolveトレーニングブック（日本語） https://documents.blackmagicdesign.com/jp/UserManuals/DaVinci-Resolve-15-Definitiv
スクリーンショットやライブデモ・動画撮影で大事な情報を隠せる、CSS3を使った動的マスキング - SORACOM公式ブログ
こんにちは、ソラコムのテクノロジー・エバンジェリスト 松下(ニックネーム: Max)です。 エバンジェリストはセミナーや執筆を通じて、IoTの活用方法や最新事例を多くの人に知っていただく役割を担っており、資料作りでスクリーンショットを利用したり、セミナーでライブデモを行うことが多くあります。 ここでは、Webブラウザの「CSS3のフィルタ関数」を利用して、Webページ上の情報を動的に隠す(マスキング)する方法を解説します。IoTやSORACOMの話からは少し外れていますが、私(Max)がエバンジェリストとしての活動の際に得たことを「MaxのTips」として紹介し、皆さんにも役立てていただければと思います。 この方法を使うと、Webページを表示した時点で情報がマスキングされるため、スクリーンショット取得後の編集が不要になるだけでなく、ライブデモや動画撮影も安心して行うことができます。 例えば
これを読むと確かなデザイン力が身につく！ 「伝わる」デザインを学べるノンデザイナー向け良書 -パワーポイント・デザインブック
控えめに言って、これはかなりお勧めのデザイン書です！ レイアウト・文字・配色・イラスト・画像など、デザインの原則から応用テクニックまでていねいに分かりやすく解説されており、しかも全ページが非常に美しくレイアウトされています。 書名でパワーポイントと聞いて、関係ないかな、と思った人は大間違い。私も最初は興味があまりなかったのですが、中を見てみたら、間違いに気がつきました。本書は「伝わるビジュアル」づくりを身につけられるデザイン書、ノンデザイナーから中堅デザイナーにお勧めします！ 本書はC96の『PowerPoint Re-Master』を継承しつつ、ゼロから再構成された新刊書。全文がリライトされ、解説も大幅に増強、「誰もがビジュアル-コミュニケーション-デザインができる」世界を目指し、ノンデザイナーが「伝わる」デザインを学べる解説書です。 全ページが非常にかっこよく美しくデザインされているの
Figmaのコンポーネントプロパティ入門 - カスタマイズ可能なコンポーネントの作成 - ICS MEDIA
Adobeによる買収の意向表明が大きな話題となり、世界的に注目されているデザインツール「Figma」。そのようなビックニュースの裏でも、新たな機能がどんどん追加されています。 今回の記事では、コンポーネントにおけるカスタマイズ可能な箇所を管理しやすくし、コードとの整合性を高めてくれる「コンポーネントプロパティ（Component properties）」を紹介します。 コンポーネントプロパティは、コンポーネント（Components）やバリアント（Variants）と言った事前知識が必要な一歩進んだ機能になります。まずは、以下の記事の内容を理解してから本記事を読むことをオススメします。 デザインの管理と効率化が行えるFigmaのComponents入門 FigmaのVariants入門 - さらにコンポーネントを使いこなそう Figma公式の「コンポーネントプロパティ」のチュートリアル用デ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
