superbees · Agence de conseil et développement haut-de-gamme de solutions digitales sur mesure
superbees, conseil et développement haut-de-gamme Notre référencement, c'est vous. La société superbees existe depuis 2015. Depuis plusieurs années, nous créons des applications et des sites internet. Tout commence par une mission conseil. Mission conseil : Un accompagnement à l'écoute de vos besoins réels Des recommandations pour équilibrer les coûts et l'efficacité Des préconisations concernant
画像の保存をプロテクトするJavaScript「dwProtector」 | DesignDevelop
WEBに掲載する以上、画像をローカルに保存されると言う事は仕方が無い事だと言う認識が主流だとは思いますが、それは避けたい、あまり保存されたくないと思っている方にオススメなのが、今回紹介するJavaScript「dwProtector」です。 dwProtectorは「右クリックによる名前をつけて保存」「ドラッグ＆ドロップで保存」「右クリックで名前をつけて背景を保存」「背景画像を表示」からの画像保存をプロテクトしてくれます。 詳しくは以下 導入方法は至って簡単で、「dwProtector.js」を読み込んで、以下のようにクラスを指定してあげれば、空白のgif画像が画像の変わりにダウンロードされるようになります。 window.addEvent(‘domready’, function() { var protector = new dwProtector({ image: ‘/blank.g
JavaScriptリファレンス
Javascriptの記述方法は2つ。HTML内埋め込みと外部読込みがある誰でも手軽に始められるのがJavascriptのいいところださて、前回試したコードはHTML内のボタン要素に直接書き込みました。JavaScriptを書く場所は、大きく分けてHTMLファイルに書く方法と、JavaScriptフ...続きを読む
Bridge Word
This shop will be powered by Are you the store owner? Log in here
【ハウツー】わずか数行で"ものすごいテーブル"に! - jQueryプラグイン「Flexigrid」 (1) ドラッグ&ドロップでカラム幅を変更可能 | エンタープライズ | マイコミジャーナル
Webアプリケーションの操作性を向上させるために、いまや欠かすことのできないJavaScript。Prototype.jsやjQueryといった各種フレームワークを使用して、ユーザビリティを高めている開発者も少なくないだろう。 ここ数年の間でYahoo! UI LibraryやExt JS、Dojo Toolkitといった、開発のしやすさや・操作性の向上はもちろんのこと、綺麗なデザインも兼ね備えているライブラリが増えてきた。既存のWebアプリケーションに少しのコードを追加するだけで、機能もデザインも付加できるこれらのライブラリは非常に魅力的だ。 ここではテーブルで組んだリストに対して、まるで表計算ソフトのような操作性を提供するFlexigridライブラリを紹介したい。 ネイティブアプリケーション並みのリストを実現 FlexigridとはPaulo P. Marinas氏が開発・公開している
IE6をクラッシュさせてしまう6つのコード
CatsWhoCode.comのエントリーから、IE6を（最後のはIE7も）クラッシュさせてしまうコードを6つ紹介します。 6 html and javascript codes to crash IE6 <textarea name="code" class="html" cols="60" rows="5"> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html> <head> <title>CRASH-IE</title> <style type="text/css"> html, body{ overflow: hidden; scrollbar-base-color: #330066; } .crash{ position:ab
jsmap - JavaScriptによる都道府県入力補助
Q - なぜ、全国地図にしないのですか? 4つほど理由があります。 ポップアップが場所をとりすぎるから 現在、地図部分は185x120pxにおさめていますが、標準的なモニタ解像度ではこの辺が限界です。 キーボード操作時の押下回数を減らすため jsmapがフォーカスするのはSugarCRMなどのWEBアプリです。使い切りのWEBフォームと違い、慣れによるスピードアップが望めるUIである必要があります。 多言語対応のため 日本は47都道府県なので、かろうじて可能だと思う方もいるかもしれませんが、これがイギリス(現在製作中)とかでは100を超えます。 認知的限界のため これも重要。ぱっと見て探せる数というのは、15や20がせいぜいです。 ただ、上記の話とは別に、地方選択用の全国図はあってもいいと考えていますので、それは将来のバージョンで。 Q - 地図はもっと詳細化/単純化しないのですか? 詳細
UserAgent & Platform
ブラウザ & OS 判別スクリプト 2007/09/11 (Ver 0.7.5) このScriptは、いわゆるフリー(使用自由、改造自由かつ自己責任)な JavaScript なのでこれを使用しても作者が対価を求める事は、有りません。→ (無料) どのような機能が有るのか？ ダウンロード ブラウザ・OS判別 更新履歴 使用条件 どのような機能が有るのか？ 一般的なウェブブラウザの名前や、バージョン及び、OSを判別します。 このページは、JavaScriptを使用しています。 → バージョンチェック ダイアログ ダウンロード 上手くダウンロード出来ない時は、右クリックで「名前を付けて保存(対象をファイルに保存)」してください。 サンプルJavaScript (js)→ userAgent.js Shift_JIS [LF] サンプルコード (txt)→ userAgent.txt Shift
ロールオーバー処理「オレならこうする版2007」（ファイル名とタグの組み合わせで自動的に設定する） - KAZUMiX memo
_rollout → _rollover マウスカーソルが画像の上に重なったとき、その画像がリンクになっており、その画像ファイル名の最後が _rollout となっている場合、その _rollout を _rollover に書き換えることで画像を差し替える JavaScript です。 ロールオーバー処理「オレならこうする版2007」動作サンプル サンプルのロールオーバー用の画像は次のようなファイル名になっています。 menu01_rollout.png 最初のメニューの標準画像 menu01_rollover.png 最初のメニューのロールオーバー画像 menu02_rollout.png 2番目のメニューの標準画像 menu02_rollover.png 2番目のメニューのロールオーバー画像 menu03_rollout.png 3番目のメニューの標準画像 menu03_rollov
[JS]軽量のスムーズに開閉するドロップダウンメニューのスクリプト | コリス
leigeberのエントリーから、ドロップダウンメニューをスムーズに開閉する、1.8KBの軽量のスクリプトを紹介します。 Sliding JavaScript Dropdown Menu デモページ スクリプトはjQueryやPrototypeなどの他のスクリプトに依存せず、単独で動作するもので、対応ブラウザはIE6, IE7, IE8, Firefox, Opera and Safariとなっています。 ドロップダウンメニューはリスト要素で実装されており、項目はテキストなので日本語で実装することも可能です。
アルファ画像を扱うalphafilter.jsライブラリ[to-R]
アルファ画像を扱うalphafilter.jsライブラリ IE6でアルファ画像(透過png)が使えないことにより、コーディングの作業量が大幅に増します。 そこで、IE6で透過pngを扱うjsライブラリを作ってみました。 設定は簡単、head要素内に条件付きコメントを利用してalphafilter.jsで読み込むだけ。 読み込みを高速化させるためdefer属性をの記述を忘れずに行ってください。 <!--[if lte IE 6 ]><script type="text/javascript" defer="defer" src="./alphafilter.js"></script><![endif]--> 透過にしたい画像にclass属性でalphafilterと入れるだけで、なんとIE6でも透過画像の使用が可能になります。 <img src="./sample.png" class="a
![アルファ画像を扱うalphafilter.jsライブラリ[to-R]](https://cdn-ak-scissors.b.st-hatena.com/image/square/a9717624309e36a795026e1b70982163687ccca2/height=288;version=1;width=512/https%3A%2F%2Fblog.webcreativepark.net%2Ficon_200x200.png)
[JS]ブラウザの種類を検出して、CSSのセレクタで実装できるスクリプト | コリス
jQuery Browserは、スクリプトでブラウザの種類を検出して、CSSのセレクタとして実装できるスクリプトです。 jQuery Browser jQuery Browserは、ブラウザのもつplatformやuserAgentから、OSやブラウザの情報を取得し、セレクタを利用して、ブラウザごとのスタイルシートを適用することが可能です。 jQuery Browserでのスタイルシートの記述例 <textarea name="code" class="css" cols="60" rows="5"> div#browser-test{ border: 2px solid #000; padding: 10px; } ■Internet Explorer用 div#browser-test.msie{ background-color: #f00; } ■Firefox用 div#brow
Ring
Ringとは、リクルートグループ会社従業員を対象にした新規事業提案制度です。 『ゼクシィ』『R25』『スタディサプリ』など数多くの事業を生み出してきた新規事業制度は、 1982年に「RING」としてスタートし、1990年「New RING」と改定、そして2018年「Ring」にリニューアルしました。 リクルートグループの従業員は誰でも自由に参加することができ、 テーマはリクルートの既存領域に限らず、ありとあらゆる領域が対象です。 リクルートにとって、Ringとは「新しい価値の創造」というグループ経営理念を体現する場であり、 従業員が自分の意思で新規事業を提案・実現できる機会です。 Ringフロー その後の事業開発手法 Ringを通過した案件は、事業化を検討する権利を得て、事業開発を行います。 さまざまな事業開発の手法がありますが、例えば既存領域での事業開発の場合は、 担当事業会社内で予算や
最も簡単な画像のロールオーバー導入方法｜JavaScriptプログラムメモ｜プログラムメモ
■ jQuery用プラグイン jQuery_auto を使用します。 prototype.js とのコンフリクト解消版 jquery_auto はこちらからダウンロード↓ http://logic.stepserver.jp/data_other/jquery_auto_j.zip ■ 1. scriptファイルを読み込ませます <script type="text/javascript" src="js/lib/jquery.js"></script> <script type="text/javascript" src="js/lib/jquery_auto_j.js"></script> ■ 2. ロールオーバー画像ファイル名の最後に _over をつける。 例： 【image.gif】 の場合 【image_over.gif】 ■ 3. HTMLの＜img＞タグに属性 class=
ヨモツネット 実験室 » フォームに入力された全角文字を自動で半角に変換する
このスクリプトに機能を追加した valueconvertor.js を公開しています。アーカイブとしてこの記事は残してありますが、この replaceascii.js 機能をご利用する場合は、より安定している valueconvertor.js のご利用をおすすめします。 概要 フォーム入力時に『半角英数で入力してください』の項目があった場合、ユーザの入力ミスを少なくしてあげるために便利なスクリプトです。 ただし、JavaScript が使えない環境では動作しませんので、あくまでもオプションとしてお使いください。 動作確認用の DEMO ダウンロード 使い方 ダウンロードした replaceascii.js を XHTML ファイルの head 要素内などで読み込んでください。 このとき、replaceascii.js と読み込む XHTML ファイルの文字コードが同じになるようにしてくだ
[J] JavaScript と CSS でウェブサイトを印刷対応にする方法
海外の際とで時折見る Printer-friendly version とか print (view print page) などの印刷用にデザイン・レイアウトし直したページの表示機能。 実装例としては以下のあたり。 Gap Inc New York Times プレスリリースや各記事のページに行くとページ上部に Printer-friendly version, print などのテキストリンクが見つかる。 New York Times のそれは、ソースの内容 HTML の head の部分が書き換わっているので URL の拡張子は .html だけどパラメータを読み込んでサーバーサイドのプログラムが動いているんじゃないかと。 っで、今回は JavaScript と CSS でお手軽に実装したいのでいくつかのソースを覗いてみた。 Gap Inc の場合 先に紹介した Gap Inc は
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
透明感のあるデザインをJavaScriptで実装する（glassbox.js） - youmos
https://www.openvista.jp/archives/note/2008/autopagerize-without-greasemonkey/?2008/autopagerize-without-greasemonkey/
noobSlide - mootools
[JS]角丸を簡単な記述で実装するスクリプト -Roundcorners Canvas | コリス