『インクルーシブ HTML + CSS & JavaScript』をレビューしました - 水底の血
アクセシビリティなピンク本と緑本*1でお馴染みの、太田さん（@bakera）と伊原さん（@magi1125）のコンビによる新たなウェブ技術関連の訳書がまもなく世に送り出される運びになりますが、そのお手伝いをほんのちょっぴりしました、というお話です。要するに書籍の宣伝と言う類いのものです。 さて、訳書と言うことは当然原著が存在するわけですが、原著者は緑本と同じ、ヘイドン・ピカリング（@heydonworks）さんです。緑本の"あの"独特な感性は本書でも健在であります。ちなみに、原著のレビュワーとして、W3C HTML 5.1のエディターでもあるスティーブ・フォルクナー（@stevefaulkner）さんの名前が見えます。図らずも書籍で同じページに名前が載ることになりました。うふふ。 日本語版レビュワーは私を含めて4人いたりするのですが、私以外にはWebsite Usability Infoの
データベースのテーブル定義書をhtml形式で自動生成する
2016-07-30 Tags: java データベースのテーブル定義書ってどうやって作っていますか？ 暖かみのある手作りのexcel そして実際のCREATE TABLE文を保存しているファイルとの乖離が忍び寄り... ERWinやSI Object Browserのような商用製品を使う そこそこお金かかる & GUI前提なのでは? & あとそれgitとかでバージョン管理できんの? CSE, pgAdmin, A5:SQL Mk-2 のような新旧さまざまなフリーソフトを使う UNIX系OSで実行できて、かつ、GUIじゃなくCLIでないと、Jenkins等のCIサーバ上での自動実行が難しいですよね 軟弱者め。CREATE文やALTER文のSQLさえ死守しておけば、あとは例えばmysqlの show tables, show create table foobar みたいなコマンドをその都度
Fast and fluent Java HTML5 builder - Java HTML builder
Getting started with j2htmlImport TagCreator to get started. j2html's syntax is fluent and closely matched to HTML: import static j2html.TagCreator.*; public class Main { public static void main(String[] args) { body( h1("Hello, World!"), img().withSrc("/img/hello.png") ).render(); } } The Java code above becomes the HTML below: <body> <h1>Hello, World!</h1> <img src="/img/hello.png"> </body> Chec
プログラム組んだら負け！実はHTML/CSSだけでできること2015夏
2. 2015 Yusuke Hirao, CC BY-ND. 自己紹介 平尾優典（ひらお ゆうてん） === 株式会社ディーゼロ Webエンジニア ## コミュニティ活動 - 福岡フロントエンド友の会 Fukuoka Frontend Frogs - 福岡マークアップ勉強会 - baserCMSユーザー会 Yusuke Hirao @cloud10designs 3. 2015 Yusuke Hirao, CC BY-ND. 自己紹介 ## コミュニティ紹介 ### 福岡フロントエンド友の会 Fukuoka Frontend Frogs ### 福岡マークアップ勉強会 ### baserCMSユーザー会 「井の中の蛙」にはならないようにと集まった フロントエンドエンジニアのためのコミュニティ。 Webコーディング・アプリ開発の悩める蛙たちが その場で話題を決めて、アンカンファレンス形式で
Terminal - Renders shell output as HTML
A command line tool and Go library for converting arbitrary shell output (with ANSI) into beautifully rendered HTML. �[90m$�[0m curl -o /tmp/file.txt https://example.com/file.txt % Total % Received % Xferd Average Speed Time Time Time Current Dload Upload Total Spent Left Speed 0 0 0 0 0 0 0 0 --:--:-- --:--:-- --:--:-- 0 0 0 0 0 0 0 0 0 --:--:-- 0:00:01 --:--:-- 0 0 0 0 0 0 0 0 0 --:--:-- 0:00:01
“マークアップ”するということ ～ HTML5勧告に寄せて ～
HTMLを適切な要素を使って書いていくことは実はそれほど難しくはない。しかし過剰に要素を使わずに、かつスタイリングすることも意識して、と適切に“マークアップ”するのはなかなかの修練を必要とする。いったい“マークアップ”するということはどういうことなのだろうか、そしてどのような思考の元に行えば良いのだろうか。 HTML5での変化 著作権表示のマークアップ small要素 footer要素とsmall要素 p要素とdiv要素 footer要素とp要素 スタイリングとの兼ね合い マークアップするということ HTML5での変化 コンテンツに則した素直な形でマークアップできること。 HTML5で変わることや変わったことは多くあるが、それらをおおまかに俯瞰するとこのような言葉に集約できる。そのために様々な要素や属性が追加され、既存の実装をなるべく壊さない形で要素の意味に変更が加えられた。これらの変化は
Java テンプレートエンジンの比較
Java テンプレートエンジンの比較2013年5月08日これまでにいくつかの Java 用のテンプレートエンジンを見てきました。今回はそれらを比較します。 対象 JSP (非 JSF) Velocity FreeMarker Handlebars.java Scalate (SSP) 評価軸 評価軸として優先度の高いものから順に以下を考えます。 デフォルト HTML エスケープ レイアウト機能 HTML 以外での利用 デフォルト HTML エスケープ デフォルトで HTML エスケープされない場合、<c:out> や ${escape(...)} など明示的に書くことになりますが、書き忘れてしまう危険性があるのと、なにより書き忘れていないことの確認が大変難しいのが問題です。 デフォルトで HTML エスケープされる場合は、逆にエスケープしない箇所を ${unescape(...)} などと
HTMLでWeb APIをつくる - Qiita
シングルページアプリケーションやモバイルアプリなどの普及により、サーバサイドではJSONを出力するWeb APIの必要性が高くなってきています。みなさんはどのようにWeb APIを作っているでしょうか。 JSONはビュー RailsでJSON APIを定義する時、素のままでやろうとすると コントーラでto_jsonを呼んだり、モデルにas_jsonを定義したりすることになるかと思います。 モデルに書くとAPIによって出力内容を変えたい場合にとても苦労します。 API数が増えれば増えるほどモデルが複雑になっていきます。 APIレスポンスとしてのJSONはコントローラやモデルに書くべきでしょうか？ ビューに書いた方が自然ではないでしょうか？ これはRailsでの話ですが、Railsに限らず、フレームワークを使ってWeb APIを作るときに一般的にあてはまることだと思います。 変化に強い、再利用
ちょっとしたHTMLはGitHub Gistに置いてbl.ocks.orgで表示するのがお手軽です - Qiita
はじめに JavaScriptを含んだHTMLを表示するのにGitHubでレポジトリを作ってGitHub Pagesを作るという手もありますが、ちょっとしたHTMLだと、わざわざレポジトリ作るのも面倒です。 FirefoxのBugzillaを見ていたら、984796 – SVG path getTotalLength returns large incorrect numberでたまたま見つけた bl.ocks.org - aboutが便利だったので紹介します。 使い方 index.html というファイル名でGistを作成します。 あとは、GistのURLの https://gist.github.com を http://bl.ocks.org に置き換えてアクセスすれば表示されます。 bl.ocks.org - aboutに上げられている https://gist.github.co
maxlengthを使ってはいけない。特にパスワード入力欄で使っちゃ駄目！ - Qiita
今日自分が体験したトラブル事例に、ユーザビリティ向上のための気づきがあったのでメモしておきます。 ※本文よりまず、このコメント、こっちに言いたいことが集約されてるのでまずはこっちを読むと早いです。 ※本文よりまず、このコメント、こっちに言いたいことが集約されてるのでまずはこっちを読むと早いです。 ※本文よりまず、このコメント、こっちに言いたいことが集約されてるのでまずはこっちを読むと早いです。 事例：登録時のパスワードでログイン出来ない！？ 今日、とあるWEBサイトでユーザ登録を行った際に、登録時に入力したパスワードでログイン出来ないというトラブルがありました。 普通は自分の入力ミスを疑うところですが、登録もログインもコピペで入力しているので入力ミスはありえ無いと思っていました。 お問い合わせフォームからバグ報告 というわけでこれはバグだろうと、お問い合せフォームから以下のような内容の報告
[リスト]Static Site Generator - Qiita
追記:2014/08/09 以下２つ見ればこのメモはいらないかも(´・ω・｀) Static Site Generators Top Open-Source Static Site Generators - StaticGen 静的にHTMLを書き出すもののリストを作ってみよう。 スター数付き版 Ruby Jekyll Octopress Middleman/日本語 Nodejs Wikismith Wintersmith Punch roots Assemble Harp DocPad haiku Hexo Metalsmith Headstart Python Hyde PHP Sculpin Spress Phest Wordpress StaticPress Go Hugo Perl 教えて下さい！
![[リスト]Static Site Generator - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/8aa10ede4dbd33157be691769f056be016935bec/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTVCJUUzJTgzJUFBJUUzJTgyJUI5JUUzJTgzJTg4JTVEU3RhdGljJTIwU2l0ZSUyMEdlbmVyYXRvciZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnM9OWM4YjJkYmI1Y2ZkNmU2Y2YxOWUzOTJmYzliMTY0MmI%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBzbml6ZSZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9NDM5ZmM4ZmY2YzI3MmQxOWMzOWYyYmI3NDg4MzJkYjc%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3D6e7839387c5fdc801eda659954d9e5e3)
<html>,<body>は要らない？Googleが推奨するHTMLファイルの記法 - Qiita
つまりhtml, head, bodyなどの使い慣れたお決まりのタグは今更書くまでもないということ。 参考: どのようなタグが省略可能か http://www.whatwg.org/specs/web-apps/current-work/multipage/syntax.html#syntax-tag-omission P.S. STORYS.JP、 coincheck などのサービスを運営、開発しています。興味のある方はぜひ 和田まで連絡を！ Register as a new user and use Qiita more conveniently You get articles that match your needsYou can efficiently read back useful informationYou can use dark themeWhat you can
いい加減、<script src="http://.. と書くのはやめましょう - DQNEO起業日記
外部サイトのJSファイルを読み込むときに、こういう書き方するのはやめましょう。 <script src="http://example.com/js/jquery.js"></script> 理由 あなたのサイトが、いつの日かSSLに対応することになったとき、そのscriptタグがバグの原因になります。 ご覧のとおり、HTTPSページの中でHTTP要素を読み込もうとすると、ブラウザによっては安全装置が働いて読み込んでくれないのです。 上の例ではjQueryの読み込みに失敗していますが、エラーメッセージ「Uncaught ReferenceError: jQuery is not defined 」を見てもHTTPS/HTTPのプロトコルが原因だとはすぐ気づかないので、わかりにくいバグになってしまいます。 結論 JSファイル(とかCSSとか画像とか)を読み込むときは、"http:"の部分を省
ベビー服を送ろう！
�お祝いにベビー服を！ お祝に喜ばれる物はなんでしょうか？ 赤ちゃんの出産祝いには何が喜ばれるのでしょうか？ 出産祝いには何を送ればいいのか。 その中でも最近、関心が高いのは気になる出産祝い。 というのも、出産祝いには何を贈っていいか困りますよね。 色んな出産祝いがあるかとは思います。 その中でもベビー服なんかはとても気になります。 ベビー服には色んな種類がありますが、個人的に気になるのは 動物の形をした着ぐるみ。 あの着ぐるみを着てチョコチョコ動いているだけでとても可愛いく感じるのですよね！ ヌイグルミみたいな風合いと可愛らしい着ぐるみが思わず、後ろから抱きしめたくなります。 出産祝いは色んな物がありすぎて困りますが、やはり定番の商品は強いのではないかと感じます。 ベビー服、候補の中に入れてみてはいかがでしょうか？ ベビー服には男性、女性用と色んな商品がありますが、色を中性的な色にしたら
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - ericchiang/pup: Parsing HTML at the command line
GitHub - hail2u/html-best-practices: For writing maintainable and scalable HTML documents
ロールオーバーのいろいろなやり方
Google Code Archive - Long-term storage for Google Code Project Hosting.
Harp, the static web server with built-in preprocessing
Should I use `border: none` or `border: 0`?