HTML5でネイティブアプリを作ろう！「Windowsストアアプリ」開発入門
HTML5でネイティブアプリを作ろう！「Windowsストアアプリ」開発入門 物江 修（日本マイクロソフト株式会社 Webエバン...） これまでのHTMLはオンライン上のドキュメントを記述する目的に設計され、発展してきましたが、HTML5ではそれに加え、アプリケーションのプラットフォームとしての仕様も盛り込まれています。 HTML5のマークアップや API、CSS3、SVGなどの関連技術を使用すれば、Webブラウザの独自の拡張機能に頼らずとも、Web標準から外れることなく、高機能なWebアプリケーションを開発することができるようになりました。また、HTML5とその関連技術が提供するさまざまな標準化された仕様は、Webブラウザ内で動作するコンテンツにとどまらず、クロスプラットフォーム開発が必要とされるネイティブアプリの開発でも使用されるようになっています。 こういったクロスプラットフォーム
Node.js用データ通信モジュールを公開しました - Qiita
段々使える感じになってきたので、自宅でシコシコと開発しているNode.js用モジュール「Tikitaka」をGitHub 上に公開し、npmモジュールとして登録しました。 「Tikitaka」は、サーバー(Node.js)・クライアント(ブラウザ)上のオブジェクトやファンクションを、接続対象のクライアント・サーバから、 あたかもローカルにあるかのように 操作できるようにしてくれる、國村隼さん並に激渋なモジュールです。 例えば、こんなことができます。 サーバ(Node.js)側スクリプト function DBSample(){}; DBSample.prototype.get = function(key, client_func) { // keyからvalueを得る"db.get"というものがあるものとして・・・ db.get(key,function(val) { client_fu
脳筋で使えるjQueryプラグイン作った『waiwai-carousel』 - Qiita
仕事でjavascriptのコードを読んでいた時に自分も興味を持ってしまったので、勉強用に作ってみることにした。 紹介 名前 waiwai-carousel 【github】 色々機能を入れているので、賑やかなプラグインという意味でこの名前になった。 特徴 リスト要素に対して簡単な記述をするだけでカルーセルの動作を実装できる リスト毎のサイズは自由に設定できる 好きな要素をnext・prevボタンにできる 特に指定しなければ、親要素のサイズを見て自動的にカルーセルの範囲を調整してくれる 縦・横方向どちらにも対応 移動量変更可能 アニメーションの時間を変更可能 各イベントのコールバックを設定できる 使い方 javascriptの読み込み head内など任意の場所にjQueryとセットで読み込む <head> ... <script src="jquery-1.11.0.min.js"></s
知らないと損！ウェブデザインに特化したPhotoshopの効率的な89の時短テクニック -神速 Photoshop Webデザイン編
Photoshopを毎日使うウェブ制作者はぜひ目を通してほしい、Photoshopを自分の手足のように使えるようにするノウハウ、同じ結果でも遙かに時間が短縮されるテクニックが満載のオススメ本を紹介します。 同サイズの画像をスライスするのに5分かかっていたのが1分で！ 10px以下の小さな文字を鮮明にするのに10分以上かかっていたのが5分でよりキレイに！ など実用的な技が満載です。 「神速 Photoshop Webデザイン編」ではウェブデザインの現場でPhotoshopを使う時に役立つ情報が満載！ Webデザインに特化したPhotoshopの環境設定方法から、すばやいスライス、効率的なカンプの作成、デザインのバリエーションを楽につくるなど、実践的なテクニックや便利なツール、そしていざという時の「直し」に強いデータをつくる方法など、デザイナーの時間を大幅に短縮します。 神速デザインの5箇条
[JS]縦長のスクロールページに使いたい便利なスクリプト -isInViewport.js
Demo: Basic div要素が縦に並べてあるだけのページで、最初は背景のカラーが全てグレーです。スクロールするとビューポート内にある2番目のdivのみ明るいグレーになります。 アドバンスではビューポートを上から100px狭く設定し、適用しています。 ※ベーシックにもスクロールするとこの機能が発動します。 Demo: Advanced isInViewport.jsの使い方 Step 1: 外部ファイル jquery.jsと当スクリプトをhead内に外部ファイルとして記述します。 <head> ... <script src="jquery.min.js"></script> <script src="isInViewport.min.js"></script> </head> Step 2: HTML HTMLは特に意識する必要はありません、通常通り実装します。 <div> ...
Google Grid Gallery | Codrops
A responsive Masonry grid with a gallery view using 3D Transforms. Based on the gallery seen on the Chromebook Getting Started guide by Google. This Blueprint is a responsive grid gallery based on the gallery by Google for the Chromebook Getting Started guide. In this Blueprint we use Masonry for the grid and 3D transforms for navigating the items. For smaller screens we have some example media qu
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JSで通知ポップアップを出すライブラリ「PNotify」 | Web活メモ帳
単一ページで作るHTML5製Webアプリ向けのフレームワーク・「BladeRunnerJS」
Apple、Google、Windowsストア用ボタンセット:phpspot開発日誌
SVGをアップロードしてフォント化できる・「Glyphter」