WEBデザイン

WEBデザイン

私がインストールしたVisual Studio Codeの拡張機能まとめ

VSCodeの拡張機能って何入れたらいいんだろう?何入れたっけ?となることはよくある話。そこで、現在私の利用しているVSCodeの拡張機能をまとめて紹介します。
WEBデザイン

Whimsical Sticky Notes(付箋)はTrelloの代わりになるか?

Whimsicalという、タスク管理やプロジェクト管理などをビジュアル的にできるオンラインサービスを紹介。Trelloのようにブラウザを壁と見立てて付箋を貼り付け、タスク管理をしたりプロジェクトの進行を円滑に管理したりと、視覚・ビジュアル的に
WEBデザイン

【コピペで簡単】CSSで写真・画像のおしゃれ加工。ポラロイド風ボーダーを実装する

今回は写真・画像をcssでおしゃれ加工する方法の1つとして、影を利用したポラロイド風のボーダーをつけることによるおしゃれ加工を実装します。もちろん、コピペで簡単に実装できるようにしました。
WEBデザイン

Markdownのリアルタイムプレビュー、見やすくしたくない?

Markdownを書くときのエディターと言えば「Visual Studio Code(VS Code)」が最高に良い。そのVS Codeで、Markdownのリアルタイムプレビューを綺麗に見やすくでき、さらにCSSをカスタムすること自分好みのプレビューへカスタマイズすることも可能に。こりゃあ入れるっきゃない!ということで、VS Codeの拡張機能「Markdown Preview Gith
WEBデザイン

WordPressの投稿をMarkdownで爆速化!

最近ハマっているMarkdown記法。メモのとり方や報告書作成をpdf出力したりして業務の効率化を図っている私ですが、ブログ執筆もMarkdownでやってみようと思ったところ、WordPress5.X系「Gutenberg」からはなんとプラグインなしでできる!ということで実際にやってみました。
Macで使えるオススメソフト

Visual Studio Codeの拡張機能「テキスト校正くん」で日本語文章の矯正を

使えるテキストエディターと言えばWindows・Macともに利用できる、Microsoftから無償で提供されている「Visual Studio Code」。 そんなVS Codeの便利な拡張機能「テキスト校正くん」を紹介したい。
WEBデザイン

Visual Studio Codeでhtmlコーディングはリアルタイムプレビューがすごく良い

htmlコーディングするなら「Visual Studio Code」のリアルタイムプレビュー拡張機能が超便利!macOSでもWindowsでも使えるVSCodeはいろんな機能が備わっていて超おすすめ!
Macで使えるオススメソフト

VScode×Markdownで【仕事効率化】を図る!

「Visual Studio Code(VSCode)」はMicrosoftが提供している無償で高機能なエディタです。豊富な拡張機能で自分好みのエディタカスタマイズ可能。Markdownで書いてpdfやhtmlで出力もできる!
WEBデザイン

文章を読みやすくするための余白調整と行間の調整

文章の読みやすさって、ほとんどは文章の構成や作り方で決まりますが、それ以外のところでも読みやすくすることができます。 それが「文字と文字の余白や行間の調整」です。
WEBデザイン

【コピペで簡単】CSSだけでメニューバーや画像を固定させる方法

画面の上部に固定させるメニューバーや、ECサイトで右や左の端に小さくクーポンバナー画像を固定させていたりするサイト、ありますよね。 そういったコンテンツを画面に固定させる方法を、コピペで簡単に実装できる形で紹介しました。超便利なテクニックなので覚えておきましょう!
WEBデザイン

WordPressブログのSNSシェア(Twitter)で@自分さんからを自動で挿入する方法

私がメインで利用しているSNSはTwitter。記事を公開したときにお知らせとしてシェアしたり、役に立った!とか、面白い!と思ってもらえたらシェアしてもらいたいなと思いSNSシェアボタンをページの上部と下部に用意しているのですが、そのボタンでシェアしたときに今まで自分宛の、私なら「@rui_bassさんから」という文章が入っておらず、もしどなたかが
WEBデザイン

【コピペで簡単】cssで親要素を無視してブラウザ幅100%で表示させる!

ページやコンテンツを作っていると、外枠はmarginやpaddingで隙間をあけて文字を読みやすくしたりしますよね。 でもそうすると、画像も勿論その枠の中に入っちゃいます。でも、このコンテンツは横幅いっぱいに表示したい・・・このバナーや画像は
WEBデザイン

WordPressのテンプレートをカスタマイズ

ルイログを作った理由の一つに「WordPressの勉強」というものがあります。ルイログを作って半年経過し、ブログを書くという点でのWordPressは特に問題なく理解できてきたかなと思ったところで、次はWordPressのテンプレートを自作してみようと動き出しました。しかし、進めれば進めるほど全てを・満足のいくテンプレートを作るのはまだま
WEBデザイン

WordPressテーマの自作にチャレンジ

ここ数日はブログデザインをカスタマイズしようと WordPress テーマの自作 にとりかかっています。ルイログを始めたきっかけの一つに、WordPressの勉強というのがありまして。
WEBデザイン

【コピペで簡単】cssで画面いっぱいに画像を魅せる方法。スマホもPCも大きな画像を見せたい!

WEBデザインのトレンドというのはコロコロと真新しくなっていくものですが、そのトレンドの一つとしてファーストビューに大きく画面いっぱいに画像を表示させて魅せるデザインがあります。インパクトが大きく、綺麗な画像でアプローチできればユーザーの心もキャッチしやすい。そんなデザインcssを簡単コピペで実装
スポンサーリンク
タイトルとURLをコピーしました