フロントエンドな日々

色々なブログやサイトを見ていると吹き出しを使って会話しているように見せてるページがあります。
やりたいと思っても、自分が使ってるテーマにはそんな機能付いてない。

そんな方々のために、アイコン付きで表示できる吹き出し ...

CSSを編集するにはまず基本を押さえておく必要があります。
基本的なルールさえ覚えてしまえば非常に簡単な構造になっているので、初心者でも比較的簡単に編集することができます。

目次1、各部の名称
2、セレクタ

ブログやサイトの運営を始めると、自分のサイトをどれくらいの人が見てくれているのか、どの記事が読まれているのか気になると思います。

WordPressなどのブログでCSSを編集する際にファイルを直接編集する場合、
実際にサイトに反映して確認し修正することになります。
テスト用の環境であればそれでもいいですが、
本番の環境では訪問者に修正中の ...

すぐに使えるコードをいっぱい持っておくと、
いろいろな仕事を振られたときに迅速な対応が出来るようになっていきます。
みなさんこんにちわ
今回は、メニューやFAQなどでよく見るアコーディオンを、
コピペで ...

毎日の通勤時間、サラリーマンの平均通勤時間は約1時間、往復で約2時間になるそうです。
この通勤時間、ゲームをしたりスマホをいじったりもいいですが、もったいない！

ぱるイラストさまより

会社の同僚、先輩で ...

フロントエンドエンジニアが仕事でも使用している、無料で使い始められる、使いやすいテキストエディター

SublimeText3
インストールから日本語化までを紹介します。

なぜWebエンジニアがSublim ...

WordPressでブログを作成する際に、テーマの編集を編集画面からしていませんか？
FTPのソフトを使ってファイルを直接編集しましょう。

WordPressの編集画面から編集すると、何かミスがあった場合に、管理画 ...

レスポンシブでサイトを作成していると遭遇するかと思います。
iphoneの横向きの時だけ文字サイズが拡大されてしまう場合の対処法です。

CSSbody {-webkit-text-size-adjust: 100%;} ...

レスポンシブデザインで背景画像を使用したいとき、縦横比を維持して表示領域に合わせる為にはどうするか。
サンプルはウィンドウ幅を変えてみるとわかりやすい。

background-size: cover;
表示領域を覆 ...