タグ

javascriptに関するlife-stuのブックマーク (13)

  • JavaScriptを楽しく学べるRPG CodeCombat

    前回、Rubyを楽しく学ぶコンテンツのエントリで紹介したRuby Warriorが楽しいという声を幾つか見かけました。 オンラインでコーディングできるサービスは色々ありますが、デザインや音楽ゲーム性が優れていて熱中しやすいのでしょう。 残念ながら私は参加できませんでしたが、今月のGinza.rbもRuby Warriorをみんなでやってみるという催しで盛り上がったようです。 RubyWarriorのBGMが中毒性高い。しばらく口ずさんでしまいそう。#ginzarb— Masatoshi Iwasaki (@masa_iwasaki) April 15, 2014 RubyWarriorに集中していてだれもツイートしてない^^; #ginzarb— 高橋 明 (@Talos208) April 15, 2014 今回は同様にゲーム感覚でJavaScriptを学習でき、日語化もされているC

    JavaScriptを楽しく学べるRPG CodeCombat
  • テキスト入力欄の文字数をリアルタイム表示する方法 - JavaScript TIPSふぁくとりー

    《2017年6月6日 3:00 PM 公開/更新》 テキスト入力欄の文字数をリアルタイム表示する方法 [入力フォーム] テキストエリアに入力された文字数をカウントして、JavaScriptでリアルタイムに画面上に表示する方法を解説。テキスト入力欄のvalueプロパティの中身を引数として受け取って、その文字数をカウントした結果を指定された要素に出力する関数を作ります。わりと簡単です。 テキストエリアに入力された文字数をカウントしてリアルタイムに表示する 文字数カウンタ付きテキストフォームを作るHTMLJavaScriptソース 複数の入力欄の文字数を個別にカウントしてリアルタイムに表示する 少し汎用的な文字数カウンタを作るJavaScriptソース 備考 テキストエリアに入力された文字数をカウントしてリアルタイムに表示する JavaScriptを使うと、テキストエリアなどの文字列入力フォー

    テキスト入力欄の文字数をリアルタイム表示する方法 - JavaScript TIPSふぁくとりー
    life-stu
    life-stu 2013/09/02
    文字カウント
  • Video.js - Make your player yours

    Video.js is a web video player built from the ground up for an HTML5 world. It supports HTML5 video and modern streaming formats, as well as YouTube and Vimeo. It supports video playback on desktop and mobile devices. The project was started mid 2010, and now has hundreds of contributors and is used on over 450,000 websites. Plays anythingPlays “traditional” file formats such as MP4 and WebM, but

  • マンガで分かる JavaScriptプログラミング講座

    はじめに 「マンガでわかるJavaScript」は、難しそうに思えるプログラムを、簡単そうに見えるマンガで解説するという初心者向けの入門講座です。 架空の高校生たちに教える形式で、プログラムの基礎から応用を、解説していきます。一通りのマンガを読めば、かなり実践的なところまで、プログラムを書けるようにしていきます。 (マンガは、左上から右下へと読みます) プログラムというと、けっこう大変そうに思えますが、この講座のテーマは「面倒くさいことを楽にする」です。面倒臭がりで、手抜き大好きの女子高生を主人公にして、楽しくプログラムを学んでいくことにします。 主な対象読者は「これからプログラムを学んでみたい人」「Webの世界に関わっていてJavaScriptを学んでみたい人」「昔JavaScriptを触っていたけど最新のトレンドが分からないので改めて学んでみたい人」などです。初心者だけでなく、Webデ

    マンガで分かる JavaScriptプログラミング講座
  • JavaScriptでびゅんびゅんスライド!ページ切換法 (1/5)

    HTMLだけで作ったシンプルなサイトもいいですが、時にはもっと派手なサイトを作りたい、ということ場合もあるでしょう。これまでもこの連載ではさまざまな“小技”を紹介してきましたが、ページ全体を大きく描き換えるには、以前ならFlashが不可欠でした。ところが最近では、JavaScriptHTMLの組み合わせでも、かなりの表現できるようになり、実際にそうしたWebサイトも増えてきています。 今回はそんなサイトの1つ、「Baltijos prodiuserių grupė」にページ全体の切り換えテクニックを学びたいと思います。 今回のお手サイト: 『Baltijos prodiuserių grupė』 リトアニアでイベントの企画・制作を手がける企業のコーポレートサイト。会社概要、業務内容、事例紹介の3つのコンテンツと問い合わせフォームからなるシンプルな構成。フルーツや花など、植物の写真と楽器

    JavaScriptでびゅんびゅんスライド!ページ切換法 (1/5)
  • sk

    移動します。 http://skmwin.net/archives/2007/1101020215/

    life-stu
    life-stu 2007/11/02
    ぱらめたをいぢるとおもしろ毛
  • javascript - 545バイトテトリス : 404 Blog Not Found

    2007年11月02日09:00 カテゴリLightweight Languages javascript - 545バイトテトリス もう少し短く張りやすくしてみた。 わずか565バイトテトリスのプログラミング解説 「往年の名作「スーパーマリオブラザーズ」、あの濃い内容でわずか40キロバイト」に載っていたわずか565バイトのテトリス。文字数にして551文字。79文字*7行のプログラミングで、テトリスが動きます。 それがこちら。 545バイトテトリス window.onkeydown=function(e){K=e.keyCode};X=[Z=[B=A=12]];h=e=K=t=P=0;function Y(){C=[d=K-38];c=0;for(i=4;i--*K;K-13?c+=!Z[h+p+d]:c-=!Z[h+(C[i]=p*A-Math.round(p/A)*145)])p=B[

    javascript - 545バイトテトリス : 404 Blog Not Found
    life-stu
    life-stu 2007/11/02
    実行ボタンで動かなかった。パンにはさんでにペーストしたら動いた。(Mozilla/5.0 (Windows; U; Windows NT 5.1; ja; rv:1.8.1.8) Gecko/20071008 Firefox/2.0.0.8)
  • http://homepage.mac.com/yuji_okamura/iSawIt/archives/2007/09/entry_802.html

    life-stu
    life-stu 2007/09/14
    マイナスイオン飽和をくいとめる
  • 「blogマイナスイオン発生器」販売開始のおしらせ - bogusnews

    読者諸兄には日ごろからご愛顧たわまり、まことにありがとうございます。bogusnews編集主幹でございます。安倍総理辞意表明後、あわただしく時が過ぎていきました。正直申し上げて、尊敬する安倍晋三首相亡きあと何を生きがいに過ごしていけばいいのか…迷うありさまでした。しかし試行錯誤の末、ようやく今後の動きに確かな光明を見出しました。 このたび痛感したのは、たかが一国の宰相がいなくなった程度でネタがなくなりかける─という弊紙の組織的実態のなさでありました。組織的実態とは、言い換えれば実利的に結ばれた人間関係です。たとえば自民党などは壺の販売や事務所費の付けかえで支援者やカネをゲットしております。弊紙もビジネスに進出することで、部数拡張の足固めをしてゆく─それが私が見出した新たな目標であります。ビジネスへの進出。具体的に言えば、独自に開発した商品の販売です。 皆さんは 「マイナスイオン」 というこ

    life-stu
    life-stu 2007/09/14
    マイナスイオンが飽和する~
  • JavaScriptist - javascript/ajax/サンプル/入門/リファレンス/ライブラリ

    サイト更新情報 2006/12/06 よく使われているページを検索窓から簡単に辿れるようにしました。(検索窓に「prototype」と入力) 2006/11/27 JavaScript入門/応用サイトJavaScriptistオープン! 2006/11/23 試して確認できるJavaScriptオンラインエディタを公開 2006/11/20 JavaScriptリファレンス、逆引きサンプル集を公開 2006/11/19 JavaScriptライブラリ活用ページ公開 2006/11/15 JavaScriptistベース機能の構築完了 過去のサイト更新情報

  • jQuery Documents Main Page - jQuery

    jQuery API jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. If you're new to jQuery, we recommend that you check out the jQuery Learning Center. If you're updating to a newer version of jQuery, be sure to rea

    life-stu
    life-stu 2007/02/22
    参考.
  • jQuery 開発者向けメモ

    jQuery 開発者向けのメモです. ずっと以前に,jQuery に関する日語の情報がまだ少ない頃に作ったページですが, その後 jQuery を再び利用する機会があったので,最新バージョン向けに記述を更新しました. 住宅ローンシミュレーションです. jQueryを利用したフォームの動的な追加や,flotプラグインによるグラフ描画などを行っています. ページの記載に間違い等見つけた方はブログのエントリまで連絡いただけるとうれしいです. 最終更新:2009/1/10 jQueryとは jQuery は様々な処理を短く簡単に書ける JavaScript ライブラリです. 独自のXPATH/CSSセレクタを利用することで,多くのDOM操作を非常に簡単に書くことが出来ます. JavaScriptのDOM操作や,XMLHTTPRequest,XMLの操作などを覚えなくとも, Ajaxを利用したイ

  • 写真スライド jCarousel - Riding carousels with jQuery

    jCarousel is a jQuery plugin for controlling a list of items in horizontal or vertical order. It provides a full-featured and flexible toolset for navigating any HTML based content in a carousel-like fashion.

  • 1