自由自在！CSS3のtext-shadowを使ってをロゴ作ってみる｜Webpark
CSS3のtext-shadowが面白そうなので個人的に色々ロゴを作ってみました。想像力が膨らみますね。 text-shadowの基本的な使い方はこのようになります。 カンマで区切ると複数の陰を同時つけることできて、うまく組み合わせると色んなロゴが作れちゃいます。 光り輝いているようになっています。複数の影を使っていて、色は同じですが外にいくほどぼかす割合が強まっています。 color:#fff; background: #000; font-size: 52px; font-weight: bold; text-shadow: 0px 0px 1px #ffffff, 0px 0px 10px #ffd700, 0px 0px 20px #ffd700, 0px 0px 30px #ffd700, 0px 0px 40px #ffd700; 影を重ねて立体的に仕上げています。 color
JavaScript ユーザエージェント条件分岐便利スニペット｜Web制作 W3G
Updated 2014.04.07 / Published 2011.04.28 下記に記載の内容では、2015年現在新たに登場してきているOSまで対象にするには限界がありますので、Mobileの判定をMobileとTabletにだけフィーチャーさせた2015年版JavaScriptユーザエージェント判別もあわせてご参照ください。 jQuery.supportだけで代表的なブラウザの判別を行うことができなくなってしまったので、UA情報には依存しないブラウザがサポートしている機能でブラウザ判別を行う試みです。ただし、モバイルかどうかの判別をするためにWindows Phoneに限ってはUA情報に依存する必要があります。 判別用コード var _ua = (function(){ return { ltIE6:typeof window.addEventListener == "undefi
文字や画像を中央寄せにしたり、右に寄せる方法
<div align="○○○"> </div>タグで簡単寄せ 文字や画像を寄せるには<div align"○○○">～</div>のタグを使います。"○○○"に寄せる場所を指定します。"center"で中央寄せ。"right"で右寄せです。最後に</div>を入れてタグを閉じた場所まで適用されます。 中央寄せのタグ
Cookie(クッキー)の届く範囲 (あいまいモード)
Cookieが届く範囲を再確認 別のページでCookieについて解説しましたが、 実際Cookieを利用したプログラムを作ると疑問に思えることも出てきます。 その一つとして、Cookieが届く範囲は？というものがあります。 発行されたサーバー（ホスト）に返信されるというのが基本ですが、 Cookieの仕様には「domain」や「path」というのがあったのを覚えてますでしょうか？ （なにそれ？という方は下記のW3CのRFCか前回の解説をどうぞ、、、） Cookieの仕様は下のリンクをどうぞ・・・ W3C (RFC 2109)HTTP State Management Mechanism Netscape HTTP Cookies Cookieの詳細については上のリンクで確認していただくとしても、 実際にプログラムを書く場合にどうやって使うの？という場面も多いと思います。 自分もCookie
<meta http-equiv="refresh" content="秒数;URL=URL"> 自動的に特定のページにジャンプさせる -HTMLタグ辞典-
<meta>タグを使用することで、自動的に指定した秒数後に特定のページにジャンプさせることができます。 この設定は、サイトのＵＲＬを変更したときなどに、古いサイト上で新しいサイトのＵＲＬを知らせるときなどに使用するケースが多いです。 「秒数」のところに半角で数字を記述し、何秒で他のページにジャンプさせるかを指定します。 たとえば、５秒後にジャンプさせたい場合は、「秒数」のところに、「5」と記述します。 「URL」（ホームページのアドレス、または絶対パスか相対パスによるファイルの指定）のところには、ジャンプ先のページのＵＲＬを記述します。 自動的にジャンプしない環境を考えて、念のためジャンプ先のＵＲＬを記述した通常のリンクも、ページに記述しておくと良いでしょう。
Javascriptでiframeをリロードする方法 - knt45の日記
Javascriptでiframeをリロードする方法のメモ。 var iframe = document.getElementById('iframe_id'); iframe.src = iframe.src; iframe_idのところにはiframeのidを記載する。
Play safely in sandboxed IFrames | Articles | web.dev
Constructing a rich experience on today's web almost unavoidably involves embedding components and content over which you have no real control. Third-party widgets can drive engagement and play a critical role in the overall user experience, and user-generated content is sometimes even more important than a site's native content. Abstaining from either isn't really an option, but both increase the
JavaScriptによる要素サイズの取得: いろいろ備忘録
要素サイズ取得系は、 offsetWidthとoffsetHeight clientWidthとclientHeight scrollWidthとscrollHeight の3つがある。 書式の例：element.offsetWidth 戻り値の型：数値 それぞれ似ているので違いをまとめると以下の表のようになる。 offsetWidth offsetHeight width（またはheight） + padding + borderを返す。 clientWidth clientHeight width（またはheight） + paddingを返す。考え方としては、要素の内容を表示する領域の幅と高さ。 scrollWidth scrollHeight width（またはheight） + paddingを返す。通常はclientWidthおよびclientHeightと同じ。 ただし、要素
HTML5ホームページテンプレート無料配布 [Cool Web Window]
404 Not Found お探しのファイルは見つからないようです。 お手数ですが、下記リンクからトップページへお戻りください。 CoolWebWindow Copyright (C) Cool Web Window All Rights Reserved
★スタイルシートリファレンス
山田太郎は、ウェブ開発やグラフィックスプログラミングに10年以上の経験を持つテクノロジーの専門家です。特にHTML5 CanvasやJavaScript、インタラクティブメディアに精通しており、動的なユーザーインターフェースや最先端のウェブアプリケーションの開発に携わってきました。複雑な図形描画や画像操作、リアルタイムグラフィックスに関する知識が豊富で、ウェブ技術の限界を追求する開発者たちにとって頼りになる存在です。知識の共有に情熱を持ち、初心者からプロフェッショナルまで幅広く支援するため、技術フォーラムやブログにも積極的に貢献しています。
JavaScript/フォーム/自動的にフォーカスを合わせる - TAG index
<html> <head> <title>TAG index Webサイト</title> </head> <body onLoad="document.form1.field1.focus()"> <form action="#" name="form1"> <p>お名前：<input type="text" name="field1" size="25"></p> </form> </body> </html> フォーカスを合わせたい入力欄を、以下の方法で設定してください。 document.フォーム名.フィールド名.focus() フォーム名 … formタグの name="" で指定した名前（上記の例では form1） フィールド名 … フィールドの name="" で指定した名前（上記の例では field1） ページを表示したときに自動的にフォーカスを合わせるので、bodyタグに
Web便利ツール/URLエンコード・デコードフォーム - TAG index Webサイト
URLエンコードとデコードが行えるフォームです。 URLエンコード、またはURLデコードのフォームに文字列を入力し、変換用のボタンをクリックしてください。
HTMLタグ/フレームタグ/インラインフレームの境界線を消す - TAG index
iframe要素に frameborder="0" を指定すると、インラインフレームの境界線を消すことができます。 <iframe src="example.html" frameborder="0"> ～ </iframe>
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
クリックで全選択する方法（テキストエリアとか) - KAMEMO for SoftComp. and Intelli. Comp.
[HTML]たった1行でアイコン付きの要素を右寄せにするテクニック｜クロノドライブ![[HTML]たった1行でアイコン付きの要素を右寄せにするテクニック｜クロノドライブ](https://cdn-ak-scissors.b.st-hatena.com/image/square/c81495bec5cb3ed860ace323c97fffb85ea3e62c/height=288;version=1;width=512/http%3A%2F%2Fhtml-coding.co.jp%2Fogp_img.jpg)
show(speed, [callback]) サンプル - jQuery 日本語リファレンス
ホームページにYouTube動画を埋め込む方法！動画サイズの自動調整も | サイトアフィリエイト安定収入を得る
フォームを改行させない小技 - itsbibuqのBlog
CSS - fixed width span/div