WGP,javascript,graphical,platform,opensource,html5,richWGPとは WGP(Web Graphical Platform)はjQueryをベースとした、HTML5+CSS3+JavaScriptによる グラフィカルなWebUIを開発するためのオ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
HTMLとJSだけで何か作ることが多くて,開発環境をどう作るかとか,ノウハウみたいなのがたまってきたと思う. ローカルのHTMLファイルをブラウザで開くと,いろんな制約がある.たとえば,ファイルAPIを使えないとか,YouTubeのプレイヤー貼り付けできないとか,/js/みたいに絶対パスで指定する... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
HTML, CSS, JavaScriptを読みやすく整形し、文法上のエラーもチェックしてくれるオンラインツールを紹介します。 Dirty Markup Dirty Markupはウェブ制作者がよく使う下記のツールをまと [...] [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
最近は映画「ターミネーター」に出てくるようなGoogle Glassesが騒がれているぐらいだから、画面共有のような基本的な作業はとっくに解決済みの問題、と誰もが思うかもしれない。しかし、デスクトップ(やその一部)を友だちや同僚と共有する方法はいろいろあるけど、簡単でやさしい、と言えるものはなかな... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
|
HTMLの整形やJavaScriptの難読化を解除する「jsbeautifier.org」を紹介します。 JavaScriptの難読化解除には「JsDecoder」を利用していましたが、いつのまにか「Not Found」になってしまってました。 JsDecoder ということで代わりのサイトを探し... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
HTMLで画像を読み込むとき、HTMLのimgタグだけだと不恰好となりがちですが、読み込みを管理すれば見栄えも整いますというデモとJSライブラリを作ってみました。次の2つのデモを見比べて何が違うのか確認ください。 デモ (通常のimgタグ) デモ (LoadManager.jsを使用) デモの違い... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
Flashでよく見かけるテキストシャッフル演出(文字列がランダムで切り替わる演出、正しい呼び名はわかりませんw)をHTML5で作ってみました。HTMLのタグ(pタグとか)に使うバージョンとHTML5の新要素Canvasを使うバージョンの二種類を用意しました。 demo (HTMLエレメント版) d... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
Webアプリケーションを作る際にテンプレートエンジンとしてチェックしたいのがTmpltrです。HTMLだけでなく、スタイルシートにも考慮されているのが特徴です。 0 [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
|
『 GoogleDocumentのエディタの仕組みD&Dでカーソルが追ってくる仕組みについて、リッチエディタ部分の仕組みなど 』 [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
PathのナビゲーションをWebページに実装するライブラリです。他にもあると思いますけど、これの特徴は対象に当たっている他のライブラリと干渉しにくいということでしょうか。iScrollみたいなデフォルトのキャンセルが強力なやつはだめだと思います。 サンプルがまさにそれなんですけど、同僚の@hoka... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
|
JavaScriptは単体で使うというよりもHTMLと組み合わせて使うことのが多いかと思います。そんな時にWebブラウザ上でコードを試しためし実行できるのがJS Binです。 0 [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
JavaScriptでビジネスアプリケーションを開発する際に使えるユーザーインターフェイスライブラリ「Kendo UI」の正式版が公開されました。 Kendo UI - The Art of Web Development JavaScript用のユーザーインターフェイスライブラリといえば、jQu... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
[Webデザイン] JavaScriptで作られた、見たことないUIデザインのWebサイト [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
連載:人気順に説明する初めてのHTML5開発 DOM操作の主流になるか!? セレクタAPIを使いこなそう WINGSプロジェクト ナオキ(監修:山田 祥寛) 2011/10/07 従来、JavaScriptでは、以下のようなメソッドを利用して、操作対象の要素を特定していた。 getElementB... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
リンクではない、例えばJavaScriptを埋め込むなどのクリッカブルな箇所でアンカーリンクを使用しない時に気をつけたい3つのポイントを紹介します。 下記は各ポイントを意訳したものです。 a要素は、いつ使うべきでしょうか。 私はそれがクリック可能である時に、a要素を気前よく使用していました。しかし... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
ぱっと見た瞬間「Flashだな」と思ってしまったくらいの、Flashで実装したような複雑なアニメーションやムービーを作成できるスクリプトを紹介します。 使用するのはHTML, CSS, JavaScriptで、こういった [...] [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
今やあのUIが当たり前になっている。そして地図以外でも使える場面も増えている。あのようなUIをオープンソースで手に入れたいならばLeafletを使ってみよう。 0 LeafletはCloudMadeが提供するライブラリで、地図操作に用いることを想定している。マーカー表示やマーカーからのポップアップ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
Skeletonの特徴 スマフォ対応のグリッド Skeltonでは軽量の960pxのグリッドシステムを採用しています。 ブラウザやタブレット、スマートフォンなどスクリーンのサイズが小さくなると、そのサイズに最適なレイアウトに変更します。 Fast to Start 洗練されたベーシックなUIエレメ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
テーブル内で自由に要素を配置できる スクリプト・REDIPS.dragのご紹介です。 セル内のdiv要素をドラッグドロップで他 のセルに配置しなおしたり、行ごと順番 を変えることも出来ます。クロスブラウザ で動作します。 テーブル内でセルや行を移動させることが出来ます。jQueryやmootool... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
これでできる! クロスブラウザJavaScript入門第22回 JavaScriptによるUIの実装:ドラッグCheck2011年1月17日太田昌吾JavaScript, クロスブラウザ, UI, ドラッグJavaScript, ドラッグ, fixed, スクロール, positionこの記事を読... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|