はてなブックマークアプリ

サクサク読めて、
アプリ限定の機能も多数!

アプリで開く

はてなブックマーク

  • はてなブックマークって?
  • アプリ・拡張の紹介
  • ユーザー登録
  • ログイン
  • Hatena

はてなブックマーク

トップへ戻る

  • 総合
    • 人気
    • 新着
    • IT
    • 最新ガジェット
    • 自然科学
    • 経済・金融
    • おもしろ
    • マンガ
    • ゲーム
    • はてなブログ(総合)
  • 一般
    • 人気
    • 新着
    • 社会ニュース
    • 地域
    • 国際
    • 天気
    • グルメ
    • 映画・音楽
    • スポーツ
    • はてな匿名ダイアリー
    • はてなブログ(一般)
  • 世の中
    • 人気
    • 新着
    • 新型コロナウイルス
    • 働き方
    • 生き方
    • 地域
    • 医療・ヘルス
    • 教育
    • はてな匿名ダイアリー
    • はてなブログ(世の中)
  • 政治と経済
    • 人気
    • 新着
    • 政治
    • 経済・金融
    • 企業
    • 仕事・就職
    • マーケット
    • 国際
    • はてなブログ(政治と経済)
  • 暮らし
    • 人気
    • 新着
    • カルチャー・ライフスタイル
    • ファッション
    • 運動・エクササイズ
    • 結婚・子育て
    • 住まい
    • グルメ
    • 相続
    • はてなブログ(暮らし)
    • 掃除・整理整頓
    • 雑貨
    • 買ってよかったもの
    • 旅行
    • アウトドア
    • 趣味
  • 学び
    • 人気
    • 新着
    • 人文科学
    • 社会科学
    • 自然科学
    • 語学
    • ビジネス・経営学
    • デザイン
    • 法律
    • 本・書評
    • 将棋・囲碁
    • はてなブログ(学び)
  • テクノロジー
    • 人気
    • 新着
    • IT
    • セキュリティ技術
    • はてなブログ(テクノロジー)
    • AI・機械学習
    • プログラミング
    • エンジニア
  • おもしろ
    • 人気
    • 新着
    • まとめ
    • ネタ
    • おもしろ
    • これはすごい
    • かわいい
    • 雑学
    • 癒やし
    • はてなブログ(おもしろ)
  • エンタメ
    • 人気
    • 新着
    • スポーツ
    • 映画
    • 音楽
    • アイドル
    • 芸能
    • お笑い
    • サッカー
    • 話題の動画
    • はてなブログ(エンタメ)
  • アニメとゲーム
    • 人気
    • 新着
    • マンガ
    • Webマンガ
    • ゲーム
    • 任天堂
    • PlayStation
    • アニメ
    • バーチャルYouTuber
    • オタクカルチャー
    • はてなブログ(アニメとゲーム)
    • はてなブログ(ゲーム)
  • おすすめ

    iPhone 17

