CSS
CSSで簡単にInstagram風の画像にする方法
こんにちは。フローラです。 ご無沙汰してしまいすみませんでした。 今回はCSSで簡単におしゃれなInstagram風の画像にする方法をご紹介します! Instagramは簡単に画像にフィルタをかけられますね。種類も豊富で …
CSSだけで簡単にモーダルウィンドウが作れるライブラリー!
こんにちは。フローラです。 ヘルプファイルやちょっとしたインフォメーションを表示させるのに便利なモーダルウィンドウ。 モーダルウィンドウはJavaScriptで作るのが一般的だったと思いますが、CSSだけで簡単に作れるの …
簡単便利!WordPressのグローバルメニューでツールチップを使いたい時はこのプラグイン【SIMPLE TOOLTIPS】
意外と知っておくと便利なツールチップ。 グローバルメニューをスタイリッシュに表示したい時に英語表記することが多々あるのですが、年齢層高めのユーザーがターゲットの場合、日本語表示も欲しいという声をいただきます。 そんなとき …
meta(メタタグ)とは?SEO効果はどうなのか?主要metaタグ一覧!
metaタグ(メタタグ)とは? 今回のテーマは、Webサイトに書くmetaタグ(メタタグ)について解説していきます。 メタデータを記述した箇所がメタタグ、あるいはmeta要素と呼ばれます。 Webサイトにおけるメタデータ …
知ってると便利!WordPressにTwitterのタイムラインを埋め込む方法!
WordPressにTwitterを埋め込む方法 最近はtwitterに限らず「facebook」や「Instagram」などSNSがよく使われています。 今回はWordPressにTwitterを埋め込む方法を説明して …
シンプルなHTMLとCSSをコピペするだけで実装できるおしゃれな見出しデザイン
シンプルなHTMLとCSSをコピペするだけで実装できる見出しデザイン 画像を使用することなくHTMLとCSSだけでデザインした見出しを紹介していきます。 デザインを組み合わせれば、また新たな面白い見出しを作ることも可能か …
htmlのコーディングを快適にしましょう!その1・Brackets編
皆さんこんにちは。フローラです。 星の数ほどあるテキストエディタですが、皆さまテキストエディタは何をお使いですか? 最近はとっても便利な機能を搭載しているものが多々あります。エディタそのものの機能だけではなくプラグインも …
値を表で見やすくしたい!意外とよく使うテーブルプロパティの使い方
tableの使い方 今回はWebサイト内で表を作る方法を説明していきます。 <table>はHTMLのタグの1つです。 <tr>や<th>、<td>などのタグと合わせて使う …
便利で簡単に出来る!webフォントの使い方
webフォントとは? webフォントとは、インターネット上からフォントのデータを引き出してきてホームページ上に表示させることが出来るシステムです。 webフォントを利用すれば、閲覧者側の端末環境に依存せずにホームページ作 …