MS、グーグルのウェブプログラミング言語「Dart」に不支持を表明
Googleがウェブプログラミング言語「Dart」でウェブを改良したいと考える中、Microsoftが自らをDartの重要な協力者となりうる存在ではなく、むしろ異議を申し立てる立場にあるとの姿勢を明らかにした。 ウェブサイトにある程度高度な機能を付与するプログラミング言語としてはJavaScriptが用いられているが、GoogleはDartでJavaScriptの不備を補いたいと考えている。しかし、Microsoftは米国時間11月22日付のブログ投稿で、JavaScriptの改善こそ進むべき道だと主張した。 MicrosoftのJavaScriptチームに属する5人のメンバーは、Dartの売り込み文句は「JavaScriptには根本的な欠陥があり、（大規模化という）シナリオを推し進めるにはJavaScriptから『決別』する必要がある」と主張しているとした上で、「われわれはこのような考え
floatで横並びになってるボックスの高さを調節する - jsdo.it - Share JavaScript, HTML5 and CSS
floatで横に並んでるボックスを、それぞれの列で一番大きい高さを持つボックスに高さを合わせる。てことをやりたくて自分で書いたので備忘録も兼ねて。 ;(function($){ $.fn.extend({ adjustHeight : function(){ var first = $(this).first(); while(!first.is($(this).last())) { var samelines = $(this).filter(function(){return $(this).position().top == first.position().top}); var heights = new Array(); samelines.each(function(){ heights.push($(this).height()); }); samelines.height(
流行のjQueryでスクロールするサイトを集めてみました
jQueryでコンテンツをスクロールさせる海外サイトを最近見るのですが、あれはかっこいいですね。そこで、今回の記事では、jQueryでコンテンツをスクロールさせているサイトをいくつか紹介しつつ、このタイプのサイトに特有の問題についても触れてみたいと思います。 はじめに コンテンツをスクロールバーではなく、JavaScriptでスクロールさせる場合、ブラウザのスクロールバーが出ないため、「ブラウザからはみ出るコンテンツをどのように扱うか」の課題に直面します。以下のサイトで、この問題をどのように解決しているかにも、注目して見てください。 01. Reverse Büro 自由自在に縦、横方向にスクロールします。マウススクロールにも対応しています。コンテンツ自体がブラウザ幅に合わせて拡大・縮小するのでスクロールは必要ないですね。写真だけのサイトでは、こういった解決策もアリなんだと思います。 ※サ
Let’s start enchant.js | enchant.js - A simple JavaScript framework for creating games and apps.
Index 開発の基本 逆引きリファレンス 注意事項 enchant.js の基本的なテンプレート 基本(描画) Scene を作る/消すには 画像を出すには 文字を出すには 音をならすには 基本(制御) 素材を読み込むには フレーム処理をするには タッチ(クリック)を処理するには マップ マップとは マップを作るには マップ上に障害物があるか判定するには スプライト スプライトを移動するには スプライトを回転/拡大縮小するには スプライトを透明にするには スプライトにCanvasを使うには スプライトで衝突判定を行うには 文字(ラベル) 文字色・フォントを変えるには 文字を移動するには 文字を透明にするには その他 シーンの背景色を変えるには ゲームのfpsを変えるには ゲーム画面の倍率を変えるには ロード時に表示されるシーンを変えるには 素材のプリロードを行うには 開発の基本 ench
シンプル、軽量でカスタマイズしやすいフォームバリデーションjQueryプラグイン・validate.js - かちびと.net
フォームバリデーション系のプラグインは 既に数多く良質なものが揃っているので、 今更、という気もしますが、自分と相性が 良さそうだったので備忘録。軽量でシンプル で、カスタマイズもしやすかったです。 高機能ではなくていいので、こういうのが 欲しいんですよね・・ もちろん、クロスブラウザで動作してくれます。圧縮すれば2KB以下にまで落とせる軽量ライブラリです。 バリデーション用のライブラリです。軽量でクロスブラウザ対応。コードもシンプルでカスタマイズしやすい印象でした。 サンプルです。エラーメッセージは適当なので気にしないで下さい。 Sample コード <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script> <script
ReFlowの原因とマークアップの最適化 « NAVER Engineers' Blog
自己紹介 ネイバージャパンのUIT(User Interface Technology)チームの裵完理(ベワニ)です。 概要 CSSやJavaScriptを使って複雑なデザインや動的なページを実装しているサービスが増えてきていますが、速度低下などの問題が発生しやすくなっています。これを100%直すことは難しいですが、改善するにはブラウザレンダリングプロセスを理解する必要がありますので、理解した上で改善方法を探してみましょう。 ブラウザレンダリングプロセスの理解 ブラウザの基本構造 User Interface – アドレスバー、戻る・進むボタン、ブックマークメニューなど、メインウィンドウに表示(document)されるページ以外の部分 Browser Engine – UIとレンダリングエンジン間のアクションを制御するもの Rendering Engine – リクエストしたコンテンツを表
IPA、情報セキュリティスペシャリスト試験の対象言語にJavaScriptを追加、Perlを外す
IPA（独立行政法人情報処理推進機構）は10月26日、情報セキュリティ技術の専門家として情報セキュリティ管理を支援する人を対象とした「情報セキュリティスペシャリスト試験」において、これまで出題対象としていたC++、Java、Perlの3種類の言語からPerlを外し、JavaScriptを追加することを発表しました。 JavaScript、JScriptなどを標準化する目的で作成された「ECMAScript」を追加し、「Perl」を削除する。 上記の変更は平成24年度春期試験から実施されます。 JavaScriptの利用が一般的に 情報セキュリティスペシャリスト試験は、「情報システムの企画・要件定義・開発・運用・保守において、情報セキュリティポリシに準拠してセキュリティ機能の実現を支援し、又は情報システム基盤を整備し、情報セキュリティ技術の専門家として情報セキュリティ管理を支援する者」を対象
はてなブログ | 無料ブログを作成しよう
思いは言葉に。 はてなブログは、あなたの思いや考えを残したり、 さまざまな人が綴った多様な価値観に触れたりできる場所です。
jQueryで作られた本格的表計算ソフトウェア「jQuery.sheet」 - MOONGIFT|オープンソース・ソフトウェア紹介を軸としたITエンジニア、Webデザイナー向けブログ
jQuery.sheetはjQueryで作られたWebベースの表計算ソフトウェアです。 業務システムなどではWeb上にテーブルを表示するというケースがよくあります。さらに一歩進んで表計算のように集計したり並び替えたりしたいという無茶な要望が出るかも知れません。そんな時に使ってみたいのがjQuery.sheetです。jQuery製の表計算ソフトウェアです。 カラムはもちろん、グラフの表示までできてしまう本格的な表計算ソフトウェアです。 最大化表示。セルの値を参照することもできます。 テキストだけではなくラジオボタン等も使えます。 関数も多彩に用意されています。 編集しているところ。 文字装飾を変更します。メニューから選択できます。 HYPERLINKはその名の通りリンクを埋め込みます。 データにはHTML/XML/JSONが使えます。エクスポートも各フォーマット向けに可能です。 JavaSc
OKShadow
OKShadow by OKFocus OKShadow is a JQuery plugin that produces drop shadows that track the mouse cursor. Many effects are possible, including depth-of-field simulation and focus effects. Examples Landscape Pyramid Squares Lines Dots Neon Usage By default, OKShadow binds to a div: $(function(){ $('#example1').okshadow(); }); OKShadow also works on text. In this case the shadow's size and movement ar
Radio Buttons with 2-Way Exclusivity | CSS-Tricks
Get affordable and hassle-free WordPress hosting plans with Cloudways — start your free trial today. Let’s say you were tasked with creating a UI in which users can rate three candy bars from their most to least favorite. A grid of radio buttons isn’t a terrible way to go about this. A (small) grid of radio buttons. The good news is that radio buttons have natural exclusivity in the name-group the
グーグル、新言語「Dart」を発表。JavaScriptのようなWebプログラミングを想定
DartはWebアプリケーションの開発を想定したプログラミング言語。実行方法として、JavaScriptに変換してWebブラウザ上で実行する方法と、専用の仮想マシンを搭載したWebブラウザで実行する方法が予定されています。グーグルはChromeにDartの仮想マシンを搭載する計画を検討中であることを明らかにしています。 Dartの設計方針は次のように説明されています。 Create a structured yet flexible language for web programming. Webプログラミングのための、構造的だが柔軟性のある言語を作る Make Dart feel familiar and natural to programmers and thus easy to learn. Dartを、プログラマにとって親しみのある自然で、学びやすいものとする Ensure t
DHTML - 最低限文化的なCSSアナログ時計 : 404 Blog Not Found
2011年10月09日14:15 カテゴリLightweight Languages DHTML - 最低限文化的なCSSアナログ時計 これ見たら一つ作り置きしたくなってきたので。 Demo 右の通り。 一応 WebKit (Safari & Chrome on Mac/PC/iOS/Android)、Firefox、Operaで動くのを確認。Operaで動く分、AppleのiPod Nanoのページよりも互換性は少し上です。 なぜかIEで動かない。参考にした Fun with CSS Transforms in Firefox and Webkit - zachstronaut ではIEでもぐるぐる回転しているのですが。 何をやっているかは、ソースを見ればおわかり頂けるかと。 それよか、ちょっと驚いたのが、これ。 WebKitのWeb InspectorってリアルタイムでDOMの変化追え
DOM操作の主流になるか！？ セレクタAPIを使いこなそう
連載目次 従来、JavaScriptでは、以下のようなメソッドを利用して、操作対象の要素を特定していた。 getElementByIdメソッド：IDの値をキーにノードを取得する。 getElementsByTagNameメソッド：要素名をキーにノードを取得する。 getElementsByClassNameメソッド：class属性の値をキーにノードを取得する。 しかし、この方法で複雑な構造のHTML文書から要素を取り出す場合、コードが複雑になりやすいという課題もあった。例えば、以下は従来のgetElementXxxxxメソッドを利用した要素の取得例だ。 上記のJavaScriptコードでは、奇数番目の要素を特定するために全てのインデックス番号をif文で判定させている。ほかにも属性値やclass属性によって要素を絞り込むならば、同じような判定式を書いた経験が読者諸氏にもあるだろう。「もっと簡
Learn to Code - for Free | Codecademy
Grow in your career and unlock new opportunities by learning in-demand skills in AI, data, coding, cybersecurity, and more. Transform your team with Codecademy Teams trainingHelp everyone on your team build job-ready skills with a plan that offers flexible content assignment, progress tracking, and more.
Suspected phishing site | Cloudflare
Warning: Suspected Phishing Site Ahead! This link has been flagged as phishing. We suggest you avoid it. What is phishing? This link has been flagged as phishing. Phishing is an attempt to acquire personal information such as passwords and credit card details by pretending to be a trustworthy source. Dismiss this warning and enter site What can I do? If you're a visitor of this website The website
ECMAScript 6th の構文をまとめてみた - hogehoge @teramako
harmony:specification_drafts [ES Wiki] ECMAScript 6thのドラフト版が挙げられている。現在はSeptember 23, 2011のドラフトが最新で、このドラフトの構文部分のみを抜粋してHTML化してみた。 ECMAScript Syntax Grammar 6th Edition / Draft よろしければ、どうぞ。 構文上で、5thとの大きな違いは、 let, constによる変数、定数宣言の導入 AssignmentPatternやBindingPattern辺りが導入されている ...が導入されている 辺りでしょうか。 BindingPattern これは何かっていうと、オブジェクトや配列(Array)の中身の要素を直に変数に入れられるようになる。BindingPatternにはObjectBindingPatternとArrayB
rlightbox
Set is a group of images, Youtube, Vimeo, or Flash swf videos, or a mix of them all. There may be many sets on a page and elements belonging to a set does not have to be put one after another in a container. YouTube support rlightbox supports playing YouTube videos. To add a YouTube video, use standard YouTube URL scheme like http://www.youtube.com/watch?v=PLtGMqvazzo. Short YouTube URLs are not s
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IBM Developer
Div Linker | jQuery Plugins