HTML5では「data-*="value"」の形式で属性名にプライベートな値を設定できるカスタムデータ属性の仕様と、そのカスタムデータ属性にJavaScriptからアクセスするAPIが定義されました。 でも実はJavaScriptだけではなく、jQueryはもちろんCSSからでもアクセスする... 続きを読む

• dresscording.com
• テクノロジー

ConditionizrMeet Conditionizr, the conditional free legacy, retina, script and style loader. Download (3KB) Documentation Conditionizr is an intelligent jQuery plugin, that detects the end-users browser and pixel ratio, allowing you to serve ... 続きを読む

• conditionizr.com
• テクノロジー

prefixfree Break free from CSS -prefix- hell! ">Only 5KB minified pre•fix•free |ˈprēˌfiksfrē| n. A script that lets you use only unprefixed CSS properties everywhere. It works behind the scenes, adding the current browser’s prefix to any C... 続きを読む

• leaverou.github.com
• テクノロジー

流行りのレスポンシブWebデザインを、いくつかのカテゴリに分けて説明する。スマートフォン向けサイト制作を学びたいという方も必読だ。 2013年に本格的に普及するレスポンシブWebデザインとは？ 2012年からWeb業界で話題になっているレスポンシブWebデザイン。... 続きを読む

• www.atmarkit.co.jp
• テクノロジー

1つ前のエントリーで TechCrunch がコメントシステムを Facebook コメントから、Livefyre に変更した件について書いたんですが、その最後に、当 Blog もちょっと前から Livefyre に切り替えてるんで、その導入方法とか書きます予告をしました。 Facebook コメン... 続きを読む

• hyper-text.org
• テクノロジー

デザイン パフォーマンスは技術課題ではなくデザインの課題 パフォーマンスは技術者の問題であって、デザイナーは考えなくて良いものではないと思います。見た目だけではなく、触感・体感もデザインに大きな影響を及ぼすからこそ、デザイナーも考えるべき課題で... 続きを読む

• www.yasuhisa.com
• テクノロジー

以前から気になっていたCSSフィルタについて、ちょっと調べてみました。 結果、あまりにお手軽に、効果絶大なエフェクトをかけられることが判明して、ちょっと興奮しています。これはすごい！ CSSフィルタは、SVGで従来から規定されていたFilter Effectsを、CSS... 続きを読む

• openweb.co.jp
• テクノロジー

HTML5 Advent Calendar 2012、7日目の記事です。なんか軽い気持ちで書いてみますとか言ってしまったんですが、緊張しますね... さて、タイトルの通りなのですが、HTML Microdata （マイクロデータ） について簡単に触れてみようかなと思います。この辺の話題に... 続きを読む

• hyper-text.org
• テクノロジー

Macでウェブ制作に携わる人全員に伝えたい、Windows, Linux, Mac OS Xのさまざまなブラウザでの表示確認ができる無料のMac OS Xアプリを紹介します。 Boot CampやParallelsなどは必要なく動作します。 Sauce -App Store Sauce for Mac -Website Sauceは、約100... 続きを読む

• coliss.com
• テクノロジー

レスポンシブWebデザイン（RWD）で作ったウェブサイトを運営しはじめてから気になっていたことが一つあります。それは、RWDで作られたウェブサイトでもデスクトップ版のレイアウトが見られるようにする機能が必要かという疑問です。僕が書いた本でもp.176のコラ... 続きを読む

• parashuto.com
• テクノロジー

HTML5が勧告候補に 12月17日付けで、HTML5, Canvas 2D Contextが勧告候補として公開されました。 HTML5 HTML Canvas 2D Context 「勧告候補 (Candidate Recommendation)」とは、レビューが広く行われ、実装を呼びかける段階と判断された仕様です。HTML5という巨... 続きを読む

• standards.mitsue.co.jp
• テクノロジー

§ もし北朝鮮の打ち上げが本当に人工衛星の打ち上げだったとしたら？ 北朝鮮が４月に続き、今年２度目の人工衛星打ち上げを行うと宣言しました。現時点では打上げ予定は12月10日～29日(当初22日)となっています。メディアでは例のごとくミサイルか否かという議... 続きを読む

• www.lizard-tail.com
• 学び

