ブログ

CSS

シンプルなHTMLとCSSをコピペするだけで実装できるおしゃれな見出しデザイン

シンプルなHTMLとCSSをコピペするだけで実装できる見出しデザイン 画像を使用することなくHTMLとCSSだけでデザインした見出しを紹介していきます。 デザインを組み合わせれば、また新たな面白い見出しを作ることも可能か …

htmlのコーディングを快適にしましょう!その1・Brackets編

皆さんこんにちは。フローラです。 星の数ほどあるテキストエディタですが、皆さまテキストエディタは何をお使いですか? 最近はとっても便利な機能を搭載しているものが多々あります。エディタそのものの機能だけではなくプラグインも …

コーディングを快適にしましょう!その1・Brackets編

値を表で見やすくしたい!意外とよく使うテーブルプロパティの使い方

tableの使い方 今回はWebサイト内で表を作る方法を説明していきます。 <table>はHTMLのタグの1つです。 <tr>や<th>、<td>などのタグと合わせて使う …

便利で簡単に出来る!webフォントの使い方

webフォントとは? webフォントとは、インターネット上からフォントのデータを引き出してきてホームページ上に表示させることが出来るシステムです。 webフォントを利用すれば、閲覧者側の端末環境に依存せずにホームページ作 …

webfont

サイトの印象を変えたい時!CSSでフォントを指定する方法

CSSでフォントを指定する方法 今回はCSSでフォントを指定する方法を説明します。 フォント一つでサイトの印象が大きく変わります、実際の業務でも必要になるので、覚えておきましょう。 フォントを指定する書き方 実際にCSS …

文頭に数字を自動出力したい時はCSSの「counterプロパティ」を利用しよう!

counterとは? CSSの「counter(カウンタ)」を使用すると連番などの自動ナンバリングが可能になります。 「1」「2」「3」「4」のような一般的なナンバリングをはじめ、さらには「第1章」「第2章」「第3章」と …

counter

レスポンシブデザインの基本!簡単な設定方法

こんにちは。フローラです。 私が以前ウェブ制作のお仕事をしていた時は「レスポンシブデザイン=Responsive Web Design、RWD(以下RWDと記載します)」という言葉も一般的には使われておらず、携帯電話(い …

レスポンシブデザインの基本!簡単な設定方法キャッチ画像

WordPressで特定のタグを一発置換する方法

こんにちは。フローラです。今回はWordPressネタです。 夏ももう終わり。今年の夏は日本列島は雨続きでしたね。 弊社サイバーグリーンシステムのある川崎市もずっとすっきりしない空でした。 さて、これから芸術の秋!食欲の …

レスポンシブデザインの基本!簡単な設定方法

今さら聞けない!?CSSでfont-styleを使って文字のスタイルを指定する方法

font-styleとは? CSSのfont-styleプロパティを使用することで、文字列を斜体の形式にしたり通常体に戻したりすることができます。 文字の表示を変えて目立たせたい場合などに使用できます。 font-sty …

簡単!spanタグを使ってテキストに装飾を加えたい!!

spanとは? spanの意味ですが「架かる、渡される、〜を結ぶ」と言う意味があります。 単体では特に意味を持たないタグですが、<span>~</span>で囲った部分をグループ化することができる …

1 2 3 5 »
2018年12月
« 10月    
 12
3456789
10111213141516
17181920212223
24252627282930
31  

最近の記事

PAGETOP
Copyright © onWEB All Rights Reserved.
Powered by WordPress & BizVektor Theme by Vektor,Inc. technology.