このアプリがすごい No.24 Safari Snippets - ブックマークレットをExtensionで呼び出せるアプリ
ブックマークレットって便利なんですけど、登録方法がやたらめんどくさい。 もっと手軽に登録できたり呼び出せたらいいのにと思ってきましたが、このアプリを使うとその願いが叶います。 こんなアプリが欲しかった。 セールなのか無料になっていたので取り急ぎ。 使い方 WorkflowのようにブラウザのExtensionから呼び出します。 ▼Extensionを呼び出す Inject Snippetというのがそうです。 Inject Snippetをタップするといくつか登録されているものが出てきますので、それを試してみましょう。 ▼サンプルのスニペット一覧 トップにあるAuto scrollerは実行するとSafariが自動的にゆっくり下までスクロールするものです。 用意されているスニペットはExtensionから選択するとそのまま実行されますが、アプリ本体から開くと編集が可能になっています。 ▼スニペ
JavaScriptを読んでて「なにこれ！？」と思うけれど調べられない記法8選。 - Qiita
JavaScriptを読んでいると、「あれ、、、なにこれ？この書き方。。。」と思うことがたまにあります。この際の厄介なことは、どうやって調べたらいいかわからないことです。Google先生に聞こうにも、その書き方をなんと呼ぶかわからないので聞けない。 そんな「なにこれ？」を厳選してみました。覚えておくと、将来スッキリとする時が来るでしょう。 1. なみなみ、ふにゃふにゃ言ってる
最近の行儀のよい JavaScript の書き方 - Qiita
JavaScriptは移り変わりの早い言語です。 もう1年以上経っていますし、記事のメンテもちゃんとできていないので、消し線を入れることにしました。 参考程度のために記事は一応残しますが、より新しい情報を読まれることをお勧めいたします。 はじめに --- 最近では JavaScript の実行環境はブラウザに限りません。（node.js, Web Workers） また、旧来のような <script> 経由でのロードもとうに古くなっています。今は CommonJS スタイルで、require を用いたモジュールのロードを行なうことがより良いとされています。 ですから、次のようなことは改める必要があります。 - var YourModule = {}; などとして、外部から YourModule.hoge(); などと呼び出す書き方 - this === window だと思うこと 今回は、
Web制作者が捗る！知識が増える2014年トレンドまとめ
作成：2014/06/9 Web制作 > トレンド感のある動きや、洗練された見え方を実現するために、知っておきたいことや方法など。Web制作の現場で知っておくべきことをまとめました。全部取り入れるのは無理ですが、押さえておくことで今以上に見栄えのするサイトを作れると思います。ここ最近のトレンドをおさらいしたいときに。 エンジニア速報は Twitter の@commteで配信しています。 もくじ ファーストビューで使いたいエフェクト １．ロングシャドウ ２．ポリゴン ３．ラージフォトスタイル ４．ブラーエフェクト ５．フルスクリーン動画 ６．画像シーケンス 脱ビットマップ画像 ７．SVG ８．Webフォントを円で囲む 配色・フォント ９．配色(フラットデザイン) １０．タイポグラフィ(フラットデザイン) １１．フォント(フラットデザイン) 効果 １２．Infinite Scroll(無限スク
JavaScriptでセキュアなコーディングをするために気をつけること – cybozu developer network
（著者：サイボウズ kintone開発チーム 天野 祐介） kintoneはJavaScriptを使って自由にカスタマイズすることができます。 カスタマイズにより独自のリッチなUIを構築したり、新しい機能を追加したりできるようになりますが、セキュアなコーディングをしないとクロスサイトスクリプティング脆弱性を作り込んでしまう危険性があります。 この記事では、JavaScriptでセキュアなコーディングをするための基本的な点を解説します。 主な原因 脆弱性を作り込む主な原因になるコードは、要素の動的な生成です。特に、レコード情報などのユーザーが入力した値を使って要素を生成するときに脆弱性が発生しやすくなります。 対策 document.write()やelement.innerHTMLを使って要素を生成するときは、コンテンツとなる文字列をかならずHTMLエスケープするようにしましょう。 以下は
スパム対策をしてメールアドレスを公開する方法 [ホームページ作成] All About
スパム対策をしてメールアドレスを公開する方法迷惑メールを防止する7種類のスパム対策方法を解説。ホームページにメールアドレスを掲載すると、大量の迷惑メール(スパムメール)が届くようになってしまいます。メールアドレスを公開しつつも、メールアドレスの自動収集プログラムに収集されるのを防ぐ対策方法をご紹介。 迷惑メールを防止するにはメールアドレスの公開にスパム対策が必須 ウェブサイトの訪問者からメールで連絡をしてもらうためにウェブページにメールアドレスを掲載しようと考えているのなら、掲載前にスパム対策が必須です。メールアドレスをそのまま公開してしまうと、やがて大量の迷惑メール（スパムメール）が届くようになってしまうからです。 ウェブページに掲載されているメールアドレスは、メールアドレスを自動収集するプログラムなどによって簡単に収集されます。そのように収集されたメールアドレスは、広告や詐欺目的での送
![スパム対策をしてメールアドレスを公開する方法 [ホームページ作成] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/7628a018b9efd07df4622459f9cb22696195ce07/height=288;version=1;width=512/https%3A%2F%2Fimgcp.aacdn.jp%2Fimg-a%2F1200%2F900%2Faa%2Fgm%2Farticle%2F2%2F3%2F9%2F3%2F3%2F1553315019%2Ftopimg_original.jpeg)
40分で覚える！jQuery速習講座 (1/6)
いまやWeb制作に欠かせなくなったJavaScript。でも、「JavaScriptはほとんど“アリモノ”で済ませている」という方も多いのでは？ そこで、WebデザイナーやマークアップエンジニアなどのWeb制作者の方向けに、いま一番人気のJavaScriptライブラリー「jQuery」の基本を学べる特別レッスンをお届けします。題して、「40分で覚えるjQuery」。要点だけにぎゅっと絞って解説しますので、手を動かしながら今すぐjQueryを始めましょう。 【0分目：導入編】 jQueryのダウンロードと利用方法 jQueryのライブラリー本体（JavaScriptファイル）は公式サイトからダウンロードし、head要素などにscript要素を書いて読み込みます。
jQuery
Lightweight Footprint Only 30kB minified and gzipped. Can also be included as an AMD module CSS3 Compliant Supports CSS3 selectors to find elements as well as in style property manipulation 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
[JS]IE6/7/8でもCSS3が使えるようになるスクリプト -IE-CSS3
<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」:phpspot開発日誌
Excelっぽい機能も付いた検索＆ソート＆ページング機能付きテーブル実装JSライブラリ「TinyTable V3」 2009年11月18日- Excelっぽい機能も付いた検索＆ソート＆ページング機能付きテーブル実装JSライブラリ「TinyTable V3」。 次のような、ＵＩも美しい高機能なテーブルの実装が出来ます。 普通のテーブルをリッチに スタイルを切ると、次のような単なる<table>タグで定義されたデータなのですが、JavaScript とCSSの力によって大きく形を変えています。 機能紹介 検索機能。大量にデータがあった場合にこの機能はかなり重宝します。 ソート機能。データが一杯でも分かりやすい。全カラムにおいてソート機能が付いてます ページング機能によって縦幅が大きく取られることを防ぎます。view all ボタンで全部を表示することも可能。 縦方向の合計をExcelのsumっ
Amazonで大幅値引き特価商品を見付けるブックマークレット - userinjapan's diary
Amazonで特価商品を探すフィルタが紹介されていたので、自分なりにブックマークレット化してみた（くっつけただけ）。 ※これは技術的に未熟な者が習作として書いたもので、実際に利用する上では危険性や不具合等が生じる可能性がある。ご利用の際はソースの内容を確認してから自己責任でどうぞ。 javascript:(function(){location.href=location.href+'&pct-off=90-'})(); これで90パーセント引き商品をフィルタリング出来る・・・筈なんだけど、実際はAmazonの参考価格がとんでもすぎてアレだったり。 &pct-off=50-70 とかにしてもいいみたい。 この記事を書くきっかけになったページ及び参考にしたページ アマゾンの90%OFFなどの特価商品を簡単に探す方法 - ひとぅブログ Amazonで90％以上OFFのお買い得品を速攻で見つける
短縮URLを復元するブックマークレット - userinjapan's diary
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='
グーグル、JavaScriptプログラミングツールをリリース
Googleは米国時間11月5日、「Closure Tools」と呼ばれるプロジェクトをリリースし、同社のウェブサイトおよびウェブアプリケーション作成レベルに達することを望む開発者をサポートしていく方針を明らかにした。 Googleは、ウェブ中心のビジョンの一環で、JavaScriptを用いたウェブベースのプログラム記述を強く推進している。確かにGoogleは、「Gmail」や「Google Docs」などのサービスを通じて、JavaScriptを最大限に活用しており、より高速にJavaScriptプログラムを実行できるようにする目的もあって、「Chrome」ブラウザの開発に努めてきた。 しかしながら、JavaScriptプログラムは時に異なるブラウザ上では異なった動作をするなどの理由から、高機能なJavaScriptの記述、デバッグ、最適化は困難なものともなってきた。Googleがオープ
古いブラウザでもCSS3セレクタを使ってWebページをデザインできるようにしてみた - latest log
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ページを開く
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
Squaresend - Fast, clean, responsive contact forms
スクリプトタグを設置するだけでmailtoリンクがフォームになる『Squaresend』 | 100SHIKI
Flatis
Playstation mk2
ランダムな文字列を生成するJavaスクリプト