月別アーカイブ: 2017年8月
文頭に数字を自動出力したい時はCSSの「counterプロパティ」を利用しよう!
counterとは? CSSの「counter(カウンタ)」を使用すると連番などの自動ナンバリングが可能になります。 「1」「2」「3」「4」のような一般的なナンバリングをはじめ、さらには「第1章」「第2章」「第3章」と …
レスポンシブデザインの基本!簡単な設定方法
こんにちは。フローラです。 私が以前ウェブ制作のお仕事をしていた時は「レスポンシブデザイン=Responsive Web Design、RWD(以下RWDと記載します)」という言葉も一般的には使われておらず、携帯電話(い …
WordPressで特定のタグを一発置換する方法
こんにちは。フローラです。今回はWordPressネタです。 夏ももう終わり。今年の夏は日本列島は雨続きでしたね。 弊社サイバーグリーンシステムのある川崎市もずっとすっきりしない空でした。 さて、これから芸術の秋!食欲の …
今さら聞けない!?CSSでfont-styleを使って文字のスタイルを指定する方法
font-styleとは? CSSのfont-styleプロパティを使用することで、文字列を斜体の形式にしたり通常体に戻したりすることができます。 文字の表示を変えて目立たせたい場合などに使用できます。 font-sty …
簡単!spanタグを使ってテキストに装飾を加えたい!!
spanとは? spanの意味ですが「架かる、渡される、〜を結ぶ」と言う意味があります。 単体では特に意味を持たないタグですが、<span>~</span>で囲った部分をグループ化することができる …
デザイナー必見!無料で使えるオシャレな日本語フォント集
2017.8.18 フォント
皆さま、こんにちは。 今年の夏は涼しいですね。ただ天気が良くないので、なかなか出かけるのも億劫な感じでもあります。 皆さまはどんな夏をお過ごしですか? ウェブデザインで有名なフォントと言えば、「モリサワフォント」が有名で …
今更聞けない!?テキストをリスト化したい場合は<ul>タグ <ol>タグ <li>タグを!
<ul>タグ <ol>タグ <li>タグとは <ul>、<ol>、<li>の3つのタグを使うと、箇条書き(リスト)を作ることができます。 まずはこれ …
CSSを使ってテキストの背景に色をつける方法
CSSでテキストの背景に色をつける方法 今回は、HTMLとCSSだけで文字の背景に色をつけて角丸にして強調する方法をを説明していきます。 テキスト背景に色を入れ角丸にする方法 【例1:角丸吹き出し】 【HTML】 < …
定義リストを作りたい、CSSの<dl><dt><dd>タグについて
定義リストの<dl>タグ <dt>タグ <dd>タグとは 定義リストの<dl>タグは 定義<dt>に対してその内容を説明する<dd>がセットになって …
Chromeのデベロッパーツールを使えば、簡単にいろいろなウェブのチェックができる!
こんにちは。フローラです。 夏休みの予定や帰省などで忙しくなるお盆。 皆様、夏のご予定は決まりましたでしょうか。 もちろんずっとお仕事って方もいらっしゃるでしょう。 長いお休みの前、お仕事もキリの良いところまでしっかり片 …