html

スポンサーリンク
便利ツール

2022年度版Web制作に役立つ「VSCode」おすすめ拡張機能10選

「VisualStudioCode」では、デフォルトの状態から追加で拡張機能を入れることによって自分好みのエディタに変えることが出来ます。また、Web制作にとって必要な機能を拡張機能を使うことによって簡単に追加出来るのでコーダーの方にとっては必須の機能とも言えます。
便利ツール

Web制作に役立つ「VisualStudioCode」のおすすめ拡張機能10選!

VSCodeでお勧めの拡張機能を10個紹介。今回紹介した拡張機能には、ミスに気づきやすくなったり、作業側の操作を減らすことによってコーディングを楽にする機能を中心にまとめています。
CSS

Bracketsでお薦めの拡張機能(エクステンション)と拡張機能のインストール・アンインストール方法

Bracketsをインストールしてから拡張機能をインストールせずに使ってきていましたが、そろそろいろんな機能に挑戦しようと思い、拡張機能を追加した時のインストール方法の覚え書きです。お薦め拡張機能については実際に私が試していいと思ったものを紹介しています。
スポンサーリンク
html

サイトの画像コピーや右クリックでの操作を禁止する方法

ウェブサイトページのコピーを禁止する方法ですが、bodyタグを次のように変更すれば、簡易的にコピーを禁止する事が出来ます。単にコピーを禁止するだけでなく、コピー禁止の警告を出す場合にはタグの追加で可能です。
CSS

レスポンシブ・フレームワーク「Bootstrap」を使う際に便利なツール、アイコン、テンプレート

BootstrapはTwitter社が提供しているレスポンシブ対応のフレームワークです。Bootstrapを採用したテーマやアイコン、CSS等が充実しているのも特徴です。そんなBootstrapを使うために今回、色々と探したものを紹介したいと思います。
CSS

Bootstrapを採用しているhtmlテンプレート&テーマ

Bootstrapは多くのサイトで使われており、使いやすいhtmlテンプレートしても評判が高いフレームワークです。レスポンシブサイトにも対応していて、これからも普及度が上がってくると思うので、一度使ってみて内容を理解しておけば今後のサイト作成に役立つと思います。
CSS

レスポンシブウェブサイトで必須!メディアクエリとブレイクポイントの仕組み

メディアクエリとはサイトをレスポンシブ対応にする際に、対応するメディアに合わせたスタイルシートを設定するために必要な式の事を表します。式というと数学の公式的なものを思い浮かべると思いますが、要はメディアサイズに合わせたルールを決めましょうという事です。
CSS

レスポンシブサイト構築に便利なCSSフレームワーク、グリッドデザイン搭載の「HTML KickStart」

HTML KickStartは最近、人気が出てきているCSSフレームワークの1つ。グリッドデザイン、アイコンフォントの搭載や標準でボタンやフォームを提供しており、初心者の方でも使いやすいフレームワークの1つです。
カスタマイズ

htaccessファイルの作成方法-サイトのリダイレクトやアクセス制限にも使えます

サイトのリダイレクトやアクセス制限の際に使えるhtaccessファイル。今回は私が実際に使ったことがあるBAISC認証、エラーページの設定、リダイレクト、IPアドレス制限の設定について紹介しています。
CSS

アイコン付きのフラットデザイン風ボタンを簡単に作れるツール「2.5dBUTTON」

デザイン系の方に必見。今、はやりのフラットデザイン風ボタンをアイコン付きで簡単に作れるツールやAIファイル、PSDファイルの様々なサービスを展開しているサイトの紹介。
スポンサーリンク