[B! jikken] modataのブックマーク

a simple search with AngularJS AJAX and PHP

Recently I found AngularJS, a so called “Superheroic Javascript MVC framework” by Goole®. I must say I am impressed by its simple, readable and quick way of working. This framework is smart, very smart. Go have a look when you’re ready on the AngularJS site. Especially the basics tutorial is worth watching for beginners. I have created a simple search form with a PHP back end and AngularJS to h

modata 2012/10/30

jikken

リンク

Themezilla Demo | Theme: Gridlocked

Themezilla.com Gridlocked ZincecommerceHype-zillacommerceecommerceHypeportfolioFrameportfolioRenderblogVerse db logMotiveportfolioStoreyagencyHannaportfolioRangefinderportfolioAgencyagencyBaseportfolioStatesmanblogMeshportfolioSparksportfolioBloxportfolioHoarderblogShutterbugphotographyViewportmagazineVolumesagencyLaunchblogScopeagencyArtisteportfolioMemotumblogSideshowportfolioStudeoagencyNucleuspo

modata 2012/10/30

jikken

リンク

Twitter関連のjQueryプラグイン｜Twitter関連｜Web関連特集｜PHP & JavaScript Room

スクロールパネルを実装するjQueryプラグイン「jScrollPanel」を使用して、指定したユーザー（複数指定可）のTLをコンパクトに表示する方法が掲載されています。マウスホイールイベントをJSで制御するjQueryプラグイン「jquery.mousewheel.js」を使用することで、マウスホイールでスクロールできるようになっています。鳥アイコンやデザインはCSSで変更できるようになっています。角丸は画像でなく、CSS3を使用して実装されています。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml

modata 2012/10/29

jikken

リンク

JavaScriptは使わず、CSS3でコンテンツフィルターを実装する - かちびと.net

土曜日なのでちょっとしたネタ。 JavaScript無しで、CSSのみでコンテンツフィルターを実装する方法をご紹介。実用性は無いのでこんな事も出来るんだねくらいに受け止めていただけると。 CSSのみでコンテンツをフィルタリングする、というもの。サンプルどうぞ。 Sample Chomre、Safari推奨です。JavaScriptは使用してません。 div[class="pink"] {background:#f7c7de;} div[class="green"] {background:#b5cb94;} div[class="blue"] {background:#7bcbc6;} ↑ まず、色分け。これは属性セレクタじゃなくてもいいです。 a { -webkit-transition:all .5s linear; -moz-transition:all .5s linear

modata 2012/10/24

css
jikken

リンク

要素を画面上に沢山降らせる - かちびと.net

Result jQuery var etx = { init: function() { etx.callFontFlakes(); }, callFontFlakes: function() { window.setInterval(function() { etx.fontFlake(); }, 10); }, fontFlake: function() { // 数字とランダム処理 var stageWidth = $(window).width(); var stageHeight = $(window).height(); var randomEntry = Math.ceil(Math.random() * stageWidth); var preRandomFontSize = Math.ceil(Math.random() * 40); var randomFontSize