STEP1. エクセルとかからCSV (TSV)をコピーしてを貼り付け STEP2. オプションを選択して変換 細かい設定 列目までをTHEADとする。(0でTHEADなし) TBODYの行目までをTHとする。 TBODY THに深度を埋め込んだクラス名を追加する。(1〜) クラス名: " + n" ひとつめのTHに深度クラスを追加しない。(lv1を追加しない) n列ごとにTRにクラス名を追加する。(0〜) クラス名: 列数 : クラス名に列数を追加する。(nrow0, nrow1,,)
画像はhttp://www.nobelprize.org/nobel_prizes/physics/laureates/2015/ より 「ニュートリノ振動」 って何なのよ! ニュートリノが振動するって何? 振動と質量に何の関係が?? どうやってそんなことがわかるの? それがあったら何か役に立つの? と謎は尽きぬのですが... まずニュートリノの歴史 ニュートリノの存在が最初に示唆されたのは1899年のラザフォードの実験。彼は「β崩壊」と呼ばれる現象を観測していた。 1913年、このβ崩壊を詳しく調べたチャドウィックは、出てくる電子のエネルギーが「連続スペクトル」であることに気づく。 しかし、これはおかしい!?「なぜ?」は▼を見よ。 なぜ終状態が「電子+陽子」だとおかしい? のような終状態を考えると、始状態は静止した中性子だから、$m_e v = m_n V$という「運動量保存則」が成立す
1. Subtle Patternsオススメ https://www.toptal.com/designers/subtlepatterns/ 一番よく利用してます。商用利用可の、シンプルで使いやすいシームレスの画像がたくさんあります。 2. Background Labs http://backgroundlabs.com/ 色・タグから検索できます。花柄やイラストがはいった、カラフルで派手なパターンの画像やイラストが多いです。 3. pattern cooler https://www.patterncooler.com/ 選んだデザインの柄の大きさや色をカスタマイズできます。派手派手なデザインがほとんどなので使いどころは難しかもしれません。 4. TextureKing https://www.textureking.com/ テクスチャ画像をお探しのときはこちら。木目・コンクリート
こんにちは、王です。デザイナーやってます。 今回は「Flexboxを基本から理解して、使い方をマスターしよう!」ということで、初耳の方でもざっとFlexboxで何ができるか分かるように短い動画を用意しました。 動画の中で使ってたデモをアップしたので、確認してみたい方は以下のリンクをどうぞ! デモ 昨今では、当然ながらデジタルデバイスサイズの多様化でレスポンシブデザインとやらが流行っています。 同じサイトをさまざまなスクリーンサイズに応じたデザインをしなければならない上に、コーディングにも手間がかかります。制作側からしたら何かと厄介ですよね。 「なるべく手間をかけずに作りたい!」という世界中のデザイナーの声に応えて、「Twitter Bootstrap」をはじめとした数多くのフレームワークが徐々に脚光を浴びはじめて久しくなります。 ただ、これらはあくまで古い技術の組み合わせで、革新的な技術で
What I Know ~ワッタイナ ほぼ鳥取県出身、東京在住のエンジニアがお送りする日々の出来事や役に立つ情報(=What I know)を紹介するブログ。わったいな(鳥取県の方言ですごいという意味)といってもらえるような記事を更新予定。※本ページはプロモーションが含まれています 2017/02/07 追記 Chrome 56 において、フォントがMS Pゴシックからメイリオに変更されて困っている方は、こちらの記事をご覧ください。 Chrome 56 でデフォルトのフォントがMS Pゴシックからメイリオに変更 2015/12/02 追記 Chrome 47 において、フォントがメイリオから MS Pゴシックに変更されて困っている方は、こちらの記事をご覧ください。 Chrome 47でフォントがメイリオからMS Pゴシックに変更&元に戻す方法 2015/04/29 追記 Opera 29
1)組版を見る目を鍛えよう (2011.9.10) 2)文字サイズの単位はポイントか級か (2011.10.10) 3)原則と応用(2011.11.10) 4)基本版面の設定と文字の配置(2011.12.10) 5)縦組に挿入する欧字の向き(2011.12.27) 6)欧文用文字の字幅(2012.1.10) 7)小書きの仮名(2012.2.10) 8)JIS X 4051(日本語文書の組版方法)(2012.3.10) 9)二分ダーシ(2012.4.10) 10)中点(2012.5.10) 11)パーレン、ブラケット(括弧類1)(2012.6.10) 12)ダブルミニュート、ダブル引用符(括弧類2)(2012.7.10) 13)クォーテーションマーク(括弧類3)(2012.8.10) 14)ルビの配置法と自動処理 (ルビ1)(2012.9.10) 15)モノルビ・グループルビ・熟語ルビ(ルビ
HTML5のうちページにおいて一般的なタグ36個の説明が書いてある読み札とタグの書いてある絵札からなるカルタが「HTML5KARUTA」です。ウェブサイト上で遊べるだけでなく、ダウンロードしたPDFファイルを使って実際にカルタを作りプレイすることも可能で、遊びながらHTML5の学習ができるようになっています。 HTML5KARUTA http://roadstohtml5.com/html5karuta/ カルタは以下のような感じで、HTML5のタグ108個のうちページにおいて一般的なタグ36個が扱われています。 「表組み内の行の見出しのタグ」、「ページ自体のメタ情報をまとめるタグ」、「ページ自体の題名のタグ」が並んでいます。 「ページ自体のメタ情報をまとめるタグ」の札の上にカーソルを乗せると、答えである「head」が現れました。 なお、カルタはページの下部からPDFファイルをダウンロード
サンプルソース <html> <head> <title>テーブルの行とセルをCSSだけでハイライト</title> <style type="text/css"> <!--/*cssだけで作るストライプテーブル*/ table.tbl0 tr th { /* 見出し thタグ */ color: white; /* 文字色 */ background-color: blue; /* 背景色 */ } table.tbl0 tr:hover { /* trタグ 行にマウスが乗った時*/ color: #19197c; /* 文字色 */ background-color: #e5ecff; /* 背景色 */ } table.tbl0 tr td:hover { /* tdタグ セルにマウスが乗った時*/ color: #19197c; /* 文字色 */ background-color
Copyright © 2012-2013 Hazaki Assorted Designs Rocks Inc. All Rights Reserved. サイトマップ
2017年1月6日 Webサイト制作, 便利ツール コーディング規約やスタイルガイドは、HTMLやCSSのマークアップや、各種プログラミング言語の書き方をまとめたものです。コーディングスタンダードやコーディングガイドラインとも呼ばれますね。コーディング規約を決めていなかったり、あいまいにしたまま進めていくと、書式が統一されていないため、コードを追加すればするほどゴチャゴチャしたコードになりがちです。チームでコーディングしていくならなおさら。今回チーム用のコーディング規約を見直すことになったので、その時感じた抑えておくべきポイントをまとめてみます。 ↑私が10年以上利用している会計ソフト! コーディング規約に含むべき項目 ディレクトリー階層 ファイルを保存するフォルダーの階層や、そのフォルダーの名前を決めておきます。画像を格納しているフォルダーを例にあげても、「image」「images」「
Tyto Style(ティトスタイル)について Tyto Style(ティトスタイル)は、京都・大阪を中心に活動するSEOディレクター兼マークアップエンジニア、三嶋正人の個人事業サイトです。 これまで約15年間にわたり、さまざまなウェブサイトの制作や改善、運用上のアドバイス等を行いSEOに強いサイトを作るための試行錯誤を重ねてきました。 現在はこれまでに得た経験を活かし、フリーランスとしてウェブサイト制作やSEOを中心としたサイト運用のサポート・アドバイスなどを行っています。 現在運用されていたり、企画中のウェブサイトが、本当にあなたの目標に適うものになっているのか、検索エンジンに最適化されたものなのか、少しでも疑問をお持ちであれば、立ち止まって現状を見直してみることはとても重要です。 その一環として、ぜひ一度お悩みをご相談ください。 現状を分析した上で、最適な改善方法をご提案いたします。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く