最新版のダウンロード:custom-post-type-permalinks.0.4.5 機能 各投稿タイプのパーマリンクを設定 各投稿タイプごとのアーカイブのURL(“exsample.org/posttype/”),日付によるアーカイブのURL(“exsample.org/posttype/2011/11/02”的な)を追加 wp_get_archiv... 続きを読む

• www.torounit.com
• テクノロジー

公開日時: 2012年11月 4日, 最終更新: 2012年11月 4日 SEOというのは因果なもので、それに関わっているというだけで知らない人から理由もなく白眼視されたりするという有様です。今はもうある程度は立ち直ったのですが、実は僕はそうしたことについて、かなり気... 続きを読む

• www.searchengineoptimi...
• テクノロジー

アイコン形式になったWebフォントを集めてみました。これだけ色々揃うと画像を使う場面も減ってくるかもしれませんね。 @font-face { font-family: 'MyWebFont'; src: url('webfont.eot'); /* IE9 Compat Modes */ src: url('webfont.eot?#iefix') format('embe... 続きを読む

• weboook.blog22.fc2.com
• テクノロジー

2012 年の 4月に CR(勧告候補) になった，CSS Image Values and Replaced Content Module Level 3 とそこで規定されてる，Linear Gradients: the ‘linear-gradient()’ notation の幾つかのブラウザでの対応具合が面倒な事になってるなぁってお話． 経緯とか ... 続きを読む

• t-ashula.hateblo.jp
• テクノロジー

[フォント] 画像見出しは非効率！使っていきたい国内のWebフォントサービス 続きを読む

• w3q.jp
• テクノロジー

前回の記事のついでに viewport 以外の iOS でサポートされているメタタグについて整理してみましょう。 Supported Meta Tags <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black">... 続きを読む

• blog.4uing.net
• テクノロジー

第1回　「OAuth」の基本動作を知る OpenID Foundation Japan Nov 2012/8/27 いまWebの世界では、さまざまなWebサービスが提供するプラットフォームと、サードパーティが提供するアプリケーションがAPIを中心に結び付き、一種の「APIエコノミー」を形成していま... 続きを読む

• www.atmarkit.co.jp
• テクノロジー

現在、Google ドキュメントを簡易 HTML 形式で閲覧しています。Google ドキュメントをリアルタイムで編集、共有するには、サポートされているブラウザに切り替えてください。 続きを読む

• docs.google.com
• テクノロジー

Accessibility View text version Categories Technology Upload Details Uploaded via SlideShare as Adobe PDF Usage Rights © All Rights Reserved Statistics Favorites 1 Downloads 0 Comments 0 Embed Views 0 Views on SlideShare 12 Total Views 12 Wor... 続きを読む

• www.slideshare.net
• テクノロジー

コーヒーは命の水！もりたです。 css3の正式勧告はいつだろうと指をくわえながら使っている現在ですが、そんな中どうしても使わなければいけないベンダープレフィックス。 全部書き出すとすごくいっぱいあるみたいなんですけど、とりあえず-webkit-と-moz-だけ... 続きを読む

• liginc.co.jp
• テクノロジー

Drag & Drop Featured Image is a plugin that replaces the default "Set featured image" metabox with a drop zone for faster uploads. Drag & Drop Featured Image is a plugin made to save you time when setting a featured image. What it does is sim... 続きを読む

• wordpress.org
• テクノロジー

生命と遺伝子の営みが、発生と進化と淘汰を繰り返し、 数多の愛すべき無駄を携えながら最適な姿へと形を変えてきたように、 人の歴史と共に生まれた数多くのモノたちも 愛され、やがて消え、姿を変えながら、進化を続けてきました。 そして、今。 わたしたちは... 続きを読む

• the-web.co.jp
• 暮らし

A tutorial about how to create different interesting hover effects on circles with CSS transitions and 3D rotations. View demo Download source In today’s tutorial we’ll experiment with hover effects on circles. Since we have the border radi... 続きを読む

• tympanus.net
• テクノロジー

In this Article we are providing best jQuery flip effect plugin with examples.These plugins make the html content and images flip 360 degree and animate them with jquery and css3 transform , rotate.These plugins are most useful for your portf... 続きを読む

• www.jqueryrain.com
• テクノロジー

スマートフォン対応、気をつけたいトラブル — Presentation Transcript スマートフォン対応、    気をつけたいトラブル 若松 浩昭（株式会社ジークス） 自己紹介若松 浩昭（Hiroaki Wakamatsu）・Webサイトの設計・フロントエンド周りの実装・スマートフ... 続きを読む

• www.slideshare.net
• テクノロジー

シンプルでくっきりしたデザインのアイコンのベクター素材を紹介します。 カスタムシェイプやRetinaディスプレイ用も完備です。 アイコン全108種類 ダウンロードできる素材のフォーマットは、ウェブ制作者に嬉しいさまざまなものが揃っています。 .psd -プレビ... 続きを読む

• coliss.com
• テクノロジー

Twitter apiのガイドラインが改定になるそうです。 Twitter API v1.1でのAPI利用ルールの変更について こちらの日本語ブログは当たり障りのないところしか書いてないので、関係者は英語の方を読むことを強くおすすめします。 Changes coming in Version 1.1 of ... 続きを読む

• www.milkstand.net
• テクノロジー

/* Functinal */ p( HanZenKaku.h2z('ｺｶﾞｲﾀﾞﾝ') ); p( HanZenKaku.z2h('コガイダン') ); p( HanZenKaku.hw2fw('dankogai') ); p( HanZenKaku.fw2hw('ｄａｎｋｏｇａｉ') ); p( HanZenKaku.fs2hs('a　space') ); p( HanZenKaku.hs2fs('a space') ); p( HanZenKak... 続きを読む

• blog.livedoor.jp:dankogai
• テクノロジー

PHP、JavaScript、Ajax、HTML/XHTML、CSS、Webページ埋め込みによる音声・動画配信方法など、実用的なプログラミング・テクニックを解説lists/create 〔認証ユーザーの新しいリストを作成（要認証）〕 lists/update 〔認証ユーザーの特定のリストを更新（要認証... 続きを読む

• phpjavascriptroom.com
• テクノロジー

もう郵便番号データをサーバにインストールする必要はありません。 株式会社人気組が中心となって http://www.kawa.net/works/ajax/ajaxzip2/ajaxzip2.html で公開されている ajaxzip2 を JSONP に対応させてみました。 ☆オリジナルからの変更点 ・Javascript... 続きを読む

• code.google.com
• テクノロジー

2012年6月16日土曜日 作業時間を10分の1にできて、デザイナーとコーダーのお互いが幸せになれるプラグイン「SPECCTR」が素晴らしい。 ややうさんくさい感じのするタイトルですが、ホントの話なんです。 海外のサイトを見ていてたまたま見つけて試してみたところ... 続きを読む

• stam-design-stam.blogs...
• テクノロジー

2012 年 4 月 25 日 Posted by デービッド　ウォルツ／Google ドライブ・プロダクトマネージャー 本日、全てのファイルを安心して保存、共有できるGoogle ドライブを発表しました。Google ドライブを使えば、ファイルの作成や共同作業がより簡単にできるので、... 続きを読む

• googlejapan.blogspot.com
• テクノロジー

著者、つまり日経デザイン編集部より献本御礼。 P.69 デザインというのは奇妙な言葉で、 どう見えるかということだと考える人がいる。 しかし、もっと深く考えると、実際にはどう機能するかだ 本書に何が記されているかといえば、これに尽きる。 いくら 決算の... 続きを読む

• blog.livedoor.jp:dankogai
• テクノロジー

つい先日。 Mac miniを買いに行って来ました。これも全部アップルが悪くて、iPhoneアプリを最終的に出荷するためには結局Macないとだめなんかーい！という事で、仕方なく買いに行ったわけです。アップル最悪です。ゲイツ大好きです。 覚悟しなさいMac。 購入編 ... 続きを読む

• e0166.blog89.fc2.com
• テクノロジー

[JS]あなたのウェブページがどのくらいスクロールされて見られているかが分かるスクリプト -jQuery Scroll Depth Googleアナリティクスを使って、ウェブページがどのくらいスクロールされているか解析するjQueryのプラグインを紹介します。 下記のキャプチャは... 続きを読む

• coliss.com
• テクノロジー

Adobe® Creative Cloudは、コンテンツ制作プロセスを根本的に再定義する新たなイニシアティブです。デスクトップアプリケーションに加え、各種タブレットアプリケーションも利用が可能な他、さまざまなクリエイティブサービスや作品の共有をも実現する、クリエ... 続きを読む

• www.adobe.com
• テクノロジー

Webデザイン仕事 Webデザインが抱える制約と評価の仕方 このデザインは何を達成させようとしたのか？という部分にフォーカスすることで、様々な制約の中で自分たちだったらどのような手法を達成できたのだろうかという建設的な話になるでしょう。 先週になりま... 続きを読む

• www.yasuhisa.com
• テクノロジー

App Store Japanさんからの、短くてタイムリーなメッセージを受信しましょう! Twitterは豊富なリアルタイム情報の宝庫です。Twitterには信じられないくらい様々な話題の情報が飛び交っています。今すぐ参加して@AppStoreJPさんをフォローしよう! SMS で更新を受... 続きを読む

• twitter:AppStoreJP
• テクノロジー

Screenqueri.es is a Pixel Perfect Tool to test your Responsive Design / Media Queries. Select from Pre-defined Screen Resolutions OR Drag Screen Handles To Go With Your Custom Screen Resolutions. 続きを読む

• screenqueri.es
• テクノロジー

WordPressでブログじゃないWebサイトを作成するときのTipsです。WordPressを使った、コーポレートサイトのサンプルも作りました。WordPressでのサイト構築のやり方は、人それぞれだと思いますが、私なりのやり方をカスタム投稿タイプを使いながらまとめています... 続きを読む

• webdesignrecipes.com
• テクノロジー

前CEO（最高経営責任者）のスティーブ・ジョブズ氏が亡くなった直後の四半期（2011年10月～12月）、米アップルは前年同期比73％増となる3兆8400億円（463億ドル、1ドル83円として換算。以下同）の売り上げを記録した。純利益は同113％増となる、1兆1000億円（約... 続きを読む

• www.nikkei.com
• テクノロジー

米CNET編集者注：この記事は、Mobifyの最高経営責任者（CEO）のIgor Falestki氏がゲストとして寄稿したものだ。記事の最後にFalestki氏の略歴を記載した。 新しい「iPad」は、3月16日に発売されて以来、飛ぶように売れている。現在、300万人を超える人々がこの... 続きを読む

• japan.cnet.com
• テクノロジー

HTML5のINPUT要素のTYPE属性とiPhone/Androidの入力モード解説 現行のスマートフォンブラウザ全てを、自動的に英数字入力モードに切り替えるtype属性はない。 一部 type=”url” で英数字入力に切り替わるが、将来アップデートにより、 http://を含まない文字列... 続きを読む

• html-five.jp
• テクノロジー

デモページ：p要素 Scroliteの使い方 外部ファイル スクリプトとスクロールバー用のスタイルシートを外部ファイルとして記述します。 <script src="lib/jquery.min.js" type="text/javascript"></script> <script src="lib/jquery.scrolite.min.js" type="text/... 続きを読む

• coliss.com
• テクノロジー

日本国外でビジネスを展開している日本企業も数多く存在しますし、海外サイトの管理を日本で行っている企業もある程度あると思います。ドメインからコンテンツ管理までウェブマスターにとってはチャレンジングや多言語サイト運用ですが、今回はそんな多言語サイ... 続きを読む

• www.seojapan.com
• テクノロジー

人生 , 仕事術 ノマドワーカーがクールだなんて幻想だ！ というお話 2012.04.17 23:00 コメント数：[ 0 ] Tweet やたらと「ノマドワーカー」と言う単語が流行って来ているような気がする今日この頃ですが、いかがおすごしでしょうか？ そもそもノマドというのは... 続きを読む

• www.lifehacker.jp
• 暮らし

Chrome ウェブストア - BuiltWith Technology Profiler サイトに使われている技術が丸裸になるChrome拡張「BuiltWith」。 サーバに何を使っているとか、PHPを使っているかとか、jQueryとかのライブラリや、Analyticsが入っているかといった情報を一括で表示して... 続きを読む

• phpspot.org
• テクノロジー

A set of list scroll effects applied via CSS.Silly list scroll effects. Tested in WebKit/FF Nightly. In the mood for more CSS? Here you go. 続きを読む

• lab.hakim.se
• テクノロジー