「A-Frame」でVR開発入門！HTMLの追記だけでスマホブラウザから好きな場所を360度パノラマ画像体験 - paiza times
どうも、まさとらん（@0310lan）です。 みなさんは、「VR(バーチャルリアリティ)」を体験されたことはあるでしょうか？ 「Oculus Rift」のような頭に装着するデバイスが人気ではあるものの、持っている人はまだ少ないと思いますので、今回はみなさんがお持ちの「スマホ」にあるブラウザで疑似体験してみようと思います。 もちろん没入感はありませんが、スマホ画面の奥に広がる「仮想的な空間」を実感することはできると思います！ ■「A-Frame」を使ってみよう！ ブラウザから、簡単にVR空間を楽しめるようにしてくれるフレームワークとして「A-Frame」があります。 【 A-Frame 】 「A-Frame」のユニークなところは、HTMLタグを追記するだけですぐにVR空間を構築できる点にあります。 例えば、公式ページで紹介されている以下の「サンプルデモ」のリンクを、スマホで開いてみてください
Create LaTeX tables online
How to use the LaTeX tables generator? Set the desired size of the table using Table / Set size menu option. Enter the table data into the table: copy (Ctrl+C) table data from a spreadsheet (e.g. Google Docs, LibreOffice Calc, webpage) and paste it into our editor -- click a cell and press Ctrl+V or double click any cell to start editing it's contents -- Tab and Arrow keys can be used to navigate
これは使える！レスポンシブ対応のさまざまなHTMLメールが簡単に作成できる無料のオンラインサービス -BeeFree
ビジネス用のニュース、プロダクトのリリース、プロモーションなど、さまざまなレイアウトのHTMLメールをドラッグ&ドロップで簡単に作成できるオンラインサービスを紹介します。 デスクトップ・スマホ両対応で、プレビューやメールアプリでのテストなど機能も非常に充実しています。日本語もOKでした！ BeeFree 使い方は簡単です。 上記ページの「Let's get started」をクリックし、HTMLメールを作ってみましょう。 ※HTMLメールの作成やファイルのダウンロード時に登録は必要ありません。作成したメールをサーバー上にキープする時だけ登録が必要です。 まずはテンプレートの選択をします。 2カテゴリ各4種類、画像やテキストが仮配置された「Rich Templates」。
紙面に近づけたい！HTML＋CSSで作る文字レイアウト12個 | PRESSMAN*Tech
印刷する紙のデザインと異なり、Webデザインは環境によって見た目が変わります。どの環境でも同じレイアウトで見せるには画像として書き出せば確実なのですが、テキストの部分はそうもいきません。 DTPデザイナーの方からも「こんな文字のレイアウトはWebだと無理？」といったご相談を受けることがよくあります。 今年に入って、HTML5＆CSS3に対応したブラウザのシェアもかなり増えてきましたので、今回は文字のレイアウトに関するHTMLとCSSをご紹介したいと思います。 目次：段組み縦組み（縦書き）行末揃え（両端揃え）先頭文字スタイル（ドロップキャップ）段落先頭1字下げ2行目から1字下げ（ぶら下げインデント）行頭禁則文字ふりがな（ルビ）圏点（傍点、脇点）大文字と小文字の変更スモールキャップス（スモールキャピタル）長体、平体（水平比率、垂直比率）※IE以外のブラウザは、2014年7月4日現在の最新版にて
Responsive Web Css
HTMLとCSSのファイルは「page.zip」として一つのファイルで、自動ダウンロードされます。 ファイルの中身は、下記のようになりました。 HTML HTMLのスケルトンです。 必要最小限のもののみの構成です。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title></title> <meta name="generator" content="Responsive Web Css (www.responsivewebcss.com)" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="Stylesheet" href="index.html.css" /> </head> <bod
エクセルシートをHTMLテーブルに変換しちゃう君 (ββ)
STEP1. エクセルとかからCSV (TSV)をコピーしてを貼り付け STEP2. オプションを選択して変換 細かい設定 列目までをTHEADとする。(0でTHEADなし) TBODYの行目までをTHとする。 TBODY THに深度を埋め込んだクラス名を追加する。(1〜) クラス名： " + n" ひとつめのTHに深度クラスを追加しない。(lv1を追加しない) n列ごとにTRにクラス名を追加する。(0〜) クラス名： 列数 ： クラス名に列数を追加する。(nrow0, nrow1,,)
エクセルのデータをhtmlに変換できる「HTMLテーブルに変換しちゃう君 (ββ)」が便利 | @attrip
エクセルのデータをhtmlに変換できる「HTMLテーブルに変換しちゃう君 (ββ)」が便利以前紹介した方法のこちらでも出来るんだけどエクセルのデータをhtmlに1秒で変換してくれるサイト TABLEIZER!が便利すぎる 何が違うのか説明すると。ちゃんとエクセルにデータが入っているものなら上記のサイトで良いのだが、例えば、2列でかつセルを結合しているデータをhtmlで変換したいときには、エクセルシートをHTMLテーブルに変換しちゃう君 (ββ) エクセルシートをHTMLテーブルに変換しちゃう君 (ββ)を使わないと崩れちゃうんだよね。急にテーブルぽいものを急ぎで作って！って言われた時に便利です。覚えておいて損ないですよ。両方のサイトで作成してみて、その後CSSを微調整すれば出来上がりだよ！ エクセルのデータをhtmlに変換できる「HTMLテーブルに変換しちゃう君 (ββ)」が便利 の
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Web制作者はブックマークしておくと便利！HTMLやCSSやOGPやTwitterカードなどのコードを生成できるオンラインサービス
Cheat Sheet