O criador de One Piece, Eiichiro Oda, revelou em um vídeo do YouTube, que comemora o lançamento do filme One Piece Stampede, publicado na sexta-feira que "deseja terminar a história do anime em cinco...
Webは略語じゃないのに「WEB」って書く人が多いのが気になって仕方ない今日この頃。(あ、音声ブラウザを配慮したらという場合です) さて、本題に。 CSSのみでロールオーバーするテクニックは有名でございますが、ココ最近JSでいいじゃん。と思うようになってます。 ってことで、こんなサイト名ですけどJavaScriptでやるロールオーバーの方法のひとつでも。 jsファイルのご用意 何はともあれ、下記のjsファイルをご用意します。 function smartRollover() { if(document.getElementsByTagName) { var images = document.getElementsByTagName("img"); for(var i=0; i < images.length; i++) { if(images[i].getAttribute("src")
Welcome to Banyan, a stylish and vibrant cocktail bar and kitchen. We are the natural meeting place, whatever the occasion or celebration. With a menu boasting flavours from around the world, we specialise in sharing, and love bringing people together. Expect delicious sharing dishes, sharing drinks, small plates, 2-4-1 cocktails, bottomless brunch, entertainment, and more.
Method creates digital products. Our strategists, designers, and engineers simplify the complex, crafting experiences that improve lives and transform businesses. As a GlobalLogic company and part of the Hitachi family, we provide enterprise scale and concierge service. Let’s build the future together. Successful tech-driven companies achieve innovation and efficiency through a modern approach to
Ringとは、リクルートグループ会社従業員を対象にした新規事業提案制度です。 『ゼクシィ』『R25』『スタディサプリ』など数多くの事業を生み出してきた新規事業制度は、 1982年に「RING」としてスタートし、1990年「New RING」と改定、そして2018年「Ring」にリニューアルしました。 リクルートグループの従業員は誰でも自由に参加することができ、 テーマはリクルートの既存領域に限らず、ありとあらゆる領域が対象です。 リクルートにとって、Ringとは「新しい価値の創造」というグループ経営理念を体現する場であり、 従業員が自分の意思で新規事業を提案・実現できる機会です。 Ringフロー その後の事業開発手法 Ringを通過した案件は、事業化を検討する権利を得て、事業開発を行います。 さまざまな事業開発の手法がありますが、例えば既存領域での事業開発の場合は、 担当事業会社内で予算や
HTML とは HTML とは、誤解を恐れずに言ってしまうとウェブページ(ホームページ)を作るために使われている言語です。 例えば、以下のようなものが HTML です。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="ja"> <head> <title>タイトル</title> </head> <body> <h1>見出し</h1> <p> 本文本文本文本文本文本文本文本文本文本文本文本文本文本文 本文本文<a href="hoge.html">ハイパーリンク</a>本文 本文本文本文本文本文本文本文本文本文本文本文本文本文本文 </p> </body> </html> サンプル イメージ湧きましたか? では、何故 HTML という
私のブログにも取り入れているのですが、よく検索窓に文字が入っていて、いざ検索しようとクリックすると、入っていた文字が消えて文字が打ち込めるというものです。まぁ小技といったところでしょうか。でも、こうしたちょっとした気遣いがプロっぽくみせる方法の一つかもしれません。 検索窓をクリックした時に、既存で入っている文字を消す技 onfocus と onblurを適用。 onfocus とはマウスがのっている時にある処理を行うイベントハンドラ。onblur はその onfocus が外れた時に処理行うイベントハンドラです。 実際のソースはこんな感じ <input type="text" onfocus="if (this.value == '検索窓') this.value = '';" onblur="if (this.value == '') this.value = '検索窓';" value
auのトップページのような、伸縮してスライドするメニューをjavascript+cssで作れるみたいです。「Image Menu」というライブラリで、動かすにはmootools.jsが必要のよう。 <script type="text/javascript" xsrc="imagemenu.js" mce_src="imagemenu.js" ></script> <div id="kwick"> <ul class="kwicks"> <li><a class="kwick opt1" xhref="" mce_href="" ><span>TOP</span></a></li> <li><a class="kwick opt2" xhref="" mce_href="" ><span>CSS</span></a></li> <li><a class="kwick opt3" xhref
だいぶ前からサイトに「文字サイズ変更ボタン」を付けたいと思いつつ難儀していたのですが、Ogawa::memorandaの小川宏高さんが、既存Ajaxライブラリを活用した簡単な導入方法を公開されていました。 お陰で導入に成功。有難いことです(-人-) Ogawa::memoranda:prototype.jsを用いたフォントサイズ変更スクリプト 私は大抵紹介されている技術を自分用に修正して利用しています。 どのような修正をしたか、参考に残しておきます。 「最初の一回は表示できても、二回目以降表示できない」場合 2008年2月4日に、追加補足を書きました。当記事と合わせてご参照ください。 文字サイズ変更ボタンに関する補足 More HTMLソースの変更 せっかくなので、文字サイズ変更ボタンもCSSでデザイン変更できるようにしたいと思い、小川さんのコードの一部を以下のよ
ブログパーツやブログペットで Flash を利用されている方は多いと思いますが、Flash のコードには embed 要素が含まれており、この要素が含まれているページは XHTML valid となりません。 Another HTML-lint gateway でチェックすると下記のようなエラーになります。 7: line xx: <embed> は Mozilla、MSIE または doti 用のタグです。 → 解説 55 7: line xx: </embed> は Mozilla または MSIE 用のタグです。 → 解説 55 この問題についてご質問を頂いたので、ネットを調べていたところ、下記の記事がありました。 Hotwired Japan:ウェブ標準のフラッシュ・オブジェクト自在術:embedタグとobjectタグ/救世主JavaScript参上 要するに JavaScript
前ページで紹介したASCII.jpの記事のサンプル ■<head>~</head>に追加 <script type="text/javascript" src="library/prototype/prototype.js"></script> <script type="text/javascript" src="library/scriptaculous/effects.js"></script> <script type="text/javascript" src="library/cookiemanager/cookiemanager.js"></script> <script type="text/javascript" src="library/bookreader/bookreader.js?theme=default"></script> ■<body>~</body>の例
- March, 28th, 2017: DHTML Chess for WordPress. DHTML Chess is now available as a WordPress plugin in a free and PRO version. Learn more. - January, 16th, 2017: LudoJS Progress Bar. Samples of progress bars in the LudoJS Javascript framework on my site ludojs.com. - January, 13th, 2017: DHTML Chess 3.0. The new DHTML Chess 3 has been ported to jQuery. New demos are also available. The home of DHTM
bookreader.jsは、長文を縦スクロールではなく、横スクロールで表示し読みやすくするJavaScriptライブラリです。 →プロジェクトのホーム (Google Code) - New!! →ダウンロード(ver 0.4.6) - 2009/04/18公開 ※ダウンロードの詳細については、こちらのページをご覧下さい。 まずは、このページで体験してみて下さい。キーボードの[→]/[←]キーが、「進む」あるいは「戻る」に対応します。画面上に表示される、半透明の▶/◀ボタンをクリックしてもOKです。使い方の詳細は「ヘルプ」を参照ください。 次期バージョンの開発状況 幸いにしてさまざまな方からフィードバックをいただきました。ありがとうございます。それを元に機能の絞り込みとWEBサイトへの「組込み方」について検討を行っています。まだ、実装の方針が定まった、という段階ですが次期0.8.x系のサ
Build data-intensive applications using JavaScript Ext JS is a comprehensive JavaScript framework that lets you build cross-platform web and mobile applications for any modern device.
NETTUTS - Web development tutorials and links - Create a Cool Animated Navigation with CSS and jQuery Animation and visual feedback are great ways to assist a user in navigating and interacting with a website. jQueryでクールにアニメーションするメニューを実装するチュートリアルがl公開。 単なるサンプルではなく、チュートリアルなので、その動作原理についての理解も深められます。 デモページを見てみる IE6で動かないということで注意が必要ですが、Flashを使っていないにも関わらず、なかなか秀逸な出来なので一見の価値ありです。
これは新しい。 なんとあらゆるページをマトリックス風に表示してくれるのだ。(実際の動作はこちら) 実装するには以下の1行をコードに加えるだけ。 <script src="http://bodytag.org/bt_melter/bt_melter.js" type="text/javascript"></script> するとbodyタグの中身全部に適用される。 なお、javascript自体はbodytag.orgからダウンロードできる。 日本語にも対応しているようなので、サイトにアクセントを加えるちょっとした小細工として使えそうですね。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く