tips– category –

なにかと使うgoogle Mapですが、レスポンシブサイトに埋め込むと、どうも上手くいきません。でもレスポンシブに対応させるのは、とっても簡単なんですよ。 こんな感じ！...

すっかり忘れていたので、覚え書きです。 PCにxamppをインストールしているのですが、突然Apacheが起動しなくなってしまいました。長ったらしいエラーが赤文字で表示さ...

レスポンシブのブレイクポイント（Responsive breakpoints）の書き方。レスポンシブサイトを作る際には必要不可欠な設定ですが、慣れないとなんともややこしい。 考え方...

※Animate.cssがv4になり、変更がありました。[CSS] Animate.css v4 スクロールで動かす (初心者も）　で紹介しています。 Animate.cssでを使って、スクロールのタイミン...

※Animate.cssがv4になり、変更がありました。[CSS] Animate.css v4 スクロールで動かす (初心者も）　で紹介しています。 Animate.cssはclassを付けるだけで簡単にアニ...

PC画面、パッケージ、マグカップのモック画像にロゴなどをはめ込みた時、古いPhotoshopでも簡単に出来る機能があります。まともに、はめ込みをしようとしたら、時間がか...

前提として、wordpressのテーマWP Bootstrap Starter　フレームワークを使用しています。 navigationを固定するには、flex-top?それとも、stickey-top? 公式サイトでは"...

CSSで、背景や画像、文字を半透明にする方法です。重ねた背景を半透明、バナーボタンを半透明などなど。これを使えば、表現の幅が広がりますね！素材の制作の手間も省け...

Cardを使う機会って多くないですか？便利だなぁって使うのですが、何だかIEで画像が縦に長くなってしまって・・・バグの様です。 ソースコードはこんな感じになると思い...

Bootstrapの手軽さをご理解頂けましたか？説明が上手くないので心配ですが、実際に触ってみると分かってくると思います。私もそうでしたが、やってみるのが一番！ 追記...