Selenium automates browsers. That's it!What you do with that power is entirely up to you. Primarily it is for automating web applications for testing purposes, but is certainly not limited to just that. Boring web-based administration tasks can (and should) also be automated as well. Selenium WebDriver If you want to create robust, browser-based regression automation suites and tests, scale and di

This slideshow uses a few amazing photos found on Flickr. You can find links to them below. This is only the example page. Head back to Build Internet for the full tutorial and explanation.

季節の変わり目に弱いosuga-hです。 お急ぎの方はクイズをすっ飛ばして、続きからお読みください。 突然ですがクイズです。 以下のHTMLとCSSで指定されているdivはマウスオーバで何色になるでしょう？ ※答えは緑か赤かのどちらかです。 Q1. まずはジャブから <style type="text/css"> .sample:hover .s1 div { background-color:#0F0; } .sample:hover .s1 div { background-color:#F00; } </style> <div class="sample"> <div class="s1"> <div>このdiv</div> </div> </div> このdiv Q2. idを付けてみる <style type="text/css"> .sample:hover

ウェブページのスピードを改善することは最適なユーザエクスペリエンスを提供するだけでなく、Googleの検索結果にも影響を与える大切な要因です。 すぐに実施できる、あなたのウェブページのスピードを改善する10のチップスを紹介します。 10 Tips for Decreasing Web Page Load Times [ad#ad-2] 下記は各ポイントを意訳したものです。 1. 現在のスピードをチェック 2. 画像の最適化 3. 画像は実寸で配置 4. コンテンツを圧縮して、最適化 5. スタイルシートは上に配置 6. スクリプトは下に配置 7. スクリプトとスタイルシートは外部ファイルで 8. HTTPリクエストは最小限に 9. キャッシュの利用 10. 301リダイレクトは避ける 参考資料とツール 1. 現在のスピードをチェック まず、現在のあなたのウェブページのスピードの分析からはじ

Using ThemeRoller ThemeRoller allows you to design custom jQuery UI themes for tight integration in your projects. To create a custom theme, select the Roll your own tab and tweak the settings. As you work, the UI components to the right will update to reflect your design and you can download your theme whenever you like. If you'd like to use a pre-designed theme, select the Theme Gallery tab and

Get free picture, templates, mockups and graphic resourcesLooking for free pictures or visuals? Choose the type of free stock image you need

AIアップデート生成AIにより、アイデアをさらに迅速に画像に変換2倍の速度での画像生成をお楽しみください。さらに、新しいカメラコントロール、高度な詳細画像、バックグラウンドの削除も可能になりました。 生成を始める

前にmootools1.2で作ったのと似たものをjQueryでも書いたので晒します。 このスクリプトは画像切り替えだけです。 動作にはjQuery1.2.6が必要です。 HTML <div id="change_image"> <div id="view"> <p id="myImg"><img src="01.jpg" alt="Sample Image" width="320" height="400"/></p> </div> <ul id="thumbs"> <li><img src="01_thumb.jpg" alt="Sample Image01" width="80" height="100" /></li> <li><img src="02_thumb.jpg" alt="Sample Image02" width="100" height="80" /></li> <l

ようこそ！ このサイトは jQuery Mobile を学ぶ過程で作った日本語リファレンスです。本家の意訳と、リソースなど追加の記述があります。 [PR] 発売中！ 更新情報 1.1.0公開 2012/04/20 1.1.0 RC1公開 2012/01/27 1.0.1公開 2012/01/27 ページイベント・チートシート 2012/01/20 1時間でミニサイトをつくる 2012/01/17 概要 紹介 クイック・スタートガイド 主な機能 アクセシビリティ サポートするプラットフォーム

サイトや広告バナーをつくる際に、イメージアイコンを使うことがよくあります。 ただ、配布されているイメージアイコンを使用する場合、 「形を少し変えたい！」 「複数のアイコンを組み合わせて使いたい！」 など、サイトなどの雰囲気に合うよう、手を加えたくなる時があります。 ただ、データの加工が不可だったり、加工するのに時間がかかったり… 時間短縮のために配布素材を使ったのに意味がなかった！なんてこともあります。 そんな時はイメージアイコンを 最初から自分で作る！ というのも1つの方法です。 今回は、Fireworksを使って簡単に立体的なアイコンを作る方法を ご紹介したいと思います。 作業は単純。 パスの合体 パスの切り抜き 拡大縮小 の繰り返しです。 1.形をつくる 楕円を2つ描きます 楕円の上に四角を重ねて合体させます 合体したパスの上にさらに四角を重ねて切り抜き、余分な部分をカットします 合