レスポンシブ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にはメディアクエリを読ませないよ
CSSで出来るレスポンシブ対応を考えた table レイアウト | ウェブ戦略・コンサルティング UNIONNET Inc.
2014.08.18 ▼2021年最新版 【コピペOK】制作会社が実際に使っている、レスポンシブ対応のtableレイアウト スマホ対応・レスポンシブが当たり前になってきてるこの時代、コーダーさんにとって table がなかなかやっかいものになってきてますね… 会社概要くらいならまだ良いんですが、情報量が多い table はそのままでは 320px で閲覧した際、なかなか悲惨な事に… 対応方法としては『responsive-table.js』を代表に、様々なやり方がありますが、今回はCSSで出来る事を紹介したいと思います。 目次 2セルの場合の使用した例 横に長い場合 overflow-x と inline-block を使用した例 リスト風にした場合 list-item を使用した例 最後に 2セルの場合の使用した例 2セルでよく作られてる、会社概要やフォームなどで使えるかと思います。 『
ウェブリブログ：サービスは終了しました。
「ウェブリブログ」は 2023年1月31日 をもちましてサービス提供を終了いたしました。 2004年3月のサービス開始より19年近くもの間、沢山の皆さまにご愛用いただきましたことを心よりお礼申し上げます。今後とも、BIGLOBEをご愛顧賜りますよう、よろしくお願い申し上げます。 ※引っ越し先ブログへのリダイレクトサービスは2024年1月31日で終了いたしました。 BIGLOBEのサービス一覧
Page not found
We are sorry, the page you requested cannot be found.
イベントを盛り上げる。勉強会・議論の場を効果的にする7つのポイント | ハイクラス転職ならdoda X（デューダエックス）
doda X（旧：iX転職）は、パーソルキャリアが運営するハイクラス転職サービス。今すぐ転職しない方にも登録いただいています。 今の自分の市場価値を確かめてみましょう。 フェイスブックやツイッターなどを使って、興味・関心が近いひとと知り合うのが簡単になった昨今、そうした面々がリアルの場で集い、勉強会やワイワイと議論するイベントなどを開催する場面が増えています。 一方で「どういう風にイベントを運営したら盛り上がるか？」「参加者同士で自由闊達に盛り上がることができるには、どんな手順でイベントを進行したらいいか？」という点は、多くの主催者・開催側の面々が頭を悩ませる課題となっているのではないでしょうか。 そこで本記事では、過去1年に渡って、延べ10回の50人規模イベントを開催してきた本メディア運営チームが蓄積してきた効果的な勉強会、議論の場をつくるノウハウを7つのポイントとしてご紹介します。 “
とにかく速くて論旨も首尾一貫する文章の書き方
「文は人なり」などと言うが、正しくないばかりか実用的でもない。 人が文章にできることは、考えていることのごく一部でしかない。 まして人となりなどは、言葉にするには豊かすぎるし深すぎる。 １．自己表現なら他でやれ 書きたいことなど書くな。感想も書くな。オリジナリティなどくそくらえ。 ただ書かなければならないことだけを書け。 書いている間だけは、そういう「機械」になれ。 これだけで書く速度も、読みやすさも３割増しになる。 もともと人は、書き付けた言葉を前にして「こんなの私じゃない」という違和感を繰り返し受け入れることなしには、一言だって書くことはできない。 あなたが書いた文章は、あなたではない。 いいかげん目を覚ませ。 このことが理解できない限り、誰のアドバイスも添削も、あなたは受け入れることができないだろう。 そういう人は、つまるところ、他人に見せる文章を書く資格が無い。 ２．仮面をかぶれ
Ten vital tips to looking smarter in meetings
Our free, fast, and fun briefing on the global economy, delivered every weekday morning.
iPhoneからWindowsをリモート操作する
iPhoneやiPadからWidowsをリモート操作するマイクロソフト純正のMicrosoft Remote Desktopの使い方を紹介します。iPadをWindowsタブレットのように使えます。 HOME About this site Mail 最終更新日 2014-07-03 12:37 iPhoneからWindowsパソコンをリモート操作できる「Microsoft Remote Desktop - Microsoft Corporation」というアプリが、マイクロソフトから公開されました。今までiPhoneやiPadからリモート操作するアプリは色々あったのですが、このMicrosoft Remote Desktop - Microsoft Corporationは、マイクロソフトが開発・公開しているアプリなので、Windows側には特になにもインストールしなくても使えます。 た
HTML ページから PDF ファイルの特定の場所へのリンクを作成する方法（Acrobat 7.0）
この情報は、米国アドビシステムズ社が提供している情報をもとにローカライズし、作成したものです。 日本語環境での動作保証はしておりませんのでご了承ください。 内容 （What's Covered） この文書は、HTML ページから PDF ファイルの特定の場所へのリンクを作成する方法について説明します。 HTMLページには、Internet Explorer や Netscape、または Safari のブラウザウィンドウ内で Adobe Acrobat 製品を使用して表示可能な PDF ファイルへのリンクを作成することができます。あるいは、Acrobat 製品をヘルパーアプリケーションとして、ブラウザから独立した Acrobat のウィンドウ内で PDF ファイルを表示することもできます。通常、PDF ファイルへのリンクを設定した場合は、PDF ファイルの最初のページが開かれますが、リンク
Google Driveドキュメントの激しく使える裏ワザ＆アドオンまとめ | ライフハッカー・ジャパン
少々クセがあるので慣れるまでは難儀しますが、慣れてしまうともはやOfficeを起動すること自体がなくなってしまうほど便利なGoogle Drive。 今回は中でも、意外と知られていない、でも知っているとちょっと便利な小さな裏ワザや便利すぎるアドオンをまとめてみました。 チャットでやりとりしながらオンライン議事録「Messenger アドオン」 画像を見てもらえば分かる通り、アドオンを有効にするだけで同時にそのドキュメントを見ている人限定のチャットルームを画面内に作成でき、編集の履歴まで残せるという素敵アドオン「Messenger」。実装方法もカンタンで、ドキュメントを開いて「アドオン」メニューをクリックして「Messenger」を選択して、連携させるだけです。 実際に集まれないけど、何かを決めないといけない場合、この「画面内でチャットできて、その履歴が残る」というのが何より素晴らしい。決定
キャッシュを消してもChromeの起動が遅い時は - studioDoghands
それでもChromeの起動が遅い！(キャッシュクリアしてもアプリ削除しても) 前回、大元のキャッシュをクリアして、一旦起動の重さが直ったGoogleChromeですが、すぐに元に戻ってしまいました。 Macを再起動後、Chromeのアイコンをクリックして起動するまで1分以上！お客様といるときなど、どうやって間を保てと？！（笑） 起動直後にアクティビティモニタを見ると、既にクロームが待機状態。 そして、「応答しません」を何回か繰り返している状態でした。 そこで、要らないファイルを削除したり、起動項目を選べるMAGICAN（Winで言う窓の手に少し近いかも）にて、Chromeを起動項目から除外。 すると、起動速度が戻りました！ 対処療法的なので、根本の原因は分かりませんが、とりあえず間が持たない件は一安心です。 と言うか、これが原因だったのなら、アプリをかなり削除したのが悔やまれる・・・（再イ
Google Tasks（ToDo リスト）をMacとiPhoneで連携させる | kotaログ
Googleカレンダーに組み込まれた『ToDoリスト』は地味に便利なToDo管理。これをMacとiPhoneでさくっと利用。 Macで使う使用するアプリケーション『Fluid』というアプリケーションを使用します。 FluidはGoogleなどのWebアプリケーションを、デスクトップで利用できるようにするアプリケーションです。 ダウンロードFluid – Free Site Specific Browser for Mac OS X Leopard 使い方Fluidを起動し、URLに https://mail.google.com/tasks/iphone ※iPhoneライクな見た目 もしくは https://mail.google.com/tasks/ig ※iGoogleな見た目。ショートカットが利用可能 Nameに Google Tasks と打ちます。（Nameは任意の文字） そう
【減量】筋量を維持しながら体脂肪を減らす食事制限 【筋トレ】〇〇を無駄にしない肉体改造Blog【ダイエット】
といった具合に、減らす食事の量はごく僅かで毎日ではなく段階的に減らしていきます。 一口分減らすというのもあくまで目安です。 極端な話、ご飯一粒だけでも構いません（数えるのが大変ですが・・・）。 ようは確実に食事の量を減らしつつ満足感を得ることが大切なんです。 そして必ず一週間に一食はお腹いっぱいになるまで食べます。 体重が戻ってしまうとか考えないで下さい。 ストレス解消になるのは勿論、減らしていった食事で確実に胃は小さくなりますから 週を追うごとにお腹いっぱいに食べる食事の量も減っていきます。 また減量中にお腹いっぱい食べるという行為は結構な嫌悪感を感じるもので 徐々にお腹いっぱいに食べたいという欲求はなくなります。 お腹いっぱいに食べる＝満足感という図式を壊すことができれば 減量後のドカ食いを防ぎリバウンドしにくくなるのです。 期間を決めないのは食事のローテーションを崩さないためです。
ELAN即席入門（トップ） - 細馬宏通
<body> フレームの使えない方は<a href ="elan_abc.html">こちら</a>をどうぞ。 </body>
iPhone版IFTTTは本当に最強か：『写真』『連絡先』などiOSアプリを使った自動化レシピを作ってみた | ライフハッカー・ジャパン
ヘッドライトの黄ばみがサッとキレイに! メッキ・ホイール・シートにも使えるマルチ過ぎなお手軽クリーナー「ウルトライト」
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
Workflowy
脂肪を減らす食生活 【筋トレ】〇〇を無駄にしない肉体改造Blog【ダイエット】
バックエクステンション（背筋）のやり方や効果を分かりやすく解説 【筋トレ】〇〇を無駄にしない肉体改造Blog【ダイエット】
Gmailを最強のツールに変える「IFTTTレシピ」8選 : ライフハッカー［日本版］