[B! HTML] toripikaのブックマーク

横並びのリストを中央寄せにする5つの方法 - CSSテクニック - acky.info

HTMLコード <ul class="float"> <li>1</li> <li>2</li> <li>3</li> </ul> <ul class="inline"> <li>1</li> <li>2</li> <li>3</li> </ul> <ul class="inline-block"> <li>1</li> <li>2</li> <li>3</li> </ul> <ul class="table-cell"> <li>1</li> <li>2</li> <li>3</li> </ul> <ul class="flex"> <li>1</li> <li>2</li> <li>3</li> </ul> CSSコード ul { list-style-type: none; padding-left: 0; } li { background: #CCC; width: 50px;

toripika 2016/10/18

リンク

HTML5でWebページを作成する時のベースになるシンプルなコードで書かれたテンプレート

HTML5でWebページを作成する時に役立つ、必要最小限のブランクのテンプレート、ナビゲーションを上部に固定配置、写真画像などの背景画像をブラウザいっぱいに表示させるシンプルなテンプレートを紹介します。画像: Girly Drop HTML5で作成する時の必要最小限のテンプレートナビゲーションを上部に固定配置背景画像をブラウザいっぱいに表示 ※以前、当ブログで紹介したものもバージョンアップされています。 HTML5で作成する時の必要最小限のテンプレートまずは、HTML5でWebページを作成する時にのシンプルなブランクのテンプレート。 A Generic HTML5 Template -GitHub ライセンスはCC0 1.0で、個人でも商用でもクライアントの案件でも無料で利用できます。利用する際に、許可やコピーライトの明記などは必要ありません。テンプレートはIE9や8以下への最低

toripika 2015/10/26

リンク

ElectronとHTML/CSS/JavaScriptでデスクトップアプリを作ろう【入門編】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作

お盆も終わり暑さも少し落ち着いてきたので、秋はもうすぐそこ。こんにちは、先生です。今回は、Electronを使ってデスクトップアプリを作る方法をご紹介します。そもそもElectronとは？ http://electron.atom.io/ Electronというものをご存知でしょうか。 ElectronはGitHub社が開発した、デスクトップアプリを作れるクロスプラットフォーム実行環境です。オープンソースのMITライセンスなので、商用利用も無料で可能となっています。 Node.jsとHTML5で作ることができるので、フロントエンドエンジニアは新しい言語を学習することなくWindows、Mac、Linuxのアプリケーションを作成できます。 Slack、Visual Studio Code、Avocodeなど今話題のアプリケーションで使われています。 Electronの準備 Electr

toripika 2015/09/25

Electronでデスクトップアプリを作る

リンク

日本語で学べるHTML5関連資料15個まとめ : 二十歳街道まっしぐら

HTML5について色々と調べてたときに見つけた資料いろいろです。せっかくなのでまとめておこうかなと思って記事にしました。「SlideShare」というプレゼン資料共有サイトがありまして、そこから見つけた資料です。 HTML5に関する資料で役立ちそうだなと思ったものを15個ピックアップしました。日本語で書かれているもののみ抜粋。 HTML5の勉強をしようと思う方や、HTML5に興味のある方は是非ご覧ください。以下に15個のHTML5関連スライドを貼っておきますね。

toripika 2013/02/04

リンク

HTML5のlocalStorageでiPhone用Webアプリを高速化

HTML5のlocalStorageでiPhone用Webアプリを高速化：iPhoneで動かす業務用Webアプリ開発入門（4）（2/2 ページ） function loadList() { var ul = document.getElementById('list'); // 【1】リストの内容を保持するJSON文字列から<li>を作成する関数オブジェクト var rebuild = function(json) { ul.innerHTML = ''; var list = JSON.parse(json); for (i = 0; i < list.length; i++) { li = document.createElement('li'); li.innerHTML = '<a href="#content" onclick="openContent('+ list[i].i

toripika 2012/09/21

HTML

リンク

【スマホ用ページ】低解像度、高解像度端末のどちらでもくっきり綺麗に表示しつつ、幅ぴったりにする HTML テンプレート。

こんにちは、ウェブ開発の林です。スマートフォン向けウェブページを作る際、横幅ぴったりにしたいと思いませんか。 meta viewport というタグを使えば表示サイズを調整することができます。ただそれを使ったとしても、Android / iPhone は端末により横幅が違うため個別に最適化するのは面倒です。スマホ端末ごとにコードを分けることなく常に幅ぴったりにする HTML テンプレートを作りました。こちらを参考に組んでみてはいかがでしょうか。 HTML テンプレートコード（ヒント付き）こちらの HTML コードを丸っとコピペして修正していくと楽だと思います。追記：ライセンスフリーです。自由に使ってください。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title></title> <!--