タグ

ブックマーク / qiita.com/zaru (2)

  • スマホでtableタグを見やすくするCSS - Qiita

    レスポンシブデザインでページを作っていると、表組みの <table> タグがスマホの小さい画面だと、ちょっと見にくかったりします。じゃあ <table> やめるかーと思っても意味合い的に表だから <table> 使いたいよというわけでCSSでどうにかしてみました。 PCだと、こういう見た目です。HTMLCSSはこちら。まぁ、なんてことないただの表です。 <table> <thead> <tr> <th>商品名</th> <th>価格</th> <th>個数</th> <th>小計</th> </tr> </thead> <tbody> <tr> <td>ねこねこニャンニャン丸 限定プレミアムわんこエディション</td> <td>980円</td> <td>2個</td> <td>1,960円</td> </tr> <tr> <td>あたまおっぱいおへそ飛んでチーングッズ</td> <td

    スマホでtableタグを見やすくするCSS - Qiita
    rikuo
    rikuo 2016/12/15
  • Webプログラマから見たiOS9 Safari9のCSS/JavaScriptなどの新機能解説 - Qiita

    iOS9がリリースされ、iPhone6sも発売され、iOS9 Safari9で使える新機能をWebプログラマ目線で使ってみたいものをいくつか試してみました。iOSはアップデートの進捗がわりと良いので、新機能でもモバイルサイトであれば積極的に使える…はず。デスクトップ版の方は…お察しください。 ぶっちゃけ今回はそこまで目玉機能はなく、地味です。地味ですが、SafariでWebアプリを作れるようになりそうな気配がどことなくするようなしないような感じの内容です。残念ながらServiceWorkerには対応していないので、それに対応してくれたらもっとアレなんですが。 iOS Safari9の新機能(OSX版含む) CSS系 backdropフィルタ対応 新し目のiOSやOSXとかのメニューバーが半透過されるあれが作れます。要は背景要素に対してフィルタがかけられるプロパティです。綺麗で良いですね。

    Webプログラマから見たiOS9 Safari9のCSS/JavaScriptなどの新機能解説 - Qiita
    rikuo
    rikuo 2015/09/26
  • 1