フロントエンドチェックリスト（日本語訳） - Qiita
GitHubで公開されているフロントエンドチェックリストというドキュメントが、網羅されている内容が幅広く便利そうだったので、日本語に翻訳しました。 日本語版は、以下のGitHubリポジトリにあります。GitHub側と自動的に連携するようにしておりますので、誤訳や誤りなどがあれば GitHub のプルリクエストまたは Issue で報告していただけると幸いです。 https://github.com/miya0001/Front-End-Checklist 日本語版への貢献方法 最終更新日時: 2017-11-19 03:50:47+09:00 (未翻訳) Front-End Checklist The Front-End Checklist is an exhaustive list of all elements you need to have / to test before lau
[emacs] html-modeを久々に使ってみる - goinger的日記
２，３度つかった事のあるhtml-modeだけど、再び使ってみることにした。また使うこともあるかもしれないので、とりあえず機能をメモッておく なお、html-modeで作ってみたhtmlは以下のようになっております。 vim7.1 のソースコードを読んでみる 面白みも何もありませんが、まあとりあえず作って見ました。 M-x + html-mode でhtml-mode C-c + C-t htmlで雛形の挿入 C-c Tabでタブを隠す C-c + C-v でデフォルトブラウザで現在編集中のhtmlをみる C-c + 1 で<h1>タグの挿入（1~6まである） C-c + Enterで<p>タグの挿入 C-c + C-c + hでリンクの挿入 C-c + C-c + nでアンカーの挿入 C-c + C-c + oで番号つき箇条書きを作成する C-c + C-c + uで番号なしの箇条書きを
![[emacs] html-modeを久々に使ってみる - goinger的日記](https://cdn-ak-scissors.b.st-hatena.com/image/square/11926ec65bdb8b6244fd69d18d06f002058adcc1/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fg%2Fgoinger%2F20070622%2F20070622163200.jpg)
コンセプトは「マネして学ぶ」！自宅で知識を習得できるプログラミング学習サイト | Techable(テッカブル)
1億総デジタルともいえる現代。アプリ開発者やプログラマーの需要も、増加の一途をたどる。 目まぐるしく変化する市場に対応するには、当然人材が必要だが、採用しても教育する時間がなかなか確保できないなど、企業側も複雑な事情を抱えていたりする。 問題解決に一歩近づくには、入社したその日から即戦力で仕事ができるシステムが、必要なのかもしれない。 そこで登場したのが、「シラバス」という学習サイト。「マネして学べる」をコンセプトに開発されたプログラミングeラーニングシステムで、HTML/CSS、WordPress、Ruby on Rails、Backbone.js等のwebデザインやwebアプリの開発を、サイト上のコンテンツを通して学べるというものだ。 開発元の経験から生まれたサイト 開発を手がけたのは、東京理科大学の学生によるベンチャー企業、ダラフ。「シラバス」は、彼ら自身の体験から誕生した。 当時、
画像を拡大全画面表示するのに、まだLightBoxとか言ってんの？ - それマグで！
フルスクリーン・モード使えよ。楽だぞ 昨今のブラウザにはフルスクリーンモードが搭載されていて、それを使うと、コピペレベルで画像を拡大表示が出来る 画像をフルスクリーンにお手軽に作るHTMLの例 <div id='img01' onclick="this.webkitRequestFullScreen();" > <img src='http://cdn-ak.f.st-hatena.com/images/fotolife/t/takuya_1st/20141129/20141129034938.jpg' /> </div> <button onclick="img01.webkitRequestFullScreen();">フルスクリーンで表示</button> #img01:-webkit-full-screen { width: 80%; background-color: rgba(
blog.鶯梭庵/links/たぶん、ほとんどの人は viewport meta タグの指定をまちがえてる
二〇一三年 長月 廿五日 水曜日 ■ たぶん、ほとんどの人は viewport meta タグの指定をまちがえてる [/links] この記事は書かれてから1年以上経過しています。内容が古くなっている可能性があります。コメントの受付は終了しました。 この記事は古くなっています。改訂版があります。 ウェブサイトをスマートフォンに対応させるために <meta name="viewport" content="..."> と指定することは、多くの人が知っていると思う。しかし、content の中身を何にするべきか本当に理解している人は、日本ではごく少ないようだ（かくいう私もつい最近まで理解していなかったのだから、大きなことは言えない）。 試しに「meta viewport」を Google で検索すると、以下のページが上位に出てくる。 Quick Tip: Don't Forget the Vi
PythonでWeb開発入門 みんなのPython Webアプリ編 HTML版(無料) | TRIVIAL TECHNOLOGIES 4 @ats のイクメン日記
ブロックチェーンの入門書を書きました。暗号やハッシュなどを含め，基礎からブロックチェーンの仕組みを学べる書籍です。いろんな方に「新しい技術を学ぶことの楽しさ」を感じ取ってくれたら著者として嬉しいです:-)。お金は技術的にどのように定義されるのか。 一部読者から高い評価をいただき，絶版となりながら中古市場でプレミア価格がついていた拙著「みんなのPython Webアプリ編」のHTML版をお送りします。Pythonを使って，Webアプリを開発するための方法を，基本的な事柄から積み重ね式に解説した書籍をHTMLにしたのが本コンテンツです。 編集部のご厚意で作ってもらった配布用PDFをベースに作っています(PDF作成だけでなく，出版契約の解除など必要な手続きを快く受けて頂いた担当様にはとても感謝しております)。構成などは著書をベースにしていますが，HTML化する過程で少し手直ししてあります。特にP
コーディングガイド by @mdo
HTMLシンタックス インデントには半角スペース2個分のソフトタブを使用すること。これが全ての環境で全く同じように見せる唯一の方法。 ネストされた要素はかならず1段階だけインデント(半角スペース2個)すること。 いつもダブルクォートを使うこと。属性値に対してシングルクォートを使わないこと。 閉じタグの無い要素に対して、末尾のスラッシュは省く事。HTML5仕様に省略して良いと書いてある。 省略できる閉じタグを省略しないこと。(例えば</li>とか</body>)。 <!DOCTYPE html> <html> <head> <title>Page title</title> </head> <body> <img src="images/company-logo.png" alt="Company"> <h1 class="hello-world">Hello, world!</h1> </
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
マネして学べる、プログラミング学習サイト「シラバス」