ブックマークレットって便利なんですけど、登録方法がやたらめんどくさい。 もっと手軽に登録できたり呼び出せたらいいのにと思ってきましたが、このアプリを使うとその願いが叶います。 こんなアプリが欲しかった。 セールなのか無料になっていたので取り急ぎ。 使い方 WorkflowのようにブラウザのExtensionから呼び出します。 ▼Extensionを呼び出す Inject Snippetというのがそうです。 Inject Snippetをタップするといくつか登録されているものが出てきますので、それを試してみましょう。 ▼サンプルのスニペット一覧 トップにあるAuto scrollerは実行するとSafariが自動的にゆっくり下までスクロールするものです。 用意されているスニペットはExtensionから選択するとそのまま実行されますが、アプリ本体から開くと編集が可能になっています。 ▼スニペ
JavaScriptは移り変わりの早い言語です。 もう1年以上経っていますし、記事のメンテもちゃんとできていないので、消し線を入れることにしました。 参考程度のために記事は一応残しますが、より新しい情報を読まれることをお勧めいたします。 はじめに --- 最近では JavaScript の実行環境はブラウザに限りません。（node.js, Web Workers） また、旧来のような <script> 経由でのロードもとうに古くなっています。今は CommonJS スタイルで、require を用いたモジュールのロードを行なうことがより良いとされています。 ですから、次のようなことは改める必要があります。 ~~- var YourModule = {}; などとして、外部から YourModule.hoge(); などと呼び出す書き方 this === window だと思うこと~~ 今回
作成：2014/06/9 Web制作 > トレンド感のある動きや、洗練された見え方を実現するために、知っておきたいことや方法など。Web制作の現場で知っておくべきことをまとめました。全部取り入れるのは無理ですが、押さえておくことで今以上に見栄えのするサイトを作れると思います。ここ最近のトレンドをおさらいしたいときに。 エンジニア速報は Twitter の@commteで配信しています。 もくじ ファーストビューで使いたいエフェクト １．ロングシャドウ ２．ポリゴン ３．ラージフォトスタイル ４．ブラーエフェクト ５．フルスクリーン動画 ６．画像シーケンス 脱ビットマップ画像 ７．SVG ８．Webフォントを円で囲む 配色・フォント ９．配色(フラットデザイン) １０．タイポグラフィ(フラットデザイン) １１．フォント(フラットデザイン) 効果 １２．Infinite Scroll(無限スク
kintoneはJavaScriptを使って自由にカスタマイズできます。 カスタマイズにより独自のリッチなUIを構築したり、新しい機能を追加したりできますが、セキュアなコーディングをしないと クロスサイトスクリプティング （以下、XSS）などの脆弱性を作り込んでしまう危険性があります。 この記事では、JavaScriptでセキュアなコーディングをするための基本的なポイントを解説します。
スパム対策をしてメールアドレスを公開する方法迷惑メールを防止する7種類のスパム対策方法を解説。ホームページにメールアドレスを掲載すると、大量の迷惑メール(スパムメール)が届くようになってしまいます。メールアドレスを公開しつつも、メールアドレスの自動収集プログラムに収集されるのを防ぐ対策方法をご紹介。 迷惑メールを防止するにはメールアドレスの公開にスパム対策が必須 ウェブサイトの訪問者からメールで連絡をしてもらうためにウェブページにメールアドレスを掲載しようと考えているのなら、掲載前にスパム対策が必須です。メールアドレスをそのまま公開してしまうと、やがて大量の迷惑メール（スパムメール）が届くようになってしまうからです。 ウェブページに掲載されているメールアドレスは、メールアドレスを自動収集するプログラムなどによって簡単に収集されます。そのように収集されたメールアドレスは、広告や詐欺目的での送
いまやWeb制作に欠かせなくなったJavaScript。でも、「JavaScriptはほとんど“アリモノ”で済ませている」という方も多いのでは？ そこで、WebデザイナーやマークアップエンジニアなどのWeb制作者の方向けに、いま一番人気のJavaScriptライブラリー「jQuery」の基本を学べる特別レッスンをお届けします。題して、「40分で覚えるjQuery」。要点だけにぎゅっと絞って解説しますので、手を動かしながら今すぐjQueryを始めましょう。 【0分目：導入編】 jQueryのダウンロードと利用方法 jQueryのライブラリー本体（JavaScriptファイル）は公式サイトからダウンロードし、head要素などにscript要素を書いて読み込みます。
What is jQuery? 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. With a combination of versatility and extensibility, jQuery has changed the way that millions of people write JavaScript.
<textarea name="code" class="css" cols="60" rows="5"> .box { -moz-border-radius: 15px; /* Firefox */ -webkit-border-radius: 15px; /* Safari and Chrome */ border-radius: 15px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */ -moz-box-shadow: 10px 10px 20px #000; /* Firefox */ -webkit-box-shadow: 10px 10px 20px #000; /* Safari and Chrome */ box-shadow: 10px 10px 20
Excelっぽい機能も付いた検索＆ソート＆ページング機能付きテーブル実装JSライブラリ「TinyTable V3」 2009年11月18日- Excelっぽい機能も付いた検索＆ソート＆ページング機能付きテーブル実装JSライブラリ「TinyTable V3」。 次のような、ＵＩも美しい高機能なテーブルの実装が出来ます。 普通のテーブルをリッチに スタイルを切ると、次のような単なる<table>タグで定義されたデータなのですが、JavaScript とCSSの力によって大きく形を変えています。 機能紹介 検索機能。大量にデータがあった場合にこの機能はかなり重宝します。 ソート機能。データが一杯でも分かりやすい。全カラムにおいてソート機能が付いてます ページング機能によって縦幅が大きく取られることを防ぎます。view all ボタンで全部を表示することも可能。 縦方向の合計をExcelのsumっ
Amazonで特価商品を探すフィルタが紹介されていたので、自分なりにブックマークレット化してみた（くっつけただけ）。 ※これは技術的に未熟な者が習作として書いたもので、実際に利用する上では危険性や不具合等が生じる可能性がある。ご利用の際はソースの内容を確認してから自己責任でどうぞ。 javascript:(function(){location.href=location.href+'&pct-off=90-'})(); これで90パーセント引き商品をフィルタリング出来る・・・筈なんだけど、実際はAmazonの参考価格がとんでもすぎてアレだったり。 &pct-off=50-70 とかにしてもいいみたい。 この記事を書くきっかけになったページ及び参考にしたページ アマゾンの90%OFFなどの特価商品を簡単に探す方法 - ひとぅブログ Amazonで90％以上OFFのお買い得品を速攻で見つける
TinyURL や bit.ly などで短縮されたURLを元のURLに戻してくれる Untiny 。 Untinyは現在224の短縮URLサービスに対応しているようだ(トップページの"Supported Tiny Services"による)。 ページ中の短縮URLをこのUntinyで展開(?)するブックマークレットを自作したのでメモ。 ※これは技術的に未熟な者が習作として書いたもので、実際に利用する上では危険性や不具合等が生じる可能性がある。ご利用の際はソースの内容を確認してから自己責任でどうぞ。 javascript:(function(){d=document;var%20tx=d.selection?d.selection.createRange().text:window.getSelection();void(window.open('http://untiny.me?url='
Googleは米国時間11月5日、「Closure Tools」と呼ばれるプロジェクトをリリースし、同社のウェブサイトおよびウェブアプリケーション作成レベルに達することを望む開発者をサポートしていく方針を明らかにした。 Googleは、ウェブ中心のビジョンの一環で、JavaScriptを用いたウェブベースのプログラム記述を強く推進している。確かにGoogleは、「Gmail」や「Google Docs」などのサービスを通じて、JavaScriptを最大限に活用しており、より高速にJavaScriptプログラムを実行できるようにする目的もあって、「Chrome」ブラウザの開発に努めてきた。 しかしながら、JavaScriptプログラムは時に異なるブラウザ上では異なった動作をするなどの理由から、高機能なJavaScriptの記述、デバッグ、最適化は困難なものともなってきた。Googleがオープ
uuCSSBoost.js は uuAltCSS.js に名前が変更になりましたが、一部の説明が記事を書いた当時の古い名前のままになっています。最新版では、uuCSSBoost.revalidate() は廃止され uuAltCSS() を呼び出すように変更になっています。 コードの解説を追記しました。 「最新の規格を実装したブラウザが登場しても、IE6 のせいで諦めるしかないのか」 「CSS3セレクタを古いブラウザでも使いたい!」 といった現場の声にお応えして、ほぼ全てのブラウザで CSS3 セレクタを利用したページデザインが可能になるJavaScript ライブラリを作ってみました。 特徴 軽いよ いろんなブラウザで動くよ(Firefox2+, Opera9.2x+, Safari3+, IE6+, Google Chrome1+) 95%〜98%ぐらいのシェアをカバーできるんじゃない
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く