『qiita.com』

  • 人気
  • 新着
  • すべて
  • 【これからScssを使う人へ】Scssの使い方と便利さをさらっと紹介するぞ - Qiita

    16 users

    qiita.com/mame_hashbill

    この記事は 普段CSSでコーディングしているけど、 Scssも便利らしいし勉強しなきゃなあと思ってる人向けの記事だよ!! わたしも初めからScssを使ってたわけではないので、使ってみるまでいまいち便利さがわからなかったんだが、 今はもう逆にCSSでどうやって書いてたかよく覚えてないぞ・・・(´-ω-`)うぬぅ Scssって何? Sass は Syntactically Awesome Style Sheets (構文的に素晴らしいスタイルシート) の略で、CSSを便利に使えるように拡張した言語です。 -SASS (scss) の基本的な使い方/Web Design Leaves CSSとだいたい一緒だけど、色々できてめちゃ便利になったのがSassって感じだな。 あれ?Sass?Scssじゃないの? SassとScssはだいたい一緒だけど、ちょっと違う。 で、CSSから入ってるひとなら絶対S

    • テクノロジー
    • 2019/11/06 12:33
    • SCSS
    • techfeed
    • CSS
    • 資料
    • あとで読む
    • [CSSアニメーション]三(卍^o^)卍←こいつのこれ→卍を回したい - Qiita

      6 users

      qiita.com/mame_hashbill

      Help us understand the problem. What are the problem?

      • テクノロジー
      • 2019/09/10 18:59
      • css
      • アニメーション
      • qiita
      • あとで読む
      • [CSSアニメーション]●●●CSSでタピオカ作ってふわふわ浮かせる●●● - Qiita

        62 users

        qiita.com/mame_hashbill

        この記事について CSSアニメーションを使って複数要素をばらばらにふわふわさせる方法を覚えたので記事を書こうと思ったけど、特にふわふわさせたいものもなかったのでタピオカを作って浮かせてみたぞい。 タピオカはそんなに好きじゃないけど丸くてかわいいよな・・・(´・ω・`) See the Pen pozEpao by Mayu Mameuda (@mayu-mameuda) on CodePen. カップとかストローとかもCSSで作ってみた。 せっかくなのでカップとかのところも解説するぞ。 (アニメーションのやり方だけ知りたい人は「ついにタピオカ」まで飛んでくれ〜〜〜) 全国のタピオカ好きのみんなに見てほしい・・・・ カップのCSS カップを構成している要素は大きく全部で5つ。 ・カップ ・カップの蓋 ・カップの中身 ・ストロー ・タピオカ こんな感じにパーツを分けて作ったよ。 パーツごとに作

        • テクノロジー
        • 2019/08/27 17:28
        • css
        • あとで読む
        • アニメーション
        • qiita
        • techfeed
        • 表現
        • animation
        • tips
        • [BEM設計]うわああああ三(卍^o^)卍ってならないBEMの書き方をワイヤーフレーム使って整理するぞ(その1) - Qiita

          5 users

          qiita.com/mame_hashbill

          この記事について BEMを使ってコーディングしていくとき、 コンテンツ量の多いサイトになると毎回のように混乱してうわあああああああああ三(卍^o^)卍ドゥルルルル ってなるので 自分の頭の中をまとめる意味で簡単なワイヤーフレームを使って解説するぞ〜〜〜!!!!!! BEMって何?って人は先にこっちを読んでな↓ [HTML/SCSS]BEM設計を図を使って解説してみる さて、今回は下のワイヤーフレームを見ながらBEMるぞ。 なんか全部について解説してたらはちゃめちゃな長さになってしまったので、2回にわけてお送りします。 今回はheaderとfooterをいざBEMる。 かかってこ〜〜〜〜い 想定としてはコーポレイトサイトっぽい感じ。 いくつかページが存在してて、ヘッダーとフッターは共通化してなって言われてるていでやってみるぞい。 headerってBlockつくるぞい ヘッダーに関してはhe

          • テクノロジー
          • 2019/08/21 08:06
          • CSS
          • 参考

          このページはまだ
          ブックマークされていません

          このページを最初にブックマークしてみませんか?

          『qiita.com』の新着エントリーを見る

          キーボードショートカット一覧

          j次のブックマーク

          k前のブックマーク

          lあとで読む

          eコメント一覧を開く

          oページを開く

          はてなブックマーク

          • 総合
          • 一般
          • 世の中
          • 政治と経済
          • 暮らし
          • 学び
          • テクノロジー
          • エンタメ
          • アニメとゲーム
          • おもしろ
          • アプリ・拡張機能
          • 開発ブログ
          • ヘルプ
          • お問い合わせ
          • ガイドライン
          • 利用規約
          • プライバシーポリシー
          • 利用者情報の外部送信について
          • ガイドライン
          • 利用規約
          • プライバシーポリシー
          • 利用者情報の外部送信について

          公式Twitter

          • 公式アカウント
          • ホットエントリー

          はてなのサービス

          • はてなブログ
          • はてなブログPro
          • 人力検索はてな
          • はてなブログ タグ
          • はてなニュース
          • ソレドコ
          • App Storeからダウンロード
          • Google Playで手に入れよう
          Copyright © 2005-2025 Hatena. All Rights Reserved.
          設定を変更しましたx