タグ テーブルレイアウト
人気順 10 users 50 users 100 users 500 users 1000 usersChrome 123で、divなどのブロック要素で垂直方向の中央にalign-contentプロパティで配置できるようになります
間もなくリリースされるChrome 123(リリース情報)で、ブロックやテーブルレイアウトでのalign-contentプロパティがサポートされます。 これにより、div要素内に簡単に垂直方向の中央に配置できるのは嬉しいニュースです。しかし、既存サイトでalign-contentプロパティをflexやgridコンテナ以外に使用している場合、Chr... 続きを読む
若い世代が知らない2000年代のHTMLコーディングの地獄 - ICS MEDIA
ウェブの黎明期である2000年頃と比べてはるかにHTMLはコーディングしやすくなりました。10〜20年前のHTMLコーディングはどのようなものだったのでしょうか。 この記事では主にIE6が全盛期だった2000年代のウェブサイト制作を振り返ります。昔からコーディングしている方は懐かさに浸ったり、そうでない方は現代のウェブの成り立ちに通じる温故知新な情報として参照ください。 テーブルレイアウト / s... 続きを読む
トレタのアプリ新機能開発の舞台裏 - トレタ開発者ブログ
2016 - 02 - 01 トレタのアプリ新機能開発の舞台裏 iOS Swift 開発部の @horimislime です。普段は @y_koh さんとiPadアプリ開発をさせてもらっています。 先日トレタはメジャーアップデートとなるver5.0.0で、飲食店従業員の方が店内のテーブル配置を作成し、空間的にテーブルを見ながら予約を取れる「テーブルレイアウト」機能をリリースしました。 この機能の詳... 続きを読む
トレタ新バージョン「5.0」とモノ作りの話 : TORETA(トレタ) ブログ
明けましておめでとうございます。本年もどうぞ宜しくお願い致します。 代表の中村です。 新年最初のご挨拶は、トレタのメジャーバージョンアップのお知らせです。 本日、2016年1月4日に、トレタは最新バージョン「5.0」を公開致しました。 今回の最大の進化は、「テーブルマップ(フロアマップとかフロアレイアウトとも言いますね)」の実装です。 ↓こういうふうに、お店のテーブルレイアウトを作って予約を管... 続きを読む
表組みをする際に参考にしたい HTML用JSツール10種「10 Useful JS Tools For better HTML Tables」 | DesignDevelop
数値や分析結果、データなどを見せるときなどに使用する表組みのテーブルレイアウト。結構頻繁に使っている方も多いと思います。そんな中今回紹介するのは、表組みをする際に参考にしたい HTML用JSツール10種「10 Useful JS Tools For better HTML Tables」です。 TableKit シンプルですが、それぞれの機能に個性を持ったツールが紹介されており、非常に便利に活用す... 続きを読む
全てのブラウザで表示崩れをなくす魔法のコーディング方法 – No.1026
全てと言いましたが、当方アンドロイドはあまり詳しくないので、そこで崩れたらゴメンナサイ。 HTML5を捨てる HTML5なんて使うのはやめましょう。HTML4.01 Transitional、xhtml1.0 Transitionalあたりでいいです。 CSSを捨てる cssなんてブラウザごとに違いが出るものを使うのをやめましょう。テーブルレイアウト最高です。 裏ワザ カンプをjpgで書き出し→後... 続きを読む
IE8から始めるテーブルレイアウト と IE10からのFlexible Box|Web Design KOJIKA17
テーブルレイアウトと聞くと<table>タグを使い、入れ子で<tr>, <td>タグのオンパレードを連想する人も多いと思いますが、今回の内容はCSSの display: table; を使用したテーブルレイアウトの話です。 display: table; はCSS2.0からある仕様です。 要素をCSSでテーブルのようにあしらうことができるため、多くの利点があります。 display: table;... 続きを読む
毎日考ブログ -Web屋のウェブログ- | Web標準に進路を取れ 第5回「テーブルレイアウトは罪なのか」
テーブルレイアウトとはテーブルタグを、左のようにセルを切ってレイアウトするもの。そもそもはテーブルタグは表に使われるものであって、レイアウト目的で使うべきではないという意見はごもっともなものの、きっちり幅指定や余白指定ができてブラウザ依存しにくいことから、企業サイトはもとよりいろいろなサイトに使われておりました。いや、今でも立派に使われています。 対してCSSレイアウトは、上と同じレイアウトをHT... 続きを読む
mixiをXHTML CSSで組みなおす
授業内で、既存サイトをXHTML+CSSで組み直す練習をするのですが、生徒が提出したのが「mixi」を書き直したもので、とてもよく出来てました。 mixiはテーブルレイアウトで組まれていて、基本は3カラムだけど、もとがテーブルなだけあって、ヘッダーのメニューが少し複雑だったり、セクションごとのビジュアル的なデザインや、細かい文字の余白のとり方が難しい。 現在のCSSは「どんな見栄えも出来てしまう」... 続きを読む
CSSによる段組(マルチカラム)レイアウト講座
このサイトについて テーブルを使わず、CSS で段組レイアウトを実現する方法を、CSS2 の仕様を根拠に、ブラウザのバグ対策を交えながら解説します。 CSS で段組レイアウトをするには float か position を使うのが一般的です。 テーブルレイアウトとは異なり、HTML はそのままで、CSS を変更するだけで左右のカラム(段)を入れ替えられます。 基礎編では float の仕様とブラウ... 続きを読む
CSSによる段組(マルチカラム)レイアウト講座
このサイトについて テーブルを使わず、CSS で段組レイアウトを実現する方法を、CSS2 の仕様を根拠に、ブラウザのバグ対策を交えながら解説します。 CSS で段組レイアウトをするには float か position を使うのが一般的です。 テーブルレイアウトとは異なり、HTML はそのままで、CSS を変更するだけで左右のカラム(段)を入れ替えられます。 基礎編では float の仕様とブラウ... 続きを読む