Movatterモバイル変換


[0]ホーム

URL:


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

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

アプリで開く

はてなブックマーク

  • はてなブックマーク
  • テクノロジー
  • スマートフォンサイトのHTMLコーディングメモ12個 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
  • Twitterでシェア
  • Facebookでシェア

気に入った記事をブックマーク

  • 気に入った記事を保存できます
    保存した記事の一覧は、はてなブックマークで確認・編集ができます
  • 記事を読んだ感想やメモを書き残せます
  • 非公開でブックマークすることもできます
適切な情報に変更

エントリーの編集

loading...

エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。

タイトルガイドライン

このページのオーナーなので以下のアクションを実行できます

タイトル、本文などの情報を
再取得することができます
コメントを非表示にできますコメント表示の設定

ブックマークしました

ここにツイート内容が記載されますhttps://b.hatena.ne.jp/URLはspanで囲んでください

Twitterで共有

ONにすると、次回以降このダイアログを飛ばしてTwitterに遷移します

1078usersがブックマークコメント41

    ガイドラインをご確認の上、良識あるコメントにご協力ください

    0/0
    入力したタグを追加

    現在プライベートモードです設定を変更する

    おすすめタグタグについて

      よく使うタグ

        スマートフォンサイトのHTMLコーディングメモ12個 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

        1078 usersliginc.co.jp

        ガイドラインをご確認の上、良識あるコメントにご協力ください

        0/0
        入力したタグを追加

        現在プライベートモードです設定を変更する

        おすすめタグタグについて

          よく使うタグ

            はてなブックマーク

            はてなブックマークで
            関心をシェアしよう

            みんなの興味と感想が集まることで
            新しい発見や、深堀りがもっと楽しく

            ユーザー登録

            アカウントをお持ちの方はログインページ

            記事へのコメント41

            • 注目コメント
            • 新着コメント
            yamato-nagata
            スマートフォンサイトのHTMLコーディングメモ12個 | 株式会社LIG@LIG_Jさんから

              その他
              kazuiro
              メモ

                その他
                z1a2nh
                スマートフォンサイトのHTMLコーディングメモ12個

                その他
                daidailog
                スマホコーディング

                  その他
                  minonet
                  スマートフォンサイトのHTMLコーディングメモ12個 (編集部注*2013年6月24日に公開された記事を再編集したものです。) こんにちは、デザイナーのサリーです。 LIGサイトのスマホ版をコーディングしたときの4ヶ月前のメモ

                    その他
                    battlegirlhighhigh
                    メモ1

                    その他
                    zenkbank
                    webデザイン・スマホ・スマホサイト・コーディング・HTML・技・テクニック/(2013年6月記)

                      その他
                      shinki0121
                      スマホ

                        その他
                        ml0021234
                        スマホ コーディング html css

                          その他
                          isao_supra
                          “display:table-cell”

                            その他
                            web-gyunyu
                            [display:table]

                              その他
                              lecre_kitagawa
                              [display:table]

                                その他
                                typista
                                スマートフォンサイトのhtmlコーディングメモ12個

                                  その他
                                  pwg246
                                  スマートフォンサイトのhtmlコーディングメモ12個 | 株式会社LIG

                                    その他
                                    synboo
                                    素晴らしいtips群

                                    その他
                                    hr07jp
                                    スマートフォンサイトのhtmlコーディングメモ12個

                                      その他
                                      securecat
                                      いまどきborder-boxで幅を把握するものなんだろうか?

                                        その他
                                        akichan88
                                        レスポンシブ作業。

                                        その他
                                        DiscoveryCoach
                                        【メモ】

                                          その他
                                          vlxst1224
                                          ありがたやー

                                            その他
                                            ku_marin
                                            スマフォはnth-childやらbox-sizingやら使えるからコーディングしてて楽しいことが多い

                                            その他
                                            kanariia
                                            box-sizing使う!

                                            その他
                                            rakuichi0813
                                            スマートフォンサイトのhtmlコーディングメモ12個。

                                            その他
                                            luccafort
                                            デザイナーさん的にこの記事はどうなんだろ?と思ってたら最後にPCでは使えないテクニックが多いよ!って書いてあってもやもやがスッキリした。

                                            その他
                                            vitaminsii
                                            参考になります。

                                            その他
                                            manaten
                                            box-sizingはborderはpx指定にしたいが全体で%したいときに便利そうだ

                                              その他
                                              dslender
                                              役に立つかも知れない。

                                              その他
                                              kohjiyasui
                                              メモ

                                                その他
                                                tim_tadashi
                                                おぼえとこ。

                                                その他
                                                sho_yamane
                                                メモ

                                                  その他

                                                  注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

                                                  リンクを埋め込む

                                                  以下のコードをコピーしてサイトに埋め込むことができます

                                                  プレビュー
                                                  アプリのスクリーンショット
                                                  いまの話題をアプリでチェック!
                                                  • バナー広告なし
                                                  • ミュート機能あり
                                                  • ダークモード搭載
                                                  アプリをダウンロード

                                                  関連記事

                                                    usersに達しました!

                                                    さんが1番目にブックマークした記事「スマートフォンサ...」が注目されています。

                                                    気持ちをシェアしよう

                                                    ツイートする

                                                    スマートフォンサイトのHTMLコーディングメモ12個 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

                                                    display:table-cell; を活用する リキッドレイアウトのコーディングにすごく便利。 親要素に display:ta...display:table-cell; を活用する リキッドレイアウトのコーディングにすごく便利。 親要素に display:table; 子要素に display:table-cell; 記事リストなど、画像とテキストを横並びにするときに。 均等に横並びにしたいときに。 タップ時のカラー設定CSSで以下のように設定。アルファ値も設定可能。 -webkit-tap-highlight-color: rgba(255,105,183,0.6); 画像、iframeに max-width を指定 img・iframeは、サイズが大きすぎて画面からはみ出すことがあるので max-width:100%; を指定する。 word-break:break-all; を指定 スマホは幅が狭いため、長いURLなどが1行に入りきりません。 word-break:break-all; を適宜指定する。 フォ

                                                    ブックマークしたユーザー

                                                    • shimesaba20202020/09/25shimesaba2020
                                                    • hanamizuki198212312018/11/13hanamizuki19821231
                                                    • kgcrz22017/01/23kgcrz2
                                                    • rie1412016/11/21rie141
                                                    • NoPinChan2016/10/26NoPinChan
                                                    • horikoshijiro2016/06/25horikoshijiro
                                                    • mmm21504122016/06/25mmm2150412
                                                    • tyosuke20112016/06/25tyosuke2011
                                                    • yasuhiro12122016/06/25yasuhiro1212
                                                    • yamato-nagata2016/06/15yamato-nagata
                                                    • teamatworks2016/06/09teamatworks
                                                    • webstrategist2016/02/12webstrategist
                                                    • w-colonello2016/01/13w-colonello
                                                    • naoyashiga2015/12/29naoyashiga
                                                    • lo3v02082015/12/21lo3v0208
                                                    • junjunder2015/12/02junjunder
                                                    • fs17haru2015/12/01fs17haru
                                                    • siminori2015/10/30siminori
                                                    すべてのユーザーの
                                                    詳細を表示します

                                                    ブックマークしたすべてのユーザー

                                                    同じサイトの新着

                                                    同じサイトの新着をもっと読む

                                                    いま人気の記事

                                                    いま人気の記事をもっと読む

                                                    いま人気の記事 - テクノロジー

                                                    いま人気の記事 - テクノロジーをもっと読む

                                                    新着記事 - テクノロジー

                                                    新着記事 - テクノロジーをもっと読む

                                                    同時期にブックマークされた記事

                                                    いま人気の記事 - 企業メディア

                                                    企業メディアをもっと読む

                                                    はてなブックマーク

                                                    公式Twitter

                                                    はてなのサービス

                                                    • App Storeからダウンロード
                                                    • Google Playで手に入れよう
                                                    Copyright © 2005-2025Hatena. All Rights Reserved.
                                                    設定を変更しましたx

                                                    [8]ページ先頭

                                                    ©2009-2025 Movatter.jp