タグ

2013年7月12日のブックマーク (36件)

  • パラグアイ大統領選の候補者を動かした、”名前がない”サッカー中継

    この世に生まれたのに、法的には存在しないことになっている子どもたちがいます。出生届が出されないままになっている子どもたちです。そんな子どもたちは、教育や福祉サービスが受けられません。そしてさらに、人身売買や児童労働などに巻き込まれるリスクも高くなります。 南米のパラグアイでは、1歳未満の24%もの子どもが、出生届が出されておらず、先住民では35%と、その割合はさらに高くなっていました。 すべての子どもたちが教育や福祉を受けられるように、ユニセフはこの問題をより多くの人に社会的な問題として考えてもらうことが必要だと考えました。その機会として利用したのが、大統領選のタイミングです。世論に働きかけ、大統領選の候補者たちに、この出生届の問題について行動を起こす意思を引き出そうとしたのです。 そのために実施したのが「NO NAME MATCH」です。南米の他の国と同じように、パラグアイでもサッカー

    パラグアイ大統領選の候補者を動かした、”名前がない”サッカー中継
    typista
    typista 2013/07/12
    パラグアイ大統領選の候補者を動かした、”名前がない”サッカー中継
  • 名前空間の衝突を避けるしくみ noConflict() - わからん

    jquery-1.6.1.js の noConflict() のところを読みました。そのメモです。 ロードするまでの window.jQuery、window.$ を退避しておき、必要に応じて、$ だけなら noConflict() を、$ と jQuery なら noConflict(true) を呼び出すことで、それらに戻します。関数 noConflict は現在の jQuery を戻り値で返すので、それを格納する変数が今回の jQuery オブジェクトであるという目印となります。複数バージョンの jQuery を読み込み使い分けることができます。 (function( window, undefined ) { ... var jQuery = (function() { // Map over jQuery in case of overwrite _jQuery = window

    typista
    typista 2013/07/12
    名前空間の衝突を避けるしくみ noConflict() : わからん
  • 動的にJSを実行する方法 - Qiita

    var script = document.createElement('script'); script.src = 'http://example.com/hoge.js'; document.body.appendChild(script); 上記のように、src属性を指定してscriptタグをDOMに追加すれば、jsが実行される。 しかし、この方法でDOMに追加した場合、src属性に書かれているURLに非同期的に通信が発生し、読み込みが完了したものから実行されるため、実行の順番を確保しないといけない場合は、ただ追加すればよいわけではない。

    動的にJSを実行する方法 - Qiita
    typista
    typista 2013/07/12
    動的にJSを実行する方法
  • artemis.ac

    typista
    typista 2013/07/12
    JavaScript メモ / チップス 正規表現 \d \D は気をつける [ ARTEMIS ]
  • jQuery 1.9 に更新する際に注意すべき変更点の自分なりのまとめ | 私的なjQuery他

    jQuery Core 1.9 Upgrade Guide | jQuery の「Changes of Note in jQuery 1.9」を読んで、 自分なりにまとめました。 誤訳して間違ったことをまとめてたり、 最新の情報でないかもしれないので 読まれる際はご注意下さい。 (※ページをそのまま訳したわけではないと、思います) jQuery 1.9 では API の削除や 挙動の変更を行っています。 この記事は、前のバージョンから更新した時、 既存のコードに影響がでそうな変更を 並べたものになります。 変更点を全部網羅しているわけではありません。 箇条書きにすると以下のような感じ: 削除された機能 .toggle(function, function) の用法 jQuery.browser() .live()と.die() jQuery.sub() document 以外の要素での A

    typista
    typista 2013/07/12
    jQuery 1.9 に更新する際に注意すべき変更点の自分なりのまとめ
  • 1画面内でバージョンの異なるjQueryを共存させるには - もやもやエンジニア

    あんまり同じような問題に直面している人は少ないとは思いますが。。。 まず、普通にjQueryを2個呼んでみます。 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script> このようにした場合、jQueryのグローバルオブジェクトである「$」または「jQuery」は後勝ちになるので、alert($().jquery)とかやると1.9.0が表示されます。1.3.2のjQueryオブジェクトは上書かれて消えてしまって

    1画面内でバージョンの異なるjQueryを共存させるには - もやもやエンジニア
    typista
    typista 2013/07/12
    1画面内でバージョンの異なるjQueryを共存させるには
  • jQuery で ブラウザ、バージョン、プラットフォーム を判別する プラグイン

    インストール 通常利用 ダウンロードした js ファイル または zip ファイル中 //src/jquery.depend.js を、jQueryを読み込んだ後に読み込むようにします。 <script type="text/javascript" src="./jquery-1.9.1.js" ></script> <script type="text/javascript" src="./jquery.depend.js" ></script> 旧 jQuery プラグイン 互換モード 利用 古い実装の jQuery プラグイン と混在して利用する場合、うまく動作しないケースがあります。 そのような場合、以下のように __BACKWARD_COMPATIBILITY_ENABLED グローバルフラグ を有効にすると動作する可能性があります。 ただし、このフラグを有効にすると、 $.br

    typista
    typista 2013/07/12
    jQuery で ブラウザ、バージョン、プラットフォーム を判別する プラグイン
  • 複数のバージョンの jQuery を共存させる方法

    古いアプリをメンテしてて、元々の jQuery のバージョンが 1.0 だの 1.1 だのだとすごく残念な気持ちになりますね。やっぱり、最新の jQuery でサクサク書きたいものです。 バージョンを上げてしまえればいいんですが、動作確認の手間まで考えると、そこまでやる時間もない。いま、ちょっとこの画面だけ手直し出来ればいいんだけど…という場合は、複数のバージョンの jQuery を共存させてしまいましょう。 jQuery には $ の競合を避けるための jQuery.noConflict という function が用意されていますが、これに引数で true を渡すと、window.jQuery オブジェクトの競合も避けるように動作します。 ですので以下のように書けば、複数のバージョンの jQuery が共存出来ます。 現実的にやる事はないと思いますが、onload を追加する事で、3つ

    複数のバージョンの jQuery を共存させる方法
    typista
    typista 2013/07/12
    複数のバージョンの jQuery を共存させる方法 – http://t.co/5olEMEGwPQ
  • 見ているページの jQuery のバージョンを確認する方法 (ブックマークレット) : 地潜の日記

    2013年04月20日 01:20 カテゴリプログラム・スクリプト 見ているページの jQuery のバージョンを確認する方法 (ブックマークレット) No Comments No Trackbacks jQuery のバージョン2.0 正式版がリリースされましたね。 jQuery 2.0 Released 2013/4/18 (via. The jQuery Foundation.) レガシーブラウザ:Internet Explorer(IE) 6、7、8 のサポートを廃止することで高速化・軽量化したという、なかなかアグレッシブなバージョン。 手元で導入した感じでは… うむ、確かに高速化している気がする!(ベンチマークは取っていない\(^o^)/) ■ jQuery のバージョン…いくつだっけ? jQuery は、JavaScript を扱う上ではほぼ必須。 ”デファクト・スタンダード”

    見ているページの jQuery のバージョンを確認する方法 (ブックマークレット) : 地潜の日記
    typista
    typista 2013/07/12
    見ているページの jQuery のバージョンを確認する方法 (ブックマークレット)
  • 初歩的なjQueryプラグインの設置方法 - ホームページ制作やリニューアル印刷物デザインなら大阪のWPC

    初歩的なjQueryプラグインの設置方法 ほとんどのjQueryプラグインは、jQuery体、プラグイン体、実行コードの3つで形成されます。 初心者でもわかるように、初歩的な設置方法について説明していきたいと思います。 jQuery体の設置 まず、jQuery体を設置しないと動きません。ここでは ①jQueryをダウンロードしてフォルダに入れて使用する。(サーバにアップロード) ②GoogleMicrosoftなどが配布しているjQueryファイルを読み込んで使用する。 の2つを説明します。 ダウンロードして使用する場合 jQueryサイト(http://jquery.com/)の「Download(jQuery)」ボタンを押します。 フォルダでダウンロードされる訳では無くソースが表示されますので、ブラウザによって異なりますが右クリックして「名前をつけてページを保存」(Fire

    初歩的なjQueryプラグインの設置方法 - ホームページ制作やリニューアル印刷物デザインなら大阪のWPC
    typista
    typista 2013/07/12
    初歩的なjQueryプラグインの設置方法
  • https://senta.me/blog/2010-10-13/check-the-version-of-jquery/

    typista
    typista 2013/07/12
    jQueryのバージョン確認
  • javascript scroll event for iPhone/iPad?

    I can't seem to capture the scroll event on an iPad. None of these work, what I am doing wrong? window.onscroll=myFunction; document.onscroll=myFunction; window.attachEvent("scroll",myFunction,false); document.attachEvent("scroll",myFunction,false); They all work even on Safari 3 on Windows. Ironically, EVERY browser on the PC supports window.onload= if you don't mind clobbering existing events. B

    javascript scroll event for iPhone/iPad?
    typista
    typista 2013/07/12
    javascript scroll event for iPhone/iPad?
  • PHP's array_keys in JavaScript

    typista
    typista 2013/07/12
    JavaScript array_keys function
  • 『SMSのチャット風viewの作成』

    お久しぶりです。ジャマです。 超久々のブログですががんばります! ブログ書いてない間もobjective-Cについては 日々精進しているので新知識を披露していきます。 今回の題材はiphoneのSMSのチャット画面についてです。 iphoneでは簡単に実装しているので自作iphoneアプリで 実装してみました。 結構難しかったんで忘れないように作り方の流れ書いときます。 大まかな流れです。 ①吹き出し用のview、MessageViewを作成 ・MessageVIewには吹き出しに表示するmessageと日付のdateを持たせます。 ・messageの長さから吹き出しの大きさと画像を変更します。 吹き出しの画像は以下5種類を使いました。 (1)huki1.png - messageが1行の時はこの画像 (2)huki2.png - messageが2行の時 (3)huki3_1.png -

    『SMSのチャット風viewの作成』
    typista
    typista 2013/07/12
    SMSのチャット風viewの作成|独学で作成!!金儲けiphoneアプリ
  • サービス終了のお知らせ - NAVER まとめ

    サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

    サービス終了のお知らせ - NAVER まとめ
    typista
    typista 2013/07/12
    【iOS】こんなのあったの!?意外に知らないアプリ開発Tips・テクニックまとめ
  • 無料で学べる!iPhoneアプリ開発情報まとめ厳選38個! | SHINGO IRIE

    iPhoneアプリ開発に関するは溢れていますが、iOSはとても奥が深く、だけでは自分に必要な情報を集めきることは不可能です。そこで、突っ込んだ情報はインターネットを使って、探していくことが必要です。今回は、インターネットで公開されている有益なサイトをまとめてみました。 iPhoneアプリ開発の基礎いまさら聞けないiPhone/iPadアプリの作り方の基礎目指せ!iPhoneアプリ開発エキスパートiPhoneプログラミングの基礎:View Controller第2回 iOSアプリ開発の準備iOS Developer Programへの登録方法C言語すら知らなかった私が2ヶ月でiPhoneアプリをリリースするまでにやった事。Objective-CについてObjective-C入門Objective-C 最速基礎文法マスターObejctive-C 3分クッキング苦しんで覚えるC言語ダイナミッ

    無料で学べる!iPhoneアプリ開発情報まとめ厳選38個! | SHINGO IRIE
    typista
    typista 2013/07/12
    無料で学べる!iPhoneアプリ開発情報まとめ厳選38個!
  • 『iPhoneアプリ開発 号外 iphone メールアプリのサンプル発見』

    iphone メールアプリのサンプル発見。 http://code.google.com/p/remail-iphone/ 時間があいたら見てみるべ。

    『iPhoneアプリ開発 号外 iphone メールアプリのサンプル発見』
    typista
    typista 2013/07/12
    iPhoneアプリ開発 号外 iphone メールアプリのサンプル発見|テン*シー*シー
  • remail-iphone - Project Hosting on Google Code

    Code Archive Skip to content Google About Google Privacy Terms

    typista
    typista 2013/07/12
    reMail for iPhone
  • JavaScriptの「this」は「4種類」?? - Qiita

    javascriptの「this」は「4種類」?? この記事ではベースとなる4種類の「this」を紹介します。 実際は4種類ではないのですが、 このベースの4種類を理解できれば他もすぐに理解できます。 thisの4種類のパターン 1:メソッド呼び出しパターン 2:関数呼び出しパターン 3:コンストラクタ呼び出しパターン 4:apply,call呼び出しパターン ここで重要なのは「呼び出し元」をみることです。 なぜなら「呼び出し元」に「this」は左右されるからです。 メソッド呼び出しパターン これはもう一番直感的にわかりやすいです。 説明はいらないんじゃないかという感じなのですが、 一応ソースを。。 //メソッド呼び出しパターン var myObject = { value: 10, show: function() { console.log(this.value); } } myObj

    JavaScriptの「this」は「4種類」?? - Qiita
    typista
    typista 2013/07/12
    JavaScriptの「this」は「4つ」だけ!
  • javascriptとは?知っておきたい基礎知識 - プログラミング学習の窓口

    JavaScriptは、htmlcssで構成したページの動きを操作出来ます。分かりやすい例としては、ボタンやメニューの動き。こういったものもJavaScriptを活用することで実現が出来ます。 Javascriptは非常に人気の高い言語で、JAVAとにていますが別ものです。 ReactのようなJavascriptを応用した技術も普及が進んでおり、今後当分は主流な言語として活用されるでしょう。 The post javascriptとは?知っておきたい基礎知識 first appeared on プログラミング学習の窓口.

    typista
    typista 2013/07/12
    JavaScript のオブジェクトは参照渡しで代入される
  • javascriptとは?知っておきたい基礎知識 - プログラミング学習の窓口

    JavaScriptは、htmlcssで構成したページの動きを操作出来ます。分かりやすい例としては、ボタンやメニューの動き。こういったものもJavaScriptを活用することで実現が出来ます。 Javascriptは非常に人気の高い言語で、JAVAとにていますが別ものです。 ReactのようなJavascriptを応用した技術も普及が進んでおり、今後当分は主流な言語として活用されるでしょう。 The post javascriptとは?知っておきたい基礎知識 first appeared on プログラミング学習の窓口.

    typista
    typista 2013/07/12
    JavaScript でオブジェクトや配列をコピーする方法
  • javascriptとは?知っておきたい基礎知識 - プログラミング学習の窓口

    JavaScriptは、htmlcssで構成したページの動きを操作出来ます。分かりやすい例としては、ボタンやメニューの動き。こういったものもJavaScriptを活用することで実現が出来ます。 Javascriptは非常に人気の高い言語で、JAVAとにていますが別ものです。 ReactのようなJavascriptを応用した技術も普及が進んでおり、今後当分は主流な言語として活用されるでしょう。 The post javascriptとは?知っておきたい基礎知識 first appeared on プログラミング学習の窓口.

    typista
    typista 2013/07/12
    JavaScript の console.log でオブジェクトを見やすく表示する方法
  • JavaScriptのthisキーワードをちゃんと理解する - builder by ZDNet Japan

    前回までのおさらいと今回のあらすじ 前回までの記事で、JavaScriptでオブジェクト指向を行うにあたって必要な知識を一通り網羅しました。その中で、オブジェクトに属する関数=メソッドについても触れました。 今回は、オブジェクトやメソッドと深い関わりのあるキーワード、「this」について解説したいと思います。 thisキーワードについてきっちり理解する 「thisキーワードについてお話しする」と言いましたが、実はthisキーワードは連載中で既に触れています。連載第9回で、このように述べています。 「(thisキーワードは)実行中のコードが「自分自身」を表すオブジェクトにアクセスするためのキーワードです。」 「実行中のコード」とされているのは、関数(メソッド)などの実行可能なコードということです。つまり、thisキーワードはメソッドをメンバに含むオブジェクトを指す、と言って良いでしょう。 例

    JavaScriptのthisキーワードをちゃんと理解する - builder by ZDNet Japan
    typista
    typista 2013/07/12
    JavaScriptのthisキーワードをちゃんと理解する
  • isFinite関数(値が有限か無限かを調べる)

    JavaScript のグローバル関数のひとつである isFinite は対象の値が有限の値か無限の値かを調べ、 true または false を返します。ここでは isFinite 関数の使い方について解説します。 ※ グローバル関数の isFinite と似たものとして Number オブジェクトで Number.isFinite メソッドが用意されており、より厳格に有限の数値かどうかを調べます。詳しくは「値が有限でかつ数値型であるかどうかを調べる(Number.isFinite)」を参照されてください。

    isFinite関数(値が有限か無限かを調べる)
    typista
    typista 2013/07/12
    isFinite関数
  • isNaNとisFiniteの違いについて - s_hiiragiの活動メモ

    テストコード。 var f=function(a){ alert(a+': '+(!isNaN(a))+', '+isFinite(a)); }; f(0); // true, true f("0"); // true, true f("0x0F"); // true, true f("0hoge"); // false, false f(Number(0)); // true, true f(new Number(0)); // true, true f(Infinity); // true, false f(NaN); // false, false f(null); // true, true f(true); // true, true f(false); // true, true f([1,2,3]); // false, false f({hoge:'fuga'}); //

    isNaNとisFiniteの違いについて - s_hiiragiの活動メモ
    typista
    typista 2013/07/12
    isNaNとisFiniteの違いについて
  • JavaScript 型の解説 - Wikibooks

    [編集] 型の復習 まずは、先程まで解説を控えていた型のさらに詳しい解説を行う [編集] 偽の特別な変数 プログラムの歴史での多くの経験から、JavaScriptでは、false(偽)を表すための多くの変数が存在する。 Undefined型や、Null型等がそれにあたる。 [編集] Undefined型 "何のデータも代入されていない状態"を指し、オブジェクトに何も代入されていない場合全般に渡って出会うことになる。 具体的な例としては var foo; document.write( foo ); //"undefined"が表示される var foo = 1500; document.write( foo.length ); // 数値型には、lengthがないので"undefined"が表示される 等、定義されただけの変数、定義されていないメソッドやプロパティを呼び出すときに出会う。

    typista
    typista 2013/07/12
    JavaScript 型の解説
  • JavaScript - Wikibooks

    Hello, World! 書は、JavaScriptの解説書です。JavaScriptは、ウェブページやウェブアプリケーションで広く使われているスクリプト言語であり、最も広く普及しているプログラミング言語の一つです。また、Node.jsなどのランタイム環境を使うことで、サーバーサイドでもJavaScriptを実行することができます。 書では、初めてプログラミングをする人から、他の言語で経験を積んだ人まで、広く対象としています。基的なJavaScriptの書き方を解説することで、読者がより深く理解できるように配慮しました。 JavaScriptは、初心者が学ぶのに最適なプログラミング言語であり、ブラウザだけで簡単にプログラムを作ることができます。言語のコア部分は、国際標準化団体であるEcmaインターナショナルによってECMAScriptとして標準化され、仕様が明確になっています。No

    typista
    typista 2013/07/12
    JavaScript
  • NaN をなんとかしたい上での諸注意 と global.isFinite() の罠 - Qiita

    typeof NaN // 'number' typeof Inifity // 'number' typeof -Infinity // 'number' toString.call(NaN); // '[object Number]' Infinity == Infinity // true Infinity == -Infinity // false Infinity == NaN // false NaN == NaN // false NaN === NaN // false (!!) みんな知ってるね 2. global.isNaN("NaN") は true, global.isFinite("0") も true で、このNaN や Infinity が厄介である為に isNaN() と isFinite() がグローバルオブジェクトに用意されているのですが、これもまた罠が

    NaN をなんとかしたい上での諸注意 と global.isFinite() の罠 - Qiita
    typista
    typista 2013/07/12
    NaN をなんとかしたい上での諸注意 と global.isFinite() の罠
  • [JS]チェックしておきたいjQueryのプラグインのまとめ -2013年3・4月

    jResponsive 表示サイズに合わせて、さまざまな要素のサイズを変更します。要素ごとにmin-size, max-size, height, hspace, vspace, animationの設定可。

    typista
    typista 2013/07/12
    チェックしておきたいjQueryのプラグインのまとめ -2013年3・4月
  • jQuery 642 プラグイン:skuare.net

    jQueryのプラグインを利用して出来るサンプルです。 jQueryは、John Resig によって開発されたJavaScriptライブラリで、AjaxやDOMプログラミングコードを「簡潔・簡単」に書けます。 ここでは、画像関連、メニュー関連、フォーム関連、テキスト/リンク関連、その他、日語未解説のjQueryプラグインを分類して紹介しています。 初心者でもすぐにリッチなサイトを作成可能ですので、ぜひjQueryプラグインをご利用ください Image Menu Form Text/Link Other W/O_JP

    jQuery 642 プラグイン:skuare.net
    typista
    typista 2013/07/12
    jQuery 562 プラグイン
  • jQueryプラグインをうまいことカプセル化する設計方法-jamadam weblog2

    “There are only two hard things in Computer Science: cache invalidation and naming things” だそうです。そういう訳で、jQueryプラグインのメソッド名が他のプラグインと衝突するのを回避するための設計方法を列挙してみた。今のところ、一番下の方法が自分的にはしっくり来ている。 [2011.02.02追記]  2011年はsub()方式がおすすめです。 jquery.myplugの基形。基的に$.fn.extend()は使わない方針。 /** * jquery.myplug基形 * * SYNOPSIS * * $('#target').myplug(); * $('#target').myplug({param1 : val1, param2 : val2}); */ ;(function($)

    typista
    typista 2013/07/12
    jQueryプラグインをうまいことカプセル化する設計方法
  • 【jQuery プラグインの作り方】 jQuery入門道場 ~ jQueryの使い方~

    jQueryの基的な使い方を学べるサイトです。jQueryの基1の「$ 又は jQuery の基的な使い方」で説明しましたが、jQueryには、(1)jQueryオブジェクトに作用するメソッドと(2)ユーティリティ関数の2つのタイプがあります。 まずは、(1)のjQueryオブジェクトのメソッドの作り方から見て行きましょう。(このページでは、まずは自分用のプラグインを作ることを想定しています) なお、この章は中級者以上向けです。 jQueryオブジェクト・メソッドのプラグインの作り方 全てのjQueryオブジェクト・メソッドは、jQuery.fnオブジェクトに格納されています(jQuery.fnは、prototypeオブジェクトへのショートカット)。ですので、このjQuery.fn(又は、$.fn)のプロパティに関数を登録すれば良いことになります。 まずは、簡単な例でjQueryオブ

    typista
    typista 2013/07/12
    jQuery プラグインの作り方
  • jQuery UI Widget Factory を使って独自のダイアログを実装してみた - しばやん雑記

    こんばんは、最近は PHP や C# よりも JavaScript ばかり書いてる男です。Visual Web Developer 2010 のおかげでインテリセンスが使えてますが、やっぱりドキュメントコメントは便利ですね。 今日は jQuery UI の話ですが、Project Silk でも取り上げられている内容だったりします。 Chapter 3: jQuery UI Widgets 自分も正直なところ、Project Silk を見るまでは存在すら知らなかったんですが、jQuery UI の各種コンポーネントは Widget Factory を使って作られているらしいです。 jQuery UI Development & Planning Wiki / Widget factory Wiki にプロトタイプのコードが載ってますので、参考にすれば簡単に独自のコンポーネントは作れそうで

    jQuery UI Widget Factory を使って独自のダイアログを実装してみた - しばやん雑記
    typista
    typista 2013/07/12
    jQuery UI Widget Factory を使って独自のダイアログを実装してみた
  • さまざまなタイプのスライドショーが簡単に設置できるスクリプト -Agile Carousel | コリス

    一つ一つの完成度が高い、アニメーションを伴ったさまざまなタイプのスライドショーが簡単に設置できるjQueryのプラグインを紹介します。 Agile Carousel - Javascript Slideshow - Image Carousel [ad#ad-2] Agileは以前ちらっと紹介しましたが、つい最近バージョンアップしたので改めて紹介します。 以前のバージョンではjQuery UIも併用するタイプでした。 Agile Carouselには、下記のさまざまなタイプのスライドショーが用意されています。

    typista
    typista 2013/07/12
    さまざまなタイプのスライドショーが簡単に設置できるスクリプト -Agile Carousel
  • Loading…

    typista
    typista 2013/07/12
    Loading…
  • [CSS]画像を使わずに、スタイルシートでぎざぎざの線をかくテクニック

    画像を使わずに、ノコギリの歯のようなぎざぎざの線をスタイルシートでかくテクニックを紹介します。 下記は、p要素一つだけです。 実装は、こんな感じです。 HTML HTMLはpでもdivでも適当に。 <p>塩レモン</p> CSS ぎざぎざの線はlinear-gradientでかきます。 ぎざぎざのサイズは、4pxを4箇所、それを倍にした8pxを2箇所、変更してください。 p{ padding:1em; background: linear-gradient(-135deg, #4885ff 4px, transparent 0) 0 4px, linear-gradient(135deg, #4885ff 4px, #fff 0) 0 4px; background-color: #4885ff; background-position: left bottom !important; b

    typista
    typista 2013/07/12
    画像を使わずに、スタイルシートでぎざぎざの線をかくテクニック