[CSS]ガラスに光があたったようなエフェクトをアニメーションで適用するスタイルシート
画像をホバーすると、ガラスに光があたったようなエフェクトをアニメーションで適用するスタイルシートを紹介します。 デモページ [ad#ad-2] 実装 HTML 画像のimg要素とエフェクト用のdiv要素をdiv要素で内包します。 <div class="image_shine"> <img src="http://www.wordpressthemeshock.com/banners/banner_10_themeshock.jpg" /> <div class="hover_shine"></div> </div> CSS まずは、ラッパーのdiv要素のスタイルです。 エフェクト用のdiv要素用の「position: relative;」がポイントです。 .image_shine{ width: 200px; height: 200px; margin: 30px auto; posit
Macの空きメモリ状況が改善したChrome設定チェック方法とオススメ機能拡張７選（2012年春版） - もとまか日記
先日、以下のメモを書いた。 Macに入れたら超快適になったMac App Storeの無料アプリ８選（2012年春版） この中の「FreeRAM Booster」を入れて意識するようになったんだけど、結構、頻繁にメモリ解放を行ってて、今までやたらとメモリを使ってたんだなぁ、と改めて気がついた。 うーん、これはもっと使用メモリを少なくしたいなぁ・・・ と思ったので、前からやらなきゃなーと思ってたChromeの環境を見直してみたメモ。＜注意事項＞使用環境に依存するため、この結果を保証するものではありません。予めご了承ください。 Chromeのメモリ状況を確認してみた 以前から何も考えずに機能拡張を試しては放置を繰り返して、あまりメンテ的なことはしてなかったのでメモリ状況を確認してみたところ、以下のような状況だった。 ResidentSharedPrivateVirtual551,936k1,5
Photoshopのドロップシャドウの使い方をマスターするチュートリアル
ドロップシャドウはウェブデザインで非常に人気のあるエフェクトです。 このドロップシャドウのエフェクトを使いこなすために、Photoshopのドロップシャドウの各種設定の使い方を紹介します。 How to Use Drop Shadows in Photoshop [ad#ad-2] 下記は各ポイントを意訳したものです。 ドロップシャドウとは レイヤースタイルのドロップシャドウ 描画モード 不透明度 角度 距離 スプレッド サイズ 輪郭 ノイズ ノックアウト 設定の保存と初期化 ドロップシャドウのサンプルファイル ドロップシャドウとは ドロップシャドウの主な用途は、2Dのイメージで3Dの奥行きをシミュレートすることです。これはオブジェクトが3Dの空間で背景の上に浮いていることを表すために、オブジェクトの後ろにオフセットのシャドウをつけます。 下記の例はドロップシャドウを変えることで、光源の大
Linux Bash Shell Cheat Sheet
Programming Education for Pre-Beginners Learn Code The Hard Way courses are the most effective system for learning the basics of computer programming, designed specifically for complete beginners. I call my target readers "pre-beginners" to emphasize how focused I am on people who know absolutely nothing. The courses have helped millions of people just like you, from all over the world, from all d
[HTML5]世界一インストールが簡単なWikiをリリースしました。 #jswikimini - DQNEO起業日記
IE6,7,8,9, Firefox, Google Chrome, iPhone, iPadで動く！(たぶんAndroidも) このシステムは非常に奇妙なアーキテクチャで、いろんなプラットフォームで動きます。 プラットフォームごとに動作モデルが異なります。(ここが奇妙な点です。) IE6,7,8,9で動かす場合 PCローカルにHTMLファイルをダウンロードして、それをIEで開いてください。 (セキュリティレベルを下げる必要があるかもしれません。自己責任でお願いします。) IEでの動作モデルは前作 JSWikiMini と同じです。 データはテキストファイルとしてPC内に保存されます。 USBメモリや共有フォルダに置いて使うこともできます。 (逆に、Webサーバ上に置いた場合は使えません) windows環境では、一種のネイティブアプリとして振る舞います。 この仕組みはActiveXObj
Red HatのPaaS基盤「OpenShift」、ソースコードを「OpenShift Origin」として公開
Getting Started with OpenShift Origin - the Open Source Platform as a Service (PaaS) | OpenShift by Red Hat OpenShiftはJava、PHP、Perl、Ruby、Python、Node.jsなど複数の言語に対応したPaaSで、昨年からRed Hatが試験サービスを無料で提供していました（Amazonクラウド上で展開されていることが明らかにされています）。 発表時からオープンソースとして公開することを同社が約束しており、今回それが実行されたことになります。 すぐに試せるLiveCD形式で配布 ドキュメントを見たところ、OpenShift Originは複数の言語やデータベースサーバを「カートリッジ」（Cartridge）によって取り扱えるようにしており、カートリッジを追加することで
How Google Developers Use Ubuntu
There was a very interesting session at UDS by Google developer Thomas Bushnell. He talked about how Ubuntu, its derivatives and Goobuntu (Google's customized Ubuntu based distro) are used by Google developers. He starts by saying 'Precise Rocks' and that many Google employees use Ubuntu including managers, software engineers, translators, people who wrote original Unix, people who have no clue ab
DOM MutationObserver – reacting to DOM changes without killing browser performance. – Mozilla Hacks - the Web developer blog
Thanks! Please check your inbox to confirm your subscription. If you haven’t previously confirmed a subscription to a Mozilla-related newsletter you may have to do so. Please check your inbox or your spam filter for an email from us. smaug The right link to the spec is http://dvcs.w3.org/hg/domcore/raw-file/tip/Overview.html#mutation-observers Also, the API will be un-prefix very soon. We want to
EnglishCentral Blog - Kişisel İngilizce Öğretmeniniz
İngilizce öğrenmek için ihtiyacınız olan her şey EnglishCentral Blog'da!
HTML5の味見しちゃうよ（1）- ＠IT
HTML5の味見しちゃうよ（1） Web RTC、Face.jsとJSARToolkitのお味は？ シーエー・モバイル 市川 未吏 2012/5/11 Web RTC、Face.jsとJSARToolkitを試した。JavaScriptを使って、Webカメラで顔認識とARをしよう HTML5とか勉強会の分科会発足！ 日々めまぐるしい進化を遂げているWebの世界。その世界に身を置き、興味を惹かれるものは多々あれど、なかなか実践するのは難しいものです。私ももちろん、例外ではありません。 Web先端技術味見部は、気になるあの技術をどこよりも早く取り上げる勉強会です。10人前後の少人数の参加者全員で、気になるフレームワークやAPIなどを味見していきます。 先日開催された、その第0回、第1回の様子を以下にお伝えします。 その名もWeb最先端技術味見部 最初に取り上げたのは「Web RTC」。Web
JavaScript Study Guide, by Chris Shiflett
Photo Location Buchanan Pass, CO 40.1280° N 105.6323° W “I am losing precious days. I am degenerating into a machine for making money. I am learning nothing in this trivial world of men. I must break away and get out into the mountains to learn the news.” · JOHN MUIR 26 Apr 2012 A few months ago, I wrote about learning JavaScript. I'm already pretty comfortable with the language, and although I di
Titanium SDKのバージョンをCUIで管理·tsm MOONGIFT
tsmはTitanium SDKのバージョンマネージャです。 JavaScriptを使ってiOS/Androidアプリが開発できるTitanium。利用者も多いとは思いますが、SDKの更新頻度が早く追従しきれない人も多いのではないでしょうか。そんな方に使ってみてほしいのがtsmです。 インストールしました。npmコマンドで簡単にインストールできます。 リモートにあるSDKのバージョン一覧です。 今はインストールされているSDKはありません。 “install バージョン”で任意のバージョンのSDKがインストールできます。 tsmでは古いバージョンから最新の2.0まで任意のSDKをインストールできます。それだけでなくベースの生成を行ったり、ビルドまでtsmから行えます。古いコードを最新版でビルドしてみる、またはその逆など色々な使い方がありそうです。 tsmはnode.js/JavaScrip
node.js で mac から音が鳴るやつ - 音の鳴るブログ
Web Audio API や Audio Data API を使ってブラウザから音を出したりやっているけど、音を生成する部分だけを確認したいときにいちいちブラウザでページを開くのも億劫だし良くクラッシュするのもだるいので、ターミナルから使えるように node.js のモジュールを書いてみた。 https://github.com/mohayonao/node-macaudio 出来ることは少ない(１つだけ)だけど、その分使い方はシンプル。 var macaudio = require("macaudio"); var node = new macaudio.JavaScriptOutputNode(1024); // bufferSize node.onaudioprocess = function(e) { var L = e.getChannelData(0); var R = e.
Rails
簡単な注文システムを想定してセッションを進めます。 以下を実行して、アプリの開発に必要となるファイルを生成します。 (rails -h と実行すると、利用可能な rails サブコマンドとサブコマンドの説明が表示されます) rails new chumon 必要なファイルが chumon ディレクトリの中に生成されます。 以降は chumon ディレクトリの中で作業を行います。 cd chumon 以下は Rails3.2 で最初にやらなければならないお決まりの設定です。 Gemfile を編集します。 gem 'therubyracer', :platform => :ruby Gemfile を編集した後は必ず bundle install コマンドを実行します。 bundle install Rails アプリのディレクトリ構造です。 . # |-- Gemfile # アプリで利用
JavaScriptで、メソッドをコールバックとして渡す方法(コールバック関数でthisをbindさせる方法) · DQNEO日記
Home Subscribe var obj = { name : 'pikachu', say : function(){ alert('I am ' + this.name); } } setTimeout(obj.say, 1000); // => 'I am'とだけ表示される。 これは期待通りに動いてくれません。 コールバックとしてメソッドを渡した場合、それはオブジェクトと切り離された単なる関数(メソッドではない)となってしまうのです。 つまり下記と等価なのです。 setTimeout( function(){alert('I am ' + this.name);} , 1000); 関数がオブジェクトと切り離されているため、このthisはグローバルオブジェクト(windowオブジェクト)を指してしまっており、'I am'とだけ表示されます。 ではどうすればよいでしょうか？ bin
Client-side MVC with Backbone.js (reloaded)
The document discusses a presentation on client-side MVC with Backbone.js. It includes an agenda that covers why Backbone.js, its architecture including models, collections, views, templates and routers, real world examples, tips and tricks, and extras. The architecture section describes how Backbone.js provides structure using models, collections, views and connecting to RESTful APIs. It also out
Node.js cloud products and services | Nodejitsu Inc.
Node.js clouds. Simple. Scalable. Enterprise-ready. Limited betaPlatform as a ServiceThe simplest, most reliable and intelligent Node.js hosting platform you can get. Try Nodejitsu for free InternalsPricingGetting Started Enterprise Products & ServicesWe license software that enables public and private Node.js clouds. Our products offer unlimited flexibility to build efficient, smart and scalable
*JS : Low-Level JavaScript
*JS is a typed dialect of JavaScript that offers a C-like type system with manual memory management. It compiles to JavaScript and lets you write memory-efficient and GC pause-free code less painfully, in short, *JS is the bastard child of JavaScript and C. *JS is early research prototype work, so don't expect anything rock solid just yet. The research goal here is to explore low-level statically
クライアントサイドMVCについて喋った - mizchi log
月曜日のclient-side templating 勉強会 http://atnd.org/events/28189 で喋った内容をうろ覚えに書き出す。 クライアントMVCが求められるようになった背景 AJAXの流行 PushStateの流行の兆し メディア系のゲームで使えるAPIの充実 今まではページ遷移の度にJSのオブジェクトを破棄していた。 => シングルページでリッチなコンテンツが作れるようになり、JSのやることが増えた PushStateとは 遷移なしにURLを書き換える技術。HTML5 History API。 Twitter, Github, Facebook URLを書き換えるだけなのでコンテンツ(DOM)の操作はアプリ製作者に一任されている。 大規模なHTML書き換えに、クライアントサイドテンプレーティングが重要になってきた。 PushStateのライブラリ defun
bshack/jQuery.ish · GitHub
README.md jQuery.ish 0.1 A baseline feature set and jQuery compatible syntax for modern browsers. Use it as part of your toolset for page performance where the full version of jQuery is not desired. This project is to: include the parts of jQuery that we can't live without and use native js methods for everything else download size of less than 500 bytes minified and gzipped offer 100% jQuery comp
日向清人のビジネス英語雑記帳：スペースアルク I think...I believeに代わるもの
コメント・トラックバックについて 不適切と思われるコメント、本企画の趣旨にそぐわないコメントは掲載されない場合もあります。営業・勧誘目的と思われるコメントに関しても同様と致しますので、あらかじめご了承ください。 記事と無関係な内容のトラックバック、商用あるいはサイト誘導目的のトラックバックについては、当サイト運営者の判断で削除する場合もあることをご了承ください。 コメント投稿時にメールアドレスを公開すると、不特定多数からメールを受ける可能性があります。フリーメールを使用するなどしてご注意ください。 I think...I believeに代わるもの 以前、I think...は控えめにした方がいいという記事を書きましたが、今回は、その続編として、ではどう言い換えたらいいのかを考えます。 James McCrostie の Writer Visibility in EFL Learner a
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Jubatusでマルウェア分類
クールなドアノブ風の％グラフを描画できるjQuery Knob:phpspot開発日誌
Rigor | Splunk
testdrivenjs.com
How to Do Superman Back Exercises: In-Home Back Exercises | eHow.com
How to Remove MS Word MSO Tags from HTML
高級旅館探訪記