【コピペでOK】CSS media widthの書き方をまとめました!!【レスポンシブ】【メディアクエリ】
みなさん、こんにちは、こんばんは、AKデザインの円盤です。 本日はよく使う割にはまともに手書きをしたことがない「@media screen」の書き方をまとめておきました。 スクラッチで作るときに「あれ？最小幅ってどうやっ …
「CSS」の記事一覧
初心者必見!! Google Chromeの検証画面上でCSS入力して実際の画面で確認する方法！
こんにちは、こんばんは、AKデザインの円盤です。 本日はGoogle Chromeで検証画面を開いて、CSSソースを触って実際の画面で確認する方法をご紹介します。 検証画面では大小さまざまなことが出来るので、その辺もさっ …
【コピペでOK】CSS position absoluteで中央寄せ 2種類をまとめました！
こんにちは、こんばんは、AKデザインの円盤です。 今回はCSSでよくお世話になるposition設定のabsoluteで中央に寄せたい時のお話です。 毎回Googleで検索するのが面倒なので自分用にメモしておきます。 こ …
lightboxで画像を拡大表示させるのを実装
こんにちは、こんばんは、AKデザインの円盤です。 今日は画像をクリックするとかっこよく拡大表示される「lightbox」というjavascriptで動くライブラリのご紹介です。 コメントを追加する方法も記載しましたのでご …
CSSでページ内移動を調整
こんにちは、こんばんは、AKデザインの円盤です。 本日は＜a＞タグなどで飛んだ先のページで、＜a name=”#hogehoge”＞＜/a＞などで飛んだ際のスクロール位置の調整のお話です。 CSSでやっていきます。 …
＜br＞にclass指定
こんにちは、こんばんは、AKデザインの円盤です。 本日は目から鱗な、これはclass指定は出来ないんだろうとずっと思い込んでいたタグの話です。 みんな大好き<br> 使ってますか？<br> はい、 …
楽天のスマホページにiframe
こんにちは、AKデザインの円盤です。 2020年になっちゃいました。あけましておめでとうございます。今年も備忘録していくのでよろしくおねがいします。 さて本日は楽天のページ構築のお話の中で裏技的な、来年には使えなくなって …
flexboxに夢を見る 初めて設定する編
floatなんてわからんって！ こんにちは、AKデザインの円盤です。 HTMLが始まったwindows95から98の頃からcenterとfontとtableで生きてきたのですが CSSが始まってfloat設定してボックス …
CSSで背景画像の入れ替え
そんなこと本当にできるの？ こんにちは、AKデザインの円盤です。 メインビジュアルをjqueryのスライダー埋め込んで表現するのが一般的になってきましたが、そろそろお客さんにも飽きられてきたのではないか？と思いますよね。 …
CSSのfixedの上下中央揃え
たくさん備忘録したいのだ こんにちは、AKデザインの円盤です。 お仕事をたくさん頂戴しまして、本当にありがとうございます。 おかげでブログ書いている暇がない状態で嬉しい限りです。 （つまりブログの更新をしている＝お前いま …