[B! html] horimislimeのブックマーク

http://www.taufanaditya.com/bootstrap-markdown/

horimislime 2013/10/13

リンク

HTMLにおけるimg要素のalt属性

HTML Standardの4.8.1.1 Requirements for providing text to act as an alternative for imagesをざっと把握できるように日本語で箇条書きにしただけのものです。最終的には原文をしっかりと読むべきでしょう。基本必ず定義されるべきであるその値は空であってはならないその画像に代わりになる最適な文字列であるページ上の全ての画像をそのalt属性の値で置き換えてもページの意味合いが変わってはならない画像のキャプションや題名、銘とみなされるような補助的な説明を意味するものであってはならない前後で解説されている情報の繰り返しであってはならない画像以外に何も含まれていないリンクやボタンで使われる場合リンクやボタンの目的を明確に伝える文字列を指定するわかりやすく説明するために文章ではなく画像のチャートやグラフを

horimislime 2013/06/20

html

リンク

90年代ホームページの作り方

あの頃はホームページを作っているだけで楽しかった。誰も見ていなくてもプログラミングっぽいことをやっているのが嬉しかった。そんな純粋な気持ちを取り戻すために今回は90年代のホームページの作り方をおさらいしておこうと思います。ゆっくりしていってね！ ▲まず、ウィンドウズに入っている「メモ帳」を開いてこう書きましょう。そして「index.html」という名前で保存して下さい。 ▲次にこう書きましょう。こう書くことでホームページの画像が盗まれなくなります。次は背景画像を準備しましょう。 ▲今回はこちらの画像を使います。画像の名前は「haikei.gif」など分かりやすいものにしましょう。そして「gazou」という名前のフォルダを作ってそこに入れましょう。 ▲そして、こう書きましょう。 ▲index.htmlのファイルを「インターネット」にドラッグアンドドロップしてみるとこうなります！ ▲次にこ

horimislime 2013/04/07

net
html

リンク

TechCrunch | Startup and Technology News

Parallel Domain is putting the ability to generate synthetic datasets into the hands of its customers. The San Francisco-based startup has launched a new API called Data Lab that stands on the shoulde Multiple subreddits are adopting alternative methods of protesting like publishing only one kind of post, changing the topic in focus, and days when the community turns private. A lot of these commun

horimislime 2013/04/04

html

リンク

Happy Elements Labs: websocket + HTML5(canvas)でのゲーム開発(ボンバーマン風)

はじめにエンジニアの@ryooo321です。よろしくお願いします。 Happy Elements株式会社では勉強会が活発に行われており、その中の1つに「1.5時間で○○を作る」エンジニア向けワークショップがあります。(毎週開催@京都) ※ ○○は毎週かわり、設計/実装方法などは自由です。今回はワークショップ2回(計3時間)で作成したボンバーマン風ゲームの紹介を通して、他人とリアルタイムで遊べるゲームの可能性を感じていただければと思います。 ※ 技術的にはwebsocket、canvasを利用 ※ ライブラリ/ツールとしてNode.js、CreateJS、socket.io、coffeescriptを利用 ※ 急いで作ったのでほとんどリファクタリングされていませんmm また、おまけとしてサーバーサイドでのcanvas描画とwebsocketでのバイナリメッセージについて試してみ

horimislime 2012/08/26

リンク

jQueryを使用してtableへ行の追加削除を行う

HTMLをjavascriptから動的に操作する場合、jQueryを使用すると便利です。本記事では、HTMLの中でも特にtableタグに対して、行の追加･削除を行うためのサンプルを説明します。単純な追加･削除に加えて、アニメーション処理をつけた場合のサンプルも有ります。また、本記事の最後に、各処理の動作を確認できるボタンを用意しています。 <script type="text/javascript" src="http://ajax.google apis.com/ajax/libs/jquery/1.7.1/jquery.min.js"> </script> <script> getRowData = function() { var sysDate = new Date(); return '<tr><td>メッセージです</td><td>' + sysDate + '</td><

horimislime 2012/08/23

リンク

えらーだらけ。ひとつのformに複数のaction(遷移先)を指定

◆やりたいこと◆ ひとつのformに複数のaction(遷移先)を指定。 ◆サンプルソース◆ function movePage(path){ document.frm.action = path + ".do"; document.frm.submit(); } <html:form action="" styleId="frm"> <html:button property="A" onclick="movePage('AAction')"> <html:button property="B" onclick="movePage('BAction')"> <html:button property="C" onclick="movePage('CAction')"> </html:form> struts-config.xml内のAction部分は下記のようになります。 <action

horimislime 2012/08/23

リンク

HTML Slidy

HTML Slidy: Slide Shows in HTML and XHTML Dave Raggett, <dsr@w3.org> Hit the space bar or swipe left for next slide Slide Shows in HTML and XHTML You can now create accessible slide shows with ease Works across browsers and is operated like PowerPoint Advance to next slide with mouse click, space bar or swipe left Move forward/backward between slides with Cursor Left, Cursor Right, Pg Up and Pg Dn