クロスサイトスクリプティング - Wikipedia
クロスサイトスクリプティング（英: cross-site scripting、略称XSS）とは、他のユーザーが利用しているWebアプリケーションにスクリプトを挿入することができてしまう脆弱性、もしくはそれを利用した攻撃。脆弱性情報データベースのCWEでは、この攻撃を不適切な入力確認 (CWE-20) によるインジェクション (CWE-74) のひとつとして分類している (CWE-79)[1]。略称はXSS。かつてはCSSという略称も使われていたが、Cascading Style Sheetsと紛らわしいのでこの略称はあまり使われなくなった[2]。 「クロスサイト（サイト横断）」という名称は歴史的なもので、初期に発見されたXSSでは脆弱性のあるサイトと攻撃者のサイトを「サイト横断的」に利用して攻撃を実行することから名づけられたものだが[3][4]、XSSの定義は新しいタイプの攻撃が見つかるた
サムネイル付きのボックスをサイドからスライドさせるjQuery - かちびと.net
この記事は年以上前に書かれたもので、内容が古かったり、セキュリティ上の問題等の理由でリンクが解除されている可能性があります。 ちょっと使う予定が出来るかもなので メモ。サムネイル付きのメニューが マウスオーバーでサイドからスムー ズにスライドします。css3も使用して いますが、シャドウと角丸だけみたい ですね。 マークアップも簡単っぽいので備忘録としてエントリーします。 Related Posts and CSS3 サイドにサムネイル付きのバーが隠されていて、マウスを乗せることでコンテンツがスライドします。 マークアップは以下のような感じ。 <div id="rp_list" class="rp_list"> <ul> <li> <div> <img src="images/1.jpg" alt=""/> <span class="rp_title">Post Title</span>
jQuery製のWYSIWYGエディタ·CLEditor MOONGIFT
CLEditorはjQuery/JavaScript製のオープンソース・ソフトウェア。CGMが盛り上がるにつれて、ユーザがコンテンツを作成する際の利便性を考えなければならなくなっている。そのためブログなどではWYSIWYGエディタが利用されるのが当たり前になっている。 jQuery製のシンプルなWYSIWYGエディタ 有名なものとしてはCKEditorやTinyMCEといったソフトウェアが知られている。どちらも高性能だがその分、動作が重たいのが問題だ。もっと軽量、かつ自分で拡張が容易なものを探しているならばCLEditorを使ってみよう。 CLEditorの特徴はjQueryを使っていることになる。それによってCLEditor単体のサイズは軽量になる。既にWebサービスの中でjQueryを基盤としているならば良い選択肢になりそうだ。主な機能や文字装飾や画像のURL指定での埋め込み、リンクな
Web Developerで行うCSSデバッグ
Web Developerで行うCSSデバッグ Web Developerはナトラボさんが公開しているWeb制作をアシストしてくれるFirefoxの拡張機能(アドオン)です。 インストール Firefoxで配布ページにアクセスし「ダウンロード：Webdeveloper for Firefox (399kb)」をクリックすることでインストールが開始されます。 インストール開始時にページ上部に「このサイト(lab.tubonotubo.jp)からはFirefoxにソフトウェアをインストールできない設定になっております。」と表示されますが、右の「許可(A)」ボタンをクリックすることでインストールが可能です。 インストール画面が表示されます。画面下部に『インストール(5)』といったグレーのボタンが表示されますが、すこし待つと『今すぐインストール』に変わります。変わりましたらボタンをクリックしてイン
40分で覚える！jQuery速習講座 (1/6)
いまやWeb制作に欠かせなくなったJavaScript。でも、「JavaScriptはほとんど“アリモノ”で済ませている」という方も多いのでは？ そこで、WebデザイナーやマークアップエンジニアなどのWeb制作者の方向けに、いま一番人気のJavaScriptライブラリー「jQuery」の基本を学べる特別レッスンをお届けします。題して、「40分で覚えるjQuery」。要点だけにぎゅっと絞って解説しますので、手を動かしながら今すぐjQueryを始めましょう。 【0分目：導入編】 jQueryのダウンロードと利用方法 jQueryのライブラリー本体（JavaScriptファイル）は公式サイトからダウンロードし、head要素などにscript要素を書いて読み込みます。
初心者のためのJavaScript入門 − ＠IT
プログラミング初心者のための入門連載です。JavaScriptとは何かの基礎知識から、さまざまな基本構文／文法（alertなどのイベント処理、変数、function（関数）、引数、ifなどの条件分岐、whileやforなどの繰り返し（ループ）、配列、オブジェクト、HTMLを操作するDOMなど）を、書き方が分かる豊富なサンプルコードとともに解説します。 ようこそJavaScriptの世界へ 初心者のためのJavaScript入門（1） JavaScriptで本格的なプログラミングの世界へ。実用的なアプリケーションを作れるようになるまで
マンガで分かる JavaScriptプログラミング講座
はじめに 「マンガでわかるJavaScript」は、難しそうに思えるプログラムを、簡単そうに見えるマンガで解説するという初心者向けの入門講座です。 架空の高校生たちに教える形式で、プログラムの基礎から応用を、解説していきます。一通りのマンガを読めば、かなり実践的なところまで、プログラムを書けるようにしていきます。 （マンガは、左上から右下へと読みます） プログラムというと、けっこう大変そうに思えますが、この講座のテーマは「面倒くさいことを楽にする」です。面倒臭がりで、手抜き大好きの女子高生を主人公にして、楽しくプログラムを学んでいくことにします。 主な対象読者は「これからプログラムを学んでみたい人」「Webの世界に関わっていてJavaScriptを学んでみたい人」「昔JavaScriptを触っていたけど最新のトレンドが分からないので改めて学んでみたい人」などです。初心者だけでなく、Webデ
[JS]jQueryのプラグイン33+1選 -2010年3・4月
当サイトではCookieを使用しています。引き続き当サイトを閲覧することにより、ポリシーを受け入れたものとみなされます。今後表示しない詳しく見る
jQueryとCSSで作るiPhone風ラジオボタン・チェックボックス
2014年8月20日 jQuery いつも使っているラジオボタンやチェックボックスにもっと彩りを！ここではCSSとjQueryを使ってiPhone風のデザインに変える方法を紹介します。使用する画像は一枚のみ。CSSスプライトで表示位置を変えます。サンプルも用意してみたので覗いてみてくださいね！ ↑私が10年以上利用している会計ソフト！ サンプルはこちら。IE7, IE8, FF, Chromeで正常動作 See the Pen Mobile like radio/check buttons by Mana (@manabox) on CodePen. ファイルを準備 必要なファイルを準備します jQuery こんな感じの画像を作る コーディング ファイルを読み込む ヘッダー内にjQueryを読み込ませます。 <script type='text/javascript' src='/samp
Twitter Friends & Followers Widget - A jQuery Plugin!
Each demo page contains HTML & CSS & JS you need to use... CSS code is essential for this widget looking, but will not focus on it here. Demo 1: Simple Followers List ► By Default widget will fetch your latest 100 followers and append each picture of the 1st 20 of them with a fade transition, then the 2nd 20 pictures, then 3rd 20 and so on.. <script type="text/javascript" src="http://ajax.googleap
iGoogleを自社内にも作れる·Picok MOONGIFT
iGoogleのようなポータルサイトは作ってみたくないだろうか。社内では一般的にCMSやグループウェアが情報ポータルとして利用されることが多いが、パーソナライズはされていない。そのため、自分には無用だと思うと全く見なくなってしまう。 iGoogle風のシステム パーソナライズホームページならば自分で組み替えることができるので、便利だと思った情報を手軽に集積して管理できるようになる。オフィス向けならさらに特化した機能（全員に配布するような）も付けられるだろう。その基盤として使えそうなのがPicokだ。 今回紹介するオープンソース・ソフトウェアはPicok、パーソナライズホームページシステムだ。 PicokではまさにiGoogleのような操作が可能になっている。小さなウィジェットはドラッグアンドドロップで移動できる。カラムは3列に限定されてしまっているようだが、設定の編集機能もありとても便利だ
ページのめくれを実装する方法5 – creamu
WebDesignBoothで、ページのめくれを実装する方法が紹介されています。 ざっとご紹介。 » imple Page Peel Effect with jQuery and CSS by Soh Tanaka Soh Tanakaによる、jQueryとCSSを使った例 » The Sexy Curls jQuery Plugin Elliott Kemberによる、jQueryを使った例。jQueryとjQuery UIの両方が必要 » jQuery Page Peel 1.2 by Smpl Multimedia オプションが豊富なjQueryプラグイン » How to create a page peel advertisement in WordPress WordPressでページのめくれを実装する方法 » WordPress Page Peel plugin Avramo
「Launchy」からリマインダーを自分に向けてメール送信 | ライフハッカー・ジャパン
「Launchy」から自分にメールを送信するギークな方法を読者Ryanが記事にしていました。リマインダーを送信したりするにはかなり便利なトリックですよ！ このハックを行うためにRyan氏はVisual Basic Script（VBS)ファイルを作成。これによってGmailのSMTPサーバ経由でメールが送信されるのです。メールアドレスはコード内に組み込まれているのですが、件名は「Launchy」から直接入力可能。このワザを使ってみたい、というあなたのためにそのVBSファイルを公開しちゃいますので、新規の*.vsbファイルを作成して、以下のソースをペロッと貼りつけて下さい。大文字で書いてあるところの部分は自分で変更してくださいね。 Set iMsg = CreateObject("CDO.Message") Set iConf = CreateObject("CDO.Configuratio
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA*IDEA 〜 とあるサービス運営者が学んだことをまとめるブログ
IDEA*IDEA 〜 とあるサービス運営者が学んだことをまとめるブログ
IDEA*IDEA 〜 とあるサービス運営者が学んだことをまとめるブログ
はじめてのjQuery
http://www.designwalker.com/2010/06/jquery-forms.html
http://www.designwalker.com/2009/08/wp-jquery.html
“Like it? Tweet it” is being retired.