キーワード検索「html」
1042
Ajaxを使うためにはページ内リンク (hash fragment=URLの#以降) を使うのが一般的 hash fragmentはサーバに送信されないから、JavaScript非対応のブラウザだと動作しない 特にサーチエンジンのクローラ等で問題になる*1そこで Google は、#! が含まれる URL を hash を含まないものに読み替える仕組みを提唱している。例えば「www.example...
765
最近はスクロールするときにいろいろ仕掛けをするのが流行なようです。 ここではシンプルにある要素の位置とか最下部までスクロールしたら何か表示するということをやってみます。 ちょっとスクロールするとフェードして「トップへ戻るボタン」を表示を表示します。 ボタンは下の方にこんな感じで配置します。 html <p id="page-top"><a href="#wrap">PAGE TOP</a></p>...
750
サイト運営者なら覚えておきたい便利なサイト・ツール30選まとめ 2011年06月18日 00:52 役立ち/PC/Webテクニック Tweet Check Browser Compatibility http://browsershots.org/ 各ブラウザでのサイト表示を確認できます。 【HTMLタグの簡単検索】TAG index - ホームページ作成情報 http://www.taginde...
544
<ul id="menu"> <li><a href="#">html</a></li> <li><a href="#">CSS</a></li> <li><a href="#">JavaScript</a></li> <li><a href="#">PHP</a></li> <li><a href="#">Perl</a></li> </ul> HTMLは最後まで変更しません。 #menu { ...
476
こんにちは、鴨田です。 個人的に仕事の大半はスマートフォン関連なので、 最近のマークアップはほとんど全てHTML5+CSS3で行っています。 とはいえ、PC向けのサイトではまだまだHTML4.01、XHTML1.0、CSS2.1を使用している場合が多いと思います。 ですので、今回はHTML5+CSS3を導入するにあたって、役立つと思う7つの設定について、書きたいと思います。 １．HTML5の初期テ...
497
ウェブデザインのなかで、 jqueryをつかった、さりげない「動き」をウェブサイト上で導入するのが 最近はもう定番になりつつあります。 ふわっと、ポップアップみたいに浮き上がってくるウインドウ、 画像やテキストのスライドなど 最近良く見るjqueryでつくる「動き」で、おすすめのライブラリをまとめてみます。 要素をスライドさせるならJquery.cycle.plugin 画像や、テキストなど、 非...
421
今回紹介するのは、画像を一切使わずにhtml+CSSだけで「けいおん！」の秋山 澪を描いた技術デモ作品です。実際に作品を見てもらえば分かると思いますが、ものすごくクオリティが高くて普通に画像にしか見えないレベルです。久しぶりにCSSで絵を描く作品で驚かされたので、これはぜひ紹介せねばと思い記事を書きました。 「けいおん！」（K-ON!）は、軽音楽部で4人の高校生たちがガールズバンドを組み、音楽活動...
432
ドラッグ＆ドロップだけの簡単手順であなたのサイトをスマートフォン対応サイトに変換！shuttoの特徴 PCサイトを誰でもカンタンにスマートフォン対応できます。 shuttoは、htmlの知識が無くても、PCサイトからのドラッグ&ドロップで自由にレイアウトできます。 直感的なインターフェイスにより、ワープロソフトや、お絵描きソフトのように、スマートフォン対応サイトを作成することが可能です。 ドメイン...
447
HTML5でサイトを作成する時に必要なHTML5の雛形、jQuery, Modernizrなどのスクリプト、CSSのリセットなど一式を自分用にカスタマイズして作成できるオンラインサービスを紹介します。InitializrでHTML5のテンプレート一式を作成する方法HTML5用のテンプレート一式を作成するのは、わずか数秒で簡単にできます。トップページにアクセスし、4つの選択項目から自分の必要なものを...
414
グローバルナビゲーションはロゴの下に配置されていることが多いですが、スクロールするとナビゲーション部分だけが上部に固定されるようなものをjQueryでやってみたいと思います。 html & css htmlです。 html <h1><a href="#">タイトル</a></h1> <div class="nav"> <ul class="clearfix"> <li><a href="#">HO...
409
こんにちは。kamecoです。 androidアプリをhtmlベースで作ったりしています。 それができるのも、jQueryの力でjavascriptをちょっと書けるようになったから。 ということで、jQueryを覚えよう！ 電卓で入門とか色々考えたのですが、 私が覚えた方法で。。 myベストイモムシを作ろう！！！！ とりあえずあなたのイモムシも用意しよう。 ダウンロード とりあえず名前を付けると愛...
380
Webサイトをコーディングする時に、idとclassを考えるのが面倒臭くなったので、idとclassを使わないでコーディングしてみました。 シンプルなサイトなら簡単につまらないので、idとclassを使っても難しそうなデザインにしています。 今回もJavaScriptは一切、使用していません。 完成したサイト id, classなしで組んだサイトを見る。 サイトでやってみたHTML5 HTML5で...
332
CSSやJavaScriptを使って、IE6, IE7, IE8, IE9 とIEの異なるバージョンごとにスタイルシートを適用する方法のまとめを紹介します。 下記は各ポイントを意訳したものです。 CSS: 条件付きコメント(class) CSS: 条件付きコメント(外部スタイルシート) CSS: CSS Hack JavaScript JavaScript: jQuery おまけ CSS: 条件付...
302
メモ帳に貼り付けて、htmlで保存すればテトリスが動くぞ！ 2012年01月29日 09:10｜ コメントを読む( 2 )／書く｜ 人気記事｜ Tweet Check シェア 438 名前：名無しって呼んでいいか？[sage] 投稿日：2012/01/28(土) 19:28:32.48 ID:??? 106：以下、名無しにかわりましてVIPがお送りします：2012/01/24(火) 20:38:1...
315
Google Developer Day 2011に参加しました。参加したセッションのメモを書いときます。HTML5 のオフライン機能(Eiji Kitamura) @agektmr東京 - Google Developer Day 2011http://www.google.com/intl/ja/events/developerday/2011/tokyo/agenda/session_100...
338
はじめまして。新入りのnagataです。入社式で自転車乗ってた野郎です。先輩方から「ブログ、書いてね！」とのお達しがあったので、日報で書いたらウケがよさげだったcanvasのことについて書いてみようと思います。※各種サンプルはMac上のSafari4.05、Firefox3.6.3、Chrome5.0で動作を確認しています。canvasってなんぞ？図を書き込めるhtml要素です。OpenGLやDi...
299
昔書いた HTML5 に関するエントリー 『HTML5 でコーディングしてみよう!』 のサンプルを jsdo.it に移植したので改めて解説します. fullscreen 用に作ってあります. fork して色々イジって遊んでください. Step by Step で HTML5 や CSS3 を学びたい方は過去に書いた『HTML5 と CSS3 で Web 制作』をどうぞ. Demo Downlo...
295
一度に複数のプログラムのソースコードを見やすく色付けして、HTML・XHTML・RTF・TeX・LaTeX・SVG・BBCode・XML形式に変換でき、さまざまな設定も可能なソフトが「Highlight」です。インストールと操作方法は以下から。 Andre Simon - Startseite http://www.andre-simon.de/zip/download.html ◆インストール ...
326
CSSでページをデザインする際に、ブラウザ毎のレイアウトの違いって本当に嫌ですよね。 CSSハックで対応する方も多いかと思いますが、本日紹介する「cssuseragent」を使うとclassの作り方を少し工夫するだけでより柔軟に対応できるようになります。詳しくは以下 設定方法はJavaScriptを一つ読み込むだけになります。<script src="cssua.min.js" type="tex...
277
最後のビルド作業にだけXcodeが必要ですがHTML、CSS、JavaScriptの知識だけでOS Xネイティブアプリが作れるファイル一式です。特定のサイト専用ブラウザを作ったり、HTML5の機能を使えばオフラインでも使える完全に独立したアプリが作れそう。Zipを解凍してできたフォルダの中には「public」というフォルダがあり、そのフォルダにHTML、CSS、JavaScriptファイルを置いて...
veadardiary.blog29.fc2.com
