PATAPATA WORKS

News & Blog

カテゴリ : ブログ

  • counterを使ってリストやフローをカスタマイズ

    CSSも種類が増え、色々なことが出来るようになりました。今回ご紹介する「coun…

  • アコーディオンメニューのつくりかた

    アコーディオンメニューとは、項目を押したら隠れていた文章などがパカパカと開閉する…

  • ラジオボタンのチェック内容で他の入力欄の表示内容を変更する方法

    フォームの入力で、条件に合わせて表示内容を変更したいときなどがあると思います。 …

  • 簡単なSVGのアイコンをHTMLに埋め込んで使ってみよう!

    最近は小さいアイコンなどをSVGで作るのが主流になってきました。良いことです、と…

  • borderを使った小ネタ

    borderは要素に枠を作るcssになります。四方それぞれ太さや色、形などを指定…

  • 300ピクセル下にスクロールしたら画面外から出てくるページトップに戻るボタンを作る

    スクロールに合わせて画面内に表示させるための仕組みの学習として、300ピクセルス…

  • レスポンシブデザインで使う画像の作り方

    レスポンシブデザインを作成する時に、どのように画像を取り扱うのかによってその画像…

  • 色々なサイズの画像を揃えるための画像の配置方法

    サイズがバラバラの画像をそのまま並べてしまうと隙間が出てしまうので、とりあえず同…

  • レスポンシブデザインって何?

    その昔。「ホームページを見るためにパソコン買いました」なんて話が出たりしていたも…

  • ボタンを押してもらうためにいろんなことを考えたい

    WEBサイトはどんなものでも、何かボタンを押してもらうことで先に進むように作られ…

  • position:stickyで画面に貼り付けよう!

    WEBサイトを作る場合、ヘッダやフッタの要素を固定したりする事があると思います。…

  • ドット絵をきれいに拡大して表示する方法

    こういうブログにて描いたドット絵を掲載したいというときに、ドット絵のギザギザをそ…