Mobile Templates for building mobile websites • StackroleJoin the NewsletterSubscribe to get latest updates on Jamstack, How-to guides and best Jamstack templates in your inbox SubscribeWe respect your privacy. you can Unsubscribe at any time.
レスポンシブWebデザインでテーブルを使う時の小技
tableやtr、tdなどのテーブル関連のタグのdsiplayプロパティを変更することでデザインを変更します。 tableタグのdisplayの値はデフォルトではtable、tdやthタグはtable-cellといった具合ですが、この値をblockやlist-itemなど他の値に変えます。 @media only screen and (max-width:420px){ tbody tr{ display: block; margin-bottom: 1.5em; } tbody th, tbody td{ display: list-item; border: none; } ..... } Chrome、Safari、Firefox対応。 IEではTableのdisplayを変更しても表示は変わらないようなので非対応です。 条件分岐コメントを使ってIEにはメディアクエリを読ませないよ
jQueryをつかって、中身はそのままでHTMLタグを書き換える | 9ineBB
HTMLタグを強制的に変更したいときに HTMLから操作がするのが難しいケースや、動的に変更させたいときに使える方法 jQueryを使ってHTMLのタグの中身はそのままで、タグのみを変更する 例えば <h1>テスト</h1> があった場合に次のようにしたい場合 <p>テスト</p> HTMLタグのみ変更したい html() を使った場合は HTMLを出力することができるが、指定したHTMLそのものまでは変更できない そこで使うのが replaceWith() こちらを使えば、指定した要素そのものを置き換えます replaceWith() の例 $('h1').replaceWith("<p>変更した</p>"); こうすることで、h1タグが pタグに置き換わり、中身も変更したものに変わります コレでは、HTMLタグの中身は保持できていないので text() を使って中身を取得しておき HT
文章を書くスキルを高めたいあなたへ：書く習慣が続く6つのコツ | ライフハッカー・ジャパン
習うより慣れろという格言もあるように、書けば書くほどうまくなるものです。収入を得るためにブログを書いていようと、書きたいから書いているだけであろうと、執筆習慣を向上させるコツをご紹介しましょう。定期的に書くことは心の健康を保つのに良いことです。しかし、常に締切を守るために残酷なまでに真っ白なページに向かうのは、拷問のようでもあります。「インスピレーションをあてにしているのは素人。プロはとにかく仕事場に現れて仕事を始めるもの」という言葉もありますが、毎日もっと楽に筆を執れるようになるにはどうしたらいいのでしょう。 1. 執筆する場所を確保する 地下鉄に乗っているときでも、列に並んでいるときでも、どこでも創造的になることはできますが、長い目で見てもっと創造性を着実なものにするには、規則正しく執筆するときに使う空間を設けるのが良いでしょう。そうすれば、そこに座るやいなや、精神的に書くモードに入る
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
How can I replace multiple tables into Divs?
Replace table with div, if table content matches a certain value