TEST CORDING » Sassの@functionの使い方まとめ – プログラマブルな処理は@functionThank you for your trust!You will be redirected to System.io page in 15 seconds.
くるくる回る巻きすのようなアニメーション·Makisu MOONGIFT
MakisuはCSS/JavaScriptを使って巻きすのようなアニメーションを行うライブラリです。 Makisuの面白さはあえて語らず、そのアクションを実際に見てもらうのが良さそうです。以下よりぜひ！ パタパタと広がっていくのが印象的です。 広げることも逆に折り畳むこともできます。 デモ動画です。 CSS 3Dがサポートされていないといけないので、Operaは使えずIEも10以上から対応となっています。ソフトウェア名通り、巻きすのようにパタパタと折り畳まれていく様子は面白いです。最後の1回だけ逆側に折り畳まれるので、メニューのヘッダーが見えているというのも細かく気が配られています。 MakisuはJavaScript製、MIT Licenseのオープンソース・ソフトウェアです。 MOONGIFTはこう見る HTML5によってユーザ体験をどれくらい変えられるのか、既存のHTML4を捨ててま
ウィンドウサイズに合わせて自在にJavaScriptを実行する·Response MOONGIFT
ResponseはレスポンシブWebデザインを実現するのに必要な情報を取得できるJavaScriptライブラリです。 レスポンシブデザインを実現する際にスタイルシートだけで全てをこなすのは難しいかも知れません。ウィンドウの幅に応じて最適な見せ方を実現するためにJavaScriptの力が必要ならばResponseを使ってみましょう。 テストの画面です。ウィンドウや画面のサイズが出ています。 ウィンドウサイズを縮めると値がリアルタイムに変化します。 縦のスクロール値も出ます。 各種判定値が用意されています。 ウィンドウサイズによる簡易的な判定も可能です。 もちろんこのページ自体がレスポンシブです。 Responseを使えば現状のウィンドウサイズやスクロール位置などレスポンシブWebデザインを実現するのに必要な情報が一気に取得できます。さらにリサイズなどのコールバックにも対応しているので、表示し
JavaScriptでうっかりやってしまいそうなこと色々
こんにちは、中川です。 今回はJavaScriptで開発していると、うっかりハマってしまうちょっとした罠たちを紹介したいと思います。 JavaScriptでの開発経験者であれば、どれか一度はひっかかったことがあるのではないでしょうか？ String ●String#replace()は文字列指定では全部置き換えない 対象文字列を一括して置き換えたいなどでString#replace()を使いますが、 検索対象を文字列で指定してしまうと最初に一致した部分しか置換しません。
ASP.NET AJAXの開発をさらにサポート「ASP.NET 3.5 SP1」
Visual Studio 2008 Service Pack1から、ScriptManagerコントロールの機能強化が行われ、AJAX機能のサポートが行われています。また、ASP.NET Controls for Silverlightにより、Silverlightのメディアやコンテンツをサポートするコントロールの追加も行われています。本稿では、ASP.NET 3.5 SP1/ASP.NET Controls for Silverlightの概要とアプリケーションの作成について学びたいと思います。 はじめに Visual Studio 2008 Service Pack1（以下、VS2008）の追加機能の一つにASP.NET AJAXのScriptManager（ScriptManagerProxyも含む）コントロールの機能強化があります。また、11月にリリースされた、ASP.NET C
ASP.NETプログラマーのためのjQuery入門（1/5） - ＠IT
従来、ASP.NETでは、JavaScriptプログラミングのための標準ライブラリとしてMicrosoft AJAX Library（以降、「MS AJAX Lib」）を提供してきた。MS AJAX Libは、ASP.NET AJAXの中で提供されるクライアントサイド・フレームワークである。同じくASP.NET AJAXのサーバサイド・フレームワークであるASP.NET AJAX Extensionsとセットで開発が進められたことから、サーバサイド機能との親和性に優れているという特徴がある。 もっとも、逆にいうならば、MS AJAX LibはあくまでASP.NET AJAX Extensionsとの連携を目的としたライブラリであり、（MS AJAX Libに触れたことがある方ならばお分かりのように）単体のJavaScriptライブラリとしては、お世辞にも高機能とはいいにくい*1。MS AJ
プログラミングを勉強したいメンバーが集う！新しいタイプのシェアハウス「PGHouse 豪徳寺」に行ってきた。 | EdTech [エドテック]
Webデザインで参考になるギャラリーサイト10選Webサイトを作る上でデザイナはとても重要な要素の一つです。自分だけでなく他の人が見るのであればなおさら見やすい、...
![プログラミングを勉強したいメンバーが集う！新しいタイプのシェアハウス「PGHouse 豪徳寺」に行ってきた。 | EdTech [エドテック]](https://cdn-ak-scissors.b.st-hatena.com/image/square/d28879f6fac4f037a7732779ba0157684bf50325/height=288;version=1;width=512/https%3A%2F%2Fwww.edtech.jp%2Fassets%2Fog-image-news-top-d1097498be7ec3de62fa55901762e6dcf676cbb13dcfeba95e0bb1dd3c7d010e.jpg)
JavaScriptでネイティブ並の速度を誇るゲームを開発·Ejecta MOONGIFT
EjectaはCanvasとオーディオ、JavaScriptをサポートしたフレームワークでネイティブ並のiOSアプリ（ゲーム）を開発できます。 iOSアプリでゲームを開発する際にはObjective-Cを使うのが基本でしょう。WebベースであったりTitaniumのようにJavaScriptのエンジンを経由するとそれだけ速度が低下してしまいます。しかしそんな限界に果敢に挑戦するフレームワークがEjectaです。 サンプルです。JavaScriptとは思えないほどスムーズな動きです。 指を動かすと線の太さ、明るさが変化します。 これくらい細くもできます。 線の数をぐっと減らしました。 Ejectaはゲームとアニメーションに特化したソフトウェアで、Canvasとオーディオだけで構成されています。JavaScriptは素のJavaScriptとして実行されます。これによりHTML5のゲームは多少
Happy Elements Labs: 150行でここまでできる！Three.jsによる3Dタイピングゲーム
カメラ # PerspectiveCamera以外にOrthographicCameraがあります。 # 引数: 視野角（垂直）、描画範囲の縦横比、カメラから一番近い描画点、カメラから一番離れた描画点 @camera = new THREE.PerspectiveCamera(40, document.width / document.height, 1, 10000) # カメラの位置 @camera.position.y = 300 @camera.position.z = 1000 レンダラー（sceneの描画を行うためのオブジェクト） # WebGLRenderer以外にCanvasRenderもあります。 # 引数のオプションは下記を参照 # https://github.com/mrdoob/three.js/wiki/WebGLRenderer @renderer = new
Webパフォーマンス ベストプラクティス - Make the Web Faster
Webパフォーマンス ベストプラクティス Last updated: 02 October 2012 翻訳：@t32k WebページをPage Speedで調べるとルールに準拠していないものが提示される。このルールというのは、一般的にあなたが開発段階において取り入れるべきフロントエンドのベストプラクティスだ。あなたがPage Speedを使用しようとしまいと、私たちはこの各ルールについてのドキュメントを提供する（たぶんちょうど新しいサイトを開発中でテストする準備が整ってないだろう）。もちろん、これらのページはいつでも参照することができる。私たちはあなたの開発プロセスに取り入れてもらうために、このベストプラクティスを実装するための明確なティップスと提案を提供する。 パフォーマンス ベストプラクティスについて Page Speedはクライアント側からの観点でパフォーマンスを評価し、一般的にペー
[JS]jQueryのプラグイン33+1選 -2012年8・9月
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 BigVideo.js MP4などの動画をウェブページの背景いっぱいに配置します。 Video Background サイズ変更可能
手軽に美しく実装！ファイルアップロード用JavaScriptライブラリ4選 - Lancers開発ブログ
こんにちは、keiです。 今回は、ブラウザからのファイルアップロードを実装する際に、お勧めなJavaScriptライブラリを4つご紹介致します。 ランサーズ上で、大容量ファイルのアップロード機能を実装することになった際に、以下の軸で調査した結果となります。 手軽に実装できる 見た目が今風 (大容量なので)アップロード中にプログレスバーが表示される Uploadify http://www.uploadify.com/ 複数ファイルアップロードが可能なjQueryプラグイン。 HTML5バージョンとFlashバージョンがあります。 長所 豊富なドキュメントとデモ 高いカスタマイズ性 短所 HTML5はライセンスが必要 Plupload http://www.plupload.com/ HTML5、Flash、Silverlightに加え、GearsとBrowserPlusにも対応し
ネイティブアプリのようなWebアプリを作るために
※image via 003 FREE WEB GRAPHICSデバイスの多様化に伴い、拡張性の高いWebアプリの重要性が見直されています。サイバーエージェントのデカグラフを構成するサービスも基本的にはWebベースで作られていますが、これはアプリの改善スピードを上げたり、各サービス間の回遊性を高めるという狙いもあるようです。 ただし、スマートフォンユーザーはネイティブアプリ先行でサービスに触れているため、これまでのWebアプリでは当たり前だったことが、今ではストレスに感じてしまうことも多いです。HTML5の登場やJavascriptのライブラリの充実などにより、最近ではリッチなWebアプリを作る環境が急速に整ってきてはいますが、それでもスマートフォン向けに満足度の高いWebアプリを提供するハードルは非常に高いと言えると思います。 そこで、「もっさり＆カクカク」な印象のあるWebアプリの操作
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
大規模なギョームシステムにHaxeを採用してみた話
deconcepter.jp
大規模 JavaScript その設計と実装と現実
deconcepter.jp
タッチデバイスに適したMetro UIのスタイルを使ったTwitter Bootstrapベースのフレームワーク -BootMetro
http://www.cmmntr.com/m/22
cmmntr.com
