Intro DBML (Database Markup Language) is an open-source DSL language designed to define and document database schemas and structures. It is designed to be simple, consistent and highly-readable. It also comes with command-line tool and open-source module to help you convert between DBML and SQL. Table users { id integer username varchar role varchar created_at timestamp } Table posts { id integer
This is a cheatsheet for AsciiDoc - “Text based document generation” script. The cheatsheet available for different AsciiDoc versions (because of some markup syntax changes) and using different css styles. Here is list with all available cheatsheets for different AsciiDoc version and using different css styles (GitHub included).
microformats は W3C や HTML5 とは異なる団体 microformats によって定義されるメタデータのフォーマットです(microformats" は、フォーマットそのものや団体のことを指します。)。 class や rel 属性によってメタデータをマークアップする点が特徴です。 microformats は特定の rel 属性や class を利用してメタデータを示します。 したがって、メタデータのための多くの記述を回避できるという利点があります。 例えば、著者情報を示すための hcard と呼ばれるメタデータが定義されていますが、これは次のコードのように記述されます。 <a href="authorinfo-url" class="fn url">Author</a> もしも何かしらの装飾が必要であれば、そのまま class 名を活用すれば良いですから、ページの
HTML チュートリアル HTML の基本 HTML 入門 HTML 入門の概要 HTML を始めよう ヘッド部には何が入る? HTML のメタデータ HTML テキストの基礎 ハイパーリンクの作成 高度なテキスト整形 文書とウェブサイトの構造 HTML のデバッグ 評価課題: 手紙のマークアップ 評価課題: コンテンツのページの構造化 マルチメディアとその埋め込み マルチメディアとその埋め込みの概要 HTML の画像 動画と音声のコンテンツ object から iframe まで — その他の埋め込み技術 ウェブへのベクターグラフィックの追加 レスポンシブ画像 評価課題: Mozilla のスプラッシュページ HTML の表 HTML の表の概要 HTML の表の基本 HTML 表の高度な機能とアクセシビリティ 評価課題: 太陽系の惑星データの構造化 リファレンス HTML 要素 <a>
「Markup Maniax – マークアップ部が語り合うHTML5仕様のいま・これから」HTML5 Conference2013 馬場 美由紀（HTML5 Experts.jp編集部） 2013年11月30日に開催された「HTML5 Conference2013」において行われた数々のセッション。その中で今回は、マークアップに関する活動を展開している「マークアップ部」メンバー3名によるセッション「Markup Maniax – マークアップ部が語り合うHTML5仕様のいま・これから」の一部に関してレポートする。 HTML5といえばAPIや周辺技術の話題を目にすることが多くなった一方、Webサイトで重要なのはやはりマークアップ。HTML5がLast Callになってからも仕様に随時変更が加わっている。また、独自の要素を定義できる仕組みも登場している。今回のセッションでは「マークアップの今後
Web制作においてHTMLのマークアップには絶対の正解というものがありません。ページを制作しているとき、特にセマンティクスを意識したとき「このマークアップで正しいのだろうか」と悩むことがあると思います。 そんなマークアップについて考えるイベント「MarkupCafe」がhtml5jマークアップ部の主催のもと開催されました。「MarkupCafe」では参加者同士がチームに分かれ、お題となるデザインに対して議論し、自分たちならこうマークアップするといった考えを発表し合いました。 本記事では「MarkupCafe」で出された”フッター”、”パンくずリスト”、”求人情報”の3つのお題をもとに、Web制作におけるマークアップの捉え方、誤った使い方をしがちな要素などについて考え、マークアップの最適解を探ります。 ※html5jは、HTML5などのWebプラットフォーム技術を使った「ものづくり」に関わる
今までの流れで一応形になって落ち着きましたー。 madeverというAppleScriptで書いたスクリプトを使って、Evernoteクライアント上でMarkdown記法が使えるようになります。文章を書くときはmarkdown、ちゃんとした形として保存するならリッチテキスト。そういった使い方で利用できるようイメージしました。(もちろんリッチテキストでも編集可能) インストールや詳しい使い方については下記のURLでどうぞ。 https://github.com/sandai/madever Evernoteの使い道 ネットだとEvernoteはよくあるライフハック的な使い方やEvernoteにライフログを残すといった情報ばかりです。というか、私はそういったイメージが強くて使っていなかったのですが、 読書メモ 技術的な知識のまとめ アイデアメモ 領収書 pdf書籍の保管 などで利用すると便利で
This wiki is the central resource of the microformats community and provides microformats authoring guides, references, specifications, drafts, publishing patterns, research, brainstorming, and issue tracking. Get Started Get started with microformats: Make sure your pages and web apps use proper ‘POSH’ HTML. Mark-up your contact info with h-card, link to other profiles with rel-me Mark-up your bl
マイクロフォーマットはHTML（またはXHTML）ウェブページにおける、意味を表現するための小さなマークアップである。マイクロフォーマットには用途ごとに様々なものがある。 現在のHTML標準には記述の意味を埋め込むための構文が備わっている。マイクロフォーマットでは class rel rev などのHTML属性が多用される。 通常のHTMLページにマイクロフォーマットを埋め込むことで、ウェブクローラなどのプログラムがイベント情報やレビューなどをウェブページ上から見つけ出すことができる。 そもそも、ウェブのマークアップ言語であるHTMLは文書を表現するために開発された。しかし、ウェブが発展してくると、様々な種類の情報を共有するニーズが現れ、HTMLの意味マークアップ能力では力不足だと考えられるようになった。HTMLは情報を文書単位に構造化するので、例えば医療機関の電話番号を知りたいと思っても
Markdown Extra is an extension to PHP Markdown implementing some features currently not available with the plain Markdown syntax. Markdown Extra is available as a separate parser class in PHP Markdown Lib. This document explains the changes and additions to the Markdown syntax implemented by Markdown Extra. You should already be familiar with original Markdown syntax documentation before reading t
こんにちは、ウェブ開発の林です。 スマートフォン向けウェブページを作る際、横幅ぴったりにしたいと思いませんか。 meta viewport というタグを使えば表示サイズを調整することができます。 ただそれを使ったとしても、Android / iPhone は端末により横幅が違うため個別に最適化するのは面倒です。 スマホ端末ごとにコードを分けることなく常に幅ぴったりにする HTML テンプレートを作りました。 こちらを参考に組んでみてはいかがでしょうか。 HTML テンプレートコード（ヒント付き） こちらの HTML コードを丸っとコピペして修正していくと楽だと思います。 追記： ライセンスフリーです。自由に使ってください。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title></title> <!--
reStructuredText Markup Specification日本語訳 公開日: 2008/11/24 更新日: 2020/07/12 reStructuredTextは文書の構造を記述するための、シンプルかつ直感的な構成のプレーンテキストである。これらの構成は、加工前、加工後のいずれの形態でも等しく容易に読むことができる。この文書はそれ自身がreStructuredTextの一例である(あなたがテキストファイルを直接読んでいるならばそれはパーサによって処理されてないものである。また、例えばHTML文書を読んでいるならばそれは処理された後のものである)。reStructuredTextのパーサは、Docutilsの構成要素である。 特別な構成、例えばセクション見出し、ブレットリスト、強調表現を示すためにシンプルかつ暗黙のマークアップが使用される。使用されるマークアップは、最小か
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
本マークアップ記法の完全な詳細は reStructuredText のページに示されています。このテキストは、覚書としての性格の文書です。 "(詳細)" というリンクを辿ると reStructuredText 仕様書を参照できます。 ただし、相対リンクとなっていますので、リンク切れの場合は、 原版の "Quick reStructuredText" から参照してください。 目次 インライン マークアップ バックスラッシュによるエスケープ 章立ての構造 段落 記号つきリスト 番号つきリスト 定義リスト フィールドリスト オプションリスト 整形済みブロック ラインブロック 引用 Doctestブロック 表 区切り線 明示的マークアップ 脚注 出典 リンクターゲット 外部ターゲット 内部ターゲット 間接ターゲット 暗黙ターゲット ディレクティブ 代入参照とその定義 コメント 助けを得たい場合は
IE6などのクロスブラウザに強くなる、22のHTML+CSSコーディングの基礎 2011-06-04 Twitterなどを見てると、 「IE6がー！」とか 「IE6,7,8,9、Firefox、webkit系、Operaで同じレイアウトにするの大変」などのツイートをたまに見るので、クロスブラウザでも差が出にくく、効率の良くなるコーディングの基礎を紹介します。 気をつけるHTMLの記述方法 HTMLの記述方法を間違えていると、ブラウザCSSの解釈が変わってきます。 以下のようなことは基本的なことですが大切な事です。 DOCTYPEを書く。 HTMLの先頭にDOCTYPEを入れるようにして下さい。 DOCTYPEがないと、ブラウザ間での誤差が起こりやすい状態になります。 DOCTYPE スイッチについてのまとめと一覧表 (HTML 5 や IE 8 Beta 2 のモードスイッチなどの情報も含
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
