タグ

htmlに関するsaseのブックマーク (8)

  • ページ途中にあるグローバルナビなどをスクロール時にトップに固定するjQuery - ホームページ制作やリニューアル印刷物デザインなら大阪のWPC

    ページ途中にあるグローバルナビなどをスクロール時にトップに固定するjQuery タグを指定して、ページ途中にある要素がスクロールしてトップの位置に来た時に固定するjqueryを紹介します。 ページ最上部を固定するならposition:fixed;でも対応できると思いますが、それ以外の中段にある要素(タグ)で固定したい場合に使ってみてはいかがでしょうか。 今回ご紹介するのは、○○PXスクロールしたらという物ではなく、この要素の位置に来たら固定するというものです。 応用すれば、サイドバーなども固定出来ますので、使い勝手は良いと思います。 まず、CSSとjQuery体を読み込ませ、スクリプトを記述します。 (今回はグローバルナビで説明) HTML記述例(HEAD部) <html> <head> ・ ・ <link href="style.css" type="text/css" rel="st

    ページ途中にあるグローバルナビなどをスクロール時にトップに固定するjQuery - ホームページ制作やリニューアル印刷物デザインなら大阪のWPC
    sase
    sase 2016/02/12
    使わせていただきました
  • dl要素

    Updated 2013.09.27 / Published 2005.09.24 dl要素(definition list)は定義型リスト(説明付きリスト)を作ります。定義型リストは項目とその内容から成り立ち、dt要素に用語をdd要素にはその用語の定義(説明)を記述する場合等に用いられます。 dl要素内には dt要素、または dd要素のどちらか1つを単独で含めて使用することができますが、項目部分のdt要素を先行させ、そのあとに続いてそれを定義するdd要素を組み合わせた形で使われるべきです。項目とその定義の関係は1対1である必要はありません。複数の定義をもつ場合には、ひとつのdt要素に対して複数のdd要素を指定すると良いでしょう。逆に複数のdt要素に対してひとつのdd要素でも、また、複数のdt要素に複数のdd要素で構成することもできます。 バージョン HTML4.01(S,T,F) XHT

    dl要素
    sase
    sase 2014/11/27
    用語とその定義を示す場合も(<dfn>)。1つのdl要素の中で、同じ内容を持つdt要素が複数あってはいけない
  • 【便利ツール】Emmetで、ちょっと気持ちいいコーディング with sublime text 2・上巻 | DevelopersIO

    こんにちは、ちょっと年末前くらいから、「Emmet」というキーワードを聞くようになり、 日頃お世話になっている、sublme text 2でも使えるということで今回、上下巻に分けてご紹介したいと思います。 アジェンダ Emmetとは? 誰が開発してるの? Emmetプラグインのインストール! インストール後の設定 どんな感じがさわってみる。 おまけ Emmetとは? はじめて「Emmet」を聞いた方は「Emmetってなに?」となるかと思いますので、簡単にご説明をできればと思います。 それでは、「Zen Coding」はどこかでお聞きしたことがあるのではないでしょうか? 「Zen Coding」は、コード(スニペット)とショートカットを組み合わせて、効率的にHTMLCSSのマークアップ手助けしてくれる、すごいツールで認知度も高いと思います。 その「Zen Coding」が名前を変えて&進化

    sase
    sase 2014/06/04
    Emmetたしかにいい
  • スクリプト無し、動画をページの背景いっぱいに表示する方法

    jQueryなどスクリプトは一切使わずに、HTML5+CSSで動画をウェブページの背景いっぱいに表示する方法を紹介します。 フルサイズのデモ IE8などHTML5のvideo要素に対応していないブラウザでは、代替の背景画像が表示されます。 実装は、非常にシンプルです。 HTML 動画はbody内の一番下にvideo要素で配置し、その上には通常通りコンテンツを配置できます。 <body> ... コンテンツ ... <!-- 背景に設置する動画 --> <video autoplay loop poster="http://mattgrossdesign.com/raw-media/first-frame-screencap" id="video-background" muted> <source src="http://mattgrossdesign.com/raw-media/wood

    sase
    sase 2014/06/03
    これ使ったサイトつくりたい
  • ★スタイルシートリファレンス

    山田太郎は、ウェブ開発やグラフィックスプログラミングに10年以上の経験を持つテクノロジーの専門家です。特にHTML5 CanvasやJavaScript、インタラクティブメディアに精通しており、動的なユーザーインターフェースや最先端のウェブアプリケーションの開発に携わってきました。複雑な図形描画や画像操作、リアルタイムグラフィックスに関する知識が豊富で、ウェブ技術の限界を追求する開発者たちにとって頼りになる存在です。知識の共有に情熱を持ち、初心者からプロフェッショナルまで幅広く支援するため、技術フォーラムやブログにも積極的に貢献しています。

    sase
    sase 2013/02/13
    へえ! メリーポピンズの歌に「世界で一番長い言葉はsupercalifragilisticexpialidocious」という歌詞がありますが、この言葉は造語です。実在の単語ではfloccinaucinihilipilificationが最長で、意味は「法的に無価値なものと見なすこと
  • Adobeが公開したHTML/CSS/JavaScript専用の新エディタ「Brackets」 - builder by ZDNet Japan

    Bracketsの特徴 6月25日、Adobe SystemsがWebアプリケーション開発をターゲットとした新しいソースコードエディター「Brackets」を発表した。BracketsはHTMLCSSJavaScriptといったWebアプリケーションのためのコードの編集に特化したエディタであり、MITライセンスに基づいてオープンソースで開発が進められている。ソースコードは数カ月前からGitHub上にホストされて公開されていたが、今回公式サイトがオープンし、その詳細が明かされた形になる。とはいえ、依然として開発途上であることに変わりはなく、今後も引き続き機能を拡張していくとのこと。現在のところ、BracketはWindowsおよびMacOS X上で使用することができる。 Bracketsの特徴的な機能としては、次のようなものが挙げられる。 HTML/CSS/JavaScript用のシンタ

    Adobeが公開したHTML/CSS/JavaScript専用の新エディタ「Brackets」 - builder by ZDNet Japan
    sase
    sase 2012/07/29
    おもしろそう→HTMLファイル上で直接CSSプロパティを編集できる「Quick Edit」
  • Initializr - HTML5 project - template

    Our team has meticulously curated a list of the absolute best VPN providers, proven to be highly effective in evading the intricate barriers imposed within China. However, it is of utmost importance to familiarize oneself with the essential criteria to consider while selecting a VPN. When it comes to China, it is crucial to determine which VPN provider currently dominates the country. Providing un

    Initializr - HTML5 project - template
  • GT Nitro: カーレーシング・ドラッグレーシングゲーム - Google Play のアプリ

    GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー!古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠

    GT Nitro: カーレーシング・ドラッグレーシングゲーム - Google Play のアプリ
    sase
    sase 2012/04/09
    なるほど
  • 1