SVGの利用
SVGの利用 今更感ではありますが当サイトのロゴをpng画像からSVGに変更しました。 SVGの利用に関しては松田さんの書いたIllustrator＆ベクターデータの教科書 を参考にさせていただきました。 SVGコードの取得 まず、Illustratorのアウトライン化したロゴからコピペでエディタにSVGのコードを貼り付けられます。 以下の様なXMLがクリップボードに格納されるのでコピペで終了です。 <!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In --> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSV
Re:犯してはいけないHTMLタグの過ち10個
Re:犯してはいけないHTMLタグの過ち10個 ネタ元：犯してはいけないHTMLタグの過ち10個 基本的には良い記事なんだけども、原文が2年近く前の物でXHTMLを前提に書かれているので少しだけ内容が古いかなと思ったりします。 1. インライン要素の中にブロック要素を入れない <a href="#"><h2>これは間違いです</h2></a> aタグのようなインライン要素の中にhタグのようなブロック要素を入れてはいけません、となってるけどこれはHTML5的にはこれはあり。 a要素は基本的にフロー・コンテンツが記述できる場所に記述できます。ただ、他のほとんどのインライン要素はフレージング・コンテンツしか内包できないのでNG。 <span><h2>これは間違いです</h2></span> HTML5だとコンテンツモデルの概念が変わっているので要注意。 参考：コンテンツ・モデル - HTML5タ
8のjQueryのすごいTIPS
8のjQueryのすごいTIPS 原文：8 awesome JQuery tips and tricks 微妙なTIPSもあるのですが、役に立つのもあるのでご紹介。 target="_blank" のリンクの作成 XHTML 1.0 Strict ではtarget=blank属性が利用できない。そこでjQueryを利用して別ウィンドウを開く方法を紹介しよう。 $('a[@rel$='external']').click(function(){ this.target = "_blank"; }); <a href="http://www.lepinskidesign.com.br/" rel="external">lepinskidesign.com.br</a> [to-R補足] 実際に利用する際はjavascript部分を$(function(){...})などで包む必要があります。[
IE6で閲覧すると。のanalog.js
IE6で閲覧すると。のanalog.js ネタ元：IE6で閲覧すると。 という訳でIE6で見ると最新バージョンにアップデートするように促すJavaScriptライブラリを作ってみました。 利用方法は簡単、analog.jsをhead要素などで読み込んでください。 <!--[if IE 6]> <script type="text/javascript" defer="defer" charset="utf-8" src="analog.js"></script> <![endif]--> 条件付コメントとcharset属性、defer属性を忘れずに！ IEで見るとこんな感じで表示されます。 ご利用は自己責任でお願いします。 ライブラリ中の「アップロード」のtypoを「アップデート」に修正しました。 IE6向けには他にもこんなのがありますよ。 IE6で閲覧するとモノクロ Re: IE6を使っ
アコーディオン形式で内容を表示できるAccordion v2.0[to-R]
アコーディオン形式で内容を表示できるAccordion v2.0 配布元:Accordion v2.0[リンク切れ] ライセンス:MIT License Accordion v2.0はアコーディオン形式でWebサイトの内容を表示するためのJavaScriptライブラリになります。 最近ではアコーディオン形式を使われているサイトも大分増えてきていますし、Dreamweaver CS3などでも簡単に実装できる為、標準的なUIとして認識されるのはそう遠くはないかもしれません。 設置方法 prototype.jsとscript.aculo.usのeffects.js、そしてaccordion.jsをhead要素内などで読み込みます。 <script type="text/javascript" src="prototype.js"></script> <script type="text/java
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
