調べる。 備忘録としてwebやデザインについて調べたり 新しく知ったことなどを書き残していくカテゴリです。
▼ ご意見やご指摘、追加希望用語などはこちらからお送りください (個別にお返事はできかねますのであらかじめご了承ください) 当サイト「IT用語辞典 e-Wordsイーワーズ」はIT(Information Technology:情報技術)用語のオンライン辞典です。コンピュータ・情報・通信などを中心とする各分野の用語について、キーワード検索や五十音索引から調べることができます。用語の意味や定義、概要や要約、略語や別表記、英語表記や綴り、フルスペル、読み方や発音、仕組みや役割、歴史や由来、語源、構造や構成、要素、特徴、機能や性能、諸元、規格や仕様、標準、原因や要因、手法や方法、方式、種類や分類、利点やメリット、欠点やデメリット、問題点、対義語や類義語との違い、用例や事例、具体例、画像や図表、関連用語、外部資料や別の辞典による解説へのリンクなどを掲載しています。 当サイトは株式会社インセプトが制
Unlike Light’s older phones, the Light III sports a larger OLED display and an NFC chip to make way for future payment tools, as well as a camera.
みなさんは、フルスクラッチでテトリスを作ることができますか? プログラマーといってもゲームを作る機会が少ないと、なかなかすぐには作れないと思います。 JavaScriptでなんとか作れそうな感じもしますが、すんなり実装はできない感じがします。 特にグラフィックやアニメーションをうまく使ったものを作るには、それなりの経験値が必要だと思います。 そこで、今回ご紹介するのが、教育目的で作られたHTML5製テトリスのプログラミング学習ムービーです。 HTML5 tetris - making of HTML5 tetris - making of 驚くべきことに、 たったの45分でテトリスが完成! それもフルスクラッチで、jQueryなどのライブラリーを一切使っていません。 Youtubeのムービーは早送りしていますが、動きを確認しながら実装しているのが分かります。 実際に、こちらでテトリスをプレ
HTML+CSS+JavaScriptでつくるサイトの定番演出「高級ペライチ」! HTMLファイ部の「HTML5の鬼」ことほんだです。 カヤック社内では「高級ペライチ」という愛称で呼んでいる縦や横に長い1ページサイト。 スクロールに合わせたパララックスやアニメーションの演出が印象的ですよね。 今回は「高級ペライチ」とググると1位に表示される、 僕のはてブ「高級ペライチ」タグから厳選32サイトを紹介します! まずは王道!縦に長い高級ペライチ
最近は、スマートフォン対応のサイトが結構増えてきて HTML5/CSS3などで作ろうとか、流行ってきています。 みなさんは、「jQueryMobile」って聞いたことありますか? jQueryMobileは、スマートフォンやタブレット向けのプラットフォームで 簡単にiPhoneアプリのような、インターフェイスがWebで実現できる技術です。 先日リリースをした、スマホ向け安否確認「Mobile Perfect SP」でも jQueryMobileのフレームワークを活用しています。 http://jquerymobile.com/ 簡単なHTMLを記述するだけで、タッチパネル向けの インターフェイスが作れます! jQueryMobileのサイトには、分かりやすいドキュメントも サンプル付きであるので、HTMLがかける知識があれば すぐに始めることが出来ます。 http://jquerymobi
HTMLのオブジェクトを表示したり隠したり使用可能にしたり使用不可にしたりする方法。 使用可否(disabled) [/2011-12-09] 表示有無(visibility・display) 使用可能・使用不可 例えばボタンを使用不可にすると、グレーアウトされてクリックできなくなる。 タグの属性のdisabledを付けるか否かにより、使用可能/不可(有効/無効)を制御できる。[/2011-12-09] (enabledじゃなくて、disabledね) <タグ disabled>~</タグ> …使用不可 <タグ>~</タグ> …使用可 disabled属性にどんな値を与えても、使用不可となる(使用可能には出来ない)。[2011-12-09] <タグ disabled="disabled">~</タグ> <タグ disabled="true">~</タグ> <タグ disabled="fal
iPhone・iPadのWebアプリケーション開発を相変わらず研究しています。 最近のiPhone・iPad Webアプリケーション開発と言えば「Sencha Touch」ですね。リリースされてから何だかんだ言い訳して、ガッツリ勉強することから逃げていますが、まぁそろそろ(本当に)ガッツリ研究していこうと思います。 と、冒頭でSencha Touchの話になりましたが、今回はjQueryのプラグインです。 jQueryのiPhone Webアプリケーション開発と言えば「jQTouch」ですが、Sencha Touchに比べると用意されているUIもイベントなんかも少ないんですよね。HTMLを書き書きするだけでサクサク作れちゃうところはいいのですが、もうちょっとSencha TouchみたいにいろんなUIを使いたいところです。 そこで、jQueryでもCarousel風のUIをサクサクッと作れ
Dropboxはファイル置き場以外にもウェブサイトの構築に利用できる。「DropPages」を導入すれば、自分のパソコンのDropboxをサーバー代わりにしすることで、サイトを公開できるようになる。身内で閲覧するためのサイトを手軽に作りたいとき使えるぞ。 Dropboxは単にファイルの共有やバックアップに使えるだけではない。サービスを組み合わせることでウェブサイトを作り出すことだってできてしまうのだ。複数あるサービスの中でも「DropPages」は簡単な操作で本格的なサイトを作れるのが特徴。通常、サイトを作るにはHTMLやCSSなどの知識やFTPによる転送が必要だが、DropPagesならDropboxに突っ込んだテーマファイルをメモ帳などのエディタで書き換えるだけだ。リンクを張ったりや画像を埋め込み表示するのは「Markdown」というシンプルな入力方法で行えるため、HTMLを勉強する必
美しい単一ページの無料テンプレート集。 CSS/HTMLの勉強にも使えそうですが、細かいところで単一ページらしいアイデアが使われているところも見所です。 色々と使い所満載のテンプレート集 単一ページだからと思って油断していましたがなかなかのクオリティでびっくり。 Free Single-Page HTML5 Portfolio Template Demo / Download スライドショーの部分も細かいですがよく出来てます。 Code a Backwards Compatible, One Page Portfolio with HTML5 and CSS3 Demo / Download Page 一般的な縦型のシングルページ。スムーズな移動も特徴的です。 Resume (HTML) Demo / Download Page Roundfolio: A Free Portfolio T
class名やid名って付ける時悩みませんか? 今でもボクは結構悩むんですが、そんな悩みを解決する為に、人さまのソース覗きまくってよくあるclass名とid名を拾ってきました。 これで、チョットだけ作業効率アップ!? 2010年6月10日追記: この記事自体、2007年 1月15日に書かれてるんでかなり古いです。 あくまでも参考程度に留めてもらうのが良いかと思います。 今だったら、html5の要素を参考にしたりして付けるのが、今後の事を考えると良いのかなーと思います。 また、善し悪しの判断はせずに公開しているものですが、位置に関するのは仕様変更に弱くなるのでオススメはしません。 全体に使えそうな感じ wrap wrapper top-wrapper wrapperAll frame mframe all-frame container page pagetop all allContent
AS3ゲーム修行 (6) hikaliのゲーム論 (24) pythonゲーム修行 (22) [エントリー一覧] (15) 【自作ゲームブック】 (10) MS解体新書 (3) エイゴ修行 (25) ゲームブック解析 (10) ゲームブック解析 -MG- (8) ゲームブック解析 -FG- (37) ゲームブック解析 -HG- (67) ゲームブック解析 -NG- (81) ゲームブック解析 -PG- (2) ゲームブック解析 - - (20) ゲームブック解析 一覧 (2) サッカー (57) ネタ放出エントリー (15) フルHD漫遊中 (16) ミニゲームブック更新 (5) 映画評 (53) 暇 (22) 開発日誌 (111) 関西周遊乗り鉄の旅 (4) 香港旅行 (21) 細密GB解析 (3) 雑感 (61) 雑記 (201) 自作小説 (110) 実験 (3) 書評 (14)
See related links to what you are looking for.
連載目次 近年のWebアプリケーションでは、画像ファイルやテキスト・ファイル、Officeファイルのアップロードやダウンロードのやり取りが行われることが多くなってきている(例えば、Twitter上での画像ファイル共有やGoogleドキュメントでのOfficeファイルのアップロードなどがそれだ)。 HTML5では、ファイル操作に関するAPIとして「File API」が定義されたことで、ローカルのファイルをブラウザ上で直接、取り扱うことが可能となった。これによって、Webとローカルの違いをアプリケーションで意識しなければならない局面も少なくなる。 現在、File APIは以下の3種類の仕様が策定されている。
ブラウザからのデータデータは、特別な形式でエンコードされて送信されることになっています。画面に表示されるフォームのコントロールで入力する以外にも、隠されたデータの情報を送ったり、フォームを使わずに送信するなど、いくつかの方法があります。 目次: 作者の設定したデータを送る データ送信とURLエンコード フォームから直接メール送信 エンコードのタイプとファイル送信 GETメソッドとPOSTメソッド GETを使って直接データを送る 作者の設定したデータを送る input要素などで用意する「コントロール」はユーザーがそれを操作してデータを入力するためのものです。しかし、場合によってはHTMLの制作者が指定したデータをプログラムに送信したい場合もあるでしょう。このようなデータはユーザーが操作する必要はなく、ユーザーの目に触れないほうが都合がよいものです。そのために、input要素のタイプの一つとし
HTML とは HTML とは、誤解を恐れずに言ってしまうとウェブページ(ホームページ)を作るために使われている言語です。 例えば、以下のようなものが HTML です。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="ja"> <head> <title>タイトル</title> </head> <body> <h1>見出し</h1> <p> 本文本文本文本文本文本文本文本文本文本文本文本文本文本文 本文本文<a href="hoge.html">ハイパーリンク</a>本文 本文本文本文本文本文本文本文本文本文本文本文本文本文本文 </p> </body> </html> サンプル イメージ湧きましたか? では、何故 HTML という
Posted: 2012.03.08 / Category: javascript / Tag: jQuery, アニメーション 最近はスクロールするときにいろいろ仕掛けをするのが流行なようです。 ここではシンプルにある要素の位置とか最下部までスクロールしたら何か表示するということをやってみます。 ちょっとスクロールするとフェードして「トップへ戻るボタン」を表示を表示します。 ボタンは下の方にこんな感じで配置します。 html <p id="page-top"><a href="#wrap">PAGE TOP</a></p> fixedにすると固定配置されます。 css #page-top { position: fixed; bottom: 20px; right: 20px; font-size: 77%; } #page-top a { background: #666; text-
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く