タグ : html
CSSで簡単にInstagram風の画像にする方法
こんにちは。フローラです。 ご無沙汰してしまいすみませんでした。 今回はCSSで簡単におしゃれなInstagram風の画像にする方法をご紹介します！ Instagramは簡単に画像にフィルタをかけられますね。種類も豊富で …
CSSだけで簡単にモーダルウィンドウが作れるライブラリー！
こんにちは。フローラです。 ヘルプファイルやちょっとしたインフォメーションを表示させるのに便利なモーダルウィンドウ。 モーダルウィンドウはJavaScriptで作るのが一般的だったと思いますが、CSSだけで簡単に作れるの …
htmlのコーディングを快適にしましょう！その2・emmet編
皆さんこんにちは。フローラです。 弊社サイバーグリーンシステムのある神奈川県川崎市は雨続きです。 毎日快適に過ごしたいなぁと呟いていますが、まずはお仕事から快適にしましょうか（今回のテーマにこじつけてみました 笑）。 前 …
シンプルなHTMLとCSSをコピペするだけで実装できるおしゃれな見出しデザイン
シンプルなHTMLとCSSをコピペするだけで実装できる見出しデザイン 画像を使用することなくHTMLとCSSだけでデザインした見出しを紹介していきます。 デザインを組み合わせれば、また新たな面白い見出しを作ることも可能か …
htmlのコーディングを快適にしましょう！その１・Brackets編
皆さんこんにちは。フローラです。 星の数ほどあるテキストエディタですが、皆さまテキストエディタは何をお使いですか？ 最近はとっても便利な機能を搭載しているものが多々あります。エディタそのものの機能だけではなくプラグインも …
レスポンシブデザインの基本！簡単な設定方法
こんにちは。フローラです。 私が以前ウェブ制作のお仕事をしていた時は「レスポンシブデザイン＝Responsive Web Design、RWD（以下RWDと記載します）」という言葉も一般的には使われておらず、携帯電話（い …
CSSを使ってテキストの背景に色をつける方法
CSSでテキストの背景に色をつける方法 今回は、HTMLとCSSだけで文字の背景に色をつけて角丸にして強調する方法をを説明していきます。 テキスト背景に色を入れ角丸にする方法 【例1:角丸吹き出し】 【HTML】 < …
Chromeのデベロッパーツールを使えば、簡単にいろいろなウェブのチェックができる！
こんにちは。フローラです。 夏休みの予定や帰省などで忙しくなるお盆。 皆様、夏のご予定は決まりましたでしょうか。 もちろんずっとお仕事って方もいらっしゃるでしょう。 長いお休みの前、お仕事もキリの良いところまでしっかり片 …
文字に影をつけたい時、text-shadow【初心者向け】
text-shadowとは？ text-shadowプロパティを使用すると、テキストに影をつけることができます。 見出しなどに使用することによって印象を変えることができます。 名前の通りテキストに影をつけてくれるプロパテ …
要素のボックスからはみ出た部分をどうするか？overflowの意味と使い方の説明
overflowとは？ overflowとはCSSのプロパティの１つで「要素のボックスからはみ出た部分をどうするか」を指定します。 【overflowは以下のように記述します。】 ◯◯ {overflow:値;} ove …
