HTML+CSSに関するtsuka0629のブックマーク (19)

  • xml.vc

    This domain may be for sale!

  • HTML5に対応したYouTube動画の新しい埋め込み方法

    HTML5に対応したYouTube動画の新しい埋め込み方法 YouTubeでは従来の<embed>タグによる動画の埋め込み方法の他に、<iframe>での埋め込みが利用できることを発表しました。 さて、一般のPC以外からの動画再生はFlashが対応していないため視聴できない、という問題がありましたが、昨今HTML5の登場によってプラグイン無しで再生することができる環境になってきました。 そこで、今回の新しい埋め込み方法では、ユーザーの環境に合わせてFlashプラグインが対応していれば従来の方式で、そうでなければHTML5方式で自動的に埋め込み内容を切り替えてくれるようになっています。 埋め込みコードは以下のような感じで、従来よりもむしろスッキリしてます。 <iframe class="youtube-player" type="text/html" width="640" height="

  • CSSリセット手法

    3streamer.net 2023 著作権. 不許複製 プライバシーポリシー

  • Canvas を使ってみんなもお手軽に弾幕作ろうぜ!! - 其の壱 - - 凹みTips

    はじめに 勉強がてら Canvas を使ってなにか作りたいなーと思いまして、昔作っていた STG のドット素材を利用して、簡単なマルチタッチ対応 STG を作ってみました。 だんまくてすと 触った指の数だけゆっくりが出てきます。マウスでもプレイ出来ます。死んだらクリックで復活します。 作成の過程で学んだことなどを共有できればと思い、簡単にまとめてみました。 解説は何回かに分けて行おうと思います。今回は、N-Way 弾が画像で出せるところまで書いてみました。 あ、ちなみにタイトルではこんなこと言ってますが、ぶっちゃけ重いので弾とかエフェクトを1000個とか結構辛いです(´・ω:;.:...。 勉強に使った場所 Canvas - HTML5.JP 今更聞けないcanvasの基礎の基礎 | tech.kayac.com - KAYAC engineers' blog canvasでキラキラした背

    Canvas を使ってみんなもお手軽に弾幕作ろうぜ!! - 其の壱 - - 凹みTips
  • jQuery入門道場

    Kindle版の購入(¥450円) 書のメニュー 「jQuery入門道場」と「よく分かる jQuery Deferred」の2冊をAmazon Kindle電子書籍として販売しております。サイトでは「jQuery入門道場」の5章までの内容をカット無しでWEB版で公開しております。 始めに jQueryとは? セレクター 属性、CSS操作 HTML、テキスト、フォーム値の取得&設定 横断(Traversing) jQueryオブジェクト操作 イベント処理 AJAX エフェクト・アニメーション プロパティ .data() ユーティリィ(関数) プラグイン その他 その他、目次など詳しくは、jQuery入門道場紹介ページをご覧ください。 電子書籍の形式と購入先 Amazon Kindle版では、PDFのような固定レイアウトではなく、リフロー型になります。リフロー型とは、見る端末により表示さ

  • はじめに : 初心者向けLINGO講座 : Chin10

  • パズルネット智慧

    パズルネット 智慧(ソフィア)にお越しくださり、ありがとうございます。 当サイトは、パズルとWebの融合を促進する研究所です。 パズルの話題のみならず、Web製作に関する情報・プログラム関係の情報を掲載していきます。 ソフィア「Σοφια」とはギリシャ語で「知恵」を表します。 知恵は頭の中にある知識を活用する能力です。 今まで積んできたWebの知識を使ってパズルを製作したり、解説したりしていきます。 当サイトはリンクフリーです。 どのページにでもリンクしてくださって構いません。 ただし、TOP(このページ)以外は移動・削除される可能性があります。

  • piyo-js.com - このウェブサイトは販売用です! - 初心者 入門 リファレンス リソースおよび情報

    This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.

  • UXの効果が数字でわかる!5つのUX KPI : DeNA Creator(クリエイター) Blog

    プログラミング教育や社員の健康をサポートする「CHO室」の取り組みなど、DeNAのCSRに関する情報を発信するブログ

    UXの効果が数字でわかる!5つのUX KPI : DeNA Creator(クリエイター) Blog
  • イヌでもわかるJavaScript講座

    いきなり、JavaScript を使って、使用中のブラウザ名を表示してみましょう。 JavaScript も タグ同様、ブラウザやOSによって使える命令があったり、使えない命令があったり、結果が違ったりするケースがあります。 これからJavaScriptサンプルとして次のように記載していきます。JavaScript講座のサンプルはそのままの形ですぐ使えるようになっています。 【実行結果】 ← JavaScript のサンプルを実際に動かしてみます。 【リスト】 ← JavaScript のサンプルリストです。 <script language="JavaScript"> <!-- document.write(navigator.appName); // --> </script> 【使い方】 ← JavaScript のサンプルを自分用に変えるための説明です。 【

  • a 要素 - テキストレベルの意味づけ - HTML要素 - HTML5 タグリファレンス - HTML5.JP

    4.5.1 a 要素 カテゴリー: フロー・コンテント フレージング・コンテント インタラクティブ・コンテント パルパブル・コンテント この要素を使うことができるコンテキスト: フレージング・コンテントが期待される場所 コンテントモデル: トランスペアレント。ただし、子孫にインタラクティブ・コンテントを入れてはいけません。 コンテント属性: グローバル属性 href - ハイパーリンクのアドレス target - ハイパーリンクのナビゲーションとフォーム・サブミッションのデフォルトのブラウジングコンテキスト download - リソースをナビゲーションではなくダウンロードするかどうか、そして、そうなら、そのファイルの名前 rel - ハイパーリンクを含んでいるドキュメントとその先のリソースとの間の関係性 hreflang - リンク先のリソースの言語 type - 参照されたリソースの種

  • JavaScriptの有効化-JavaScript入門

    HOME JavaScript入門 JavaScriptの有効化 これからJavaScriptの解説を行っていきます。 なるべく専門用語を多用せず、初めての方に分かりやすく書くよう心がけたいと思います。 どうぞ宜しくお願いします。 ところで、JavaScriptとは何でしょう。一言で言うと、プログラムです。 皆さんはこれからプログラマーになろうとしているのです。 と言っても、JavaScriptは一般的なプログラムほど難しくありません。 1つ1つを覚えて行く事によって、馴染んでくると思います。 どうぞ自分のペースで学習していって下さい。 JavaScriptは幾つもの命令文から成るプログラムです。 その命令文のことをスクリプトと言います。 これからスクリプト(あるいはソース)という言葉が頻繁に出てきますが、 それらは命令文の集まりであるということを理解して読み進めていって下さい。 ブラウザ

  • BZSTREAM Beta

    BZSTREAM β Total ― clicks / Average ― clicks [↑] Hyper Drive YURIKAMOME on Vimeo (-clicks) きもちー [↑] Chrome Developer Toolsを使いこなそう! (-clicks) Chromeを使ったデバッグハウトゥ [↑] The Foursquare Time Machine (-clicks) おーこれはすごい。かっこいい。 [↑] SCREENGRAB on Vimeo (-clicks) 写真と映像の再帰構造がおもしろい [↑] Hula Hoop Girl Kaylee – Break’s Woman of the Year Nominee – YouTube (-clicks) 残像エフェクトかっこいい [↑] フロントエンドの開発効率が3倍に…!?デバッギングプロキシCha

  • id属性

    id属性を使用すると、要素にID(ラベル)を指定することができます。 IDを指定しておくと、後からリンクの参照先として使用したり、CSSを適用するためのラベル(class属性と同等の機能)とすることができます。 ID(ラベル)として、識別させるため、1つのページの中で他の要素に指定するid属性の値とダブってはいけません。 次の例は、<h1>と<h2>にid属性を指定し、<a>タグを使用して、ページ内でリンクをしています。ページ内でid属性を指定した任意の場所にジャンプさせることができます。 id.html <html> <head> <title>id属性の例</title> </head> <body> <h1 id="headline1">見出し1</h1> <p><a href="#headline2">見出し2へ</a> </p> <p>段落 </p> <p>段落 </p> ・・・

  • Daftar Serta Masuk Saat ini Di Situs Slots Online Terpilih Ojekslot

    Daftar Serta Masuk Saat ini Di Situs Slots Online Terpilih Ojekslot Seperti yang kita pahami waktu ini ada sangat banyak permainan slot online paling sederhana yang dapat dimainkan dalam sekejap hanya cukup masuk di sana saja ojekslot terunggul. Di sini dapat ada sangat banyak bermacam permainan luar biasa yang pastinya dapat anda temukan dengan ringan. Beraneka permainan terbaik di sini dapat and

  • CSS3リファレンス

    背景 background-clip …… 背景の適用範囲を指定する background-origin …… 背景の基準位置を指定する background-size …… 背景画像のサイズを指定する 角丸 border-radius …… 角丸をまとめて指定する border-top-left-radius …… 左上の角丸を指定する border-top-right-radius …… 右上の角丸を指定する border-bottom-left-radius …… 左下の角丸を指定する border-bottom-right-radius …… 右下の角丸を指定する 画像ボーダー border-image …… 画像ボーダーを指定する border-image-source …… 画像ボーダーに使用する画像ファイルを指定する border-image-slice …… ボーダー画像の

  • HTMLタグ/HTMLの基本/タグの基本と使い方 - TAG index

    上記の例では、リンクを設定する要素(a)に、リンク先を指定するための属性(href="")を追加して、その値に index.html を指定しています。 使用できる属性は要素により異なります。 要素には、開始タグと終了タグをセットで使用するタイプと、単体で使用する(終了タグを必要としない)タイプがあります。 <p>HTMLリファレンス</p> 上記の例では、<p> が開始タグで </p> が終了タグになります。終了タグにはスラッシュ( / )が入ります。 次のように、開始タグのみで使用する要素もあります。(内容を持たないこのような要素を空要素といいます) <img src="example.gif" alt="サンプル">

    HTMLタグ/HTMLの基本/タグの基本と使い方 - TAG index
  • ドットインストール - 3分動画でマスターする初心者向けプログラミング学習サイト

    レッスン一覧 料金プラン ログイン 2024/06/24 NEW 『Laravel入門 基機能編』をリリースしました 2024/06/20 NEW 【週刊ドットインストール】 レッスン制作の進捗、HTMLの検証ツール、写真アップロード時の注意点 2024/06/18 NEW 【無料レッスン】 『Emmetで爆速コーディングを修得しよう』をリリースしました 2024/05/07 NEW あなただけの学習ロードマップを作成します 【随時受付中】

    ドットインストール - 3分動画でマスターする初心者向けプログラミング学習サイト
  • これからWebサイトの制作をしたいけど、何から勉強したらいいの?っていう人のためのガイド

    以前から、「Webサイトを制作をしたいけど、何から勉強したらいいの?」という質問をよく頂いていました。私が Web制作を勉強し始めた頃に比べると、最近はたくさん情報がありすぎて何から始めればいいのか迷う人も多いみたい …。なので今回は、Webサイトを作るのに必要な知識を簡単にまとめてみました。 最近だなを整理していて、もう読まなくなった Web制作系のを片付けたりしてみました。ずーっと前、Webサイトってどうやって作るんだろうってところから始まって、用語もよく分からないまま色んなを読んだりした頃を思い出します …。 Webサイトは HTML っていうものでできていて、CSS っていうもので、見た目をデザインしていくのかぁ … っていうことさえ、あの頃の私にとっては新しい発見だったなぁ … なんて思ったりしました。 最近では HTML5 とか CSS3 とか、私が勉強し出した頃に比べる

  • 1