DOOM Captcha - Captchas don't have to be boring
💻 Demo Your Email Unsubscribe Restart Disclaimer: Don't take this too seriously, this is a little project for fun, if do you know how to code it's pretty easy to break the security of this. 👨💻 Code <form action="success.html"> <p> Your Email<br> <input name="email"> </p> <p> <button>Unsubscribe</button> </p> </form> Parameters countdown: on / off label: Text before captcha, you can leave it
2017年のフロントエンドエンジニアならこの程度は知ってて当然だよな？ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? って海の向こうの人が言ってました。 私はjQueryさえあれば概ね生きていけるので全然知らないけど、 あなたは全部知ってるフロントエンドエンジニアなんだね。すごーい！ 以下はFront-End Developer Handbook 2017の第三部、Front-end Developer Toolsからリンクされているツールと、その簡単な紹介です。 ドキュメントツール Dash 150以上のライブラリのAPIリファレンスを検索できる。有料、Mac専用。 DevDocs 200以上のライブラリをオンラインで検索できる。無料。 Veloci
2.5dBUTTON - NOHT CO.,LTD.
none file print delete clear save upload cloud folder camera photo image barcode phone music video playmedia record play pause stop eject bell volumeup volumedown volume off light dark lock unlock flag wifi time map geo location pin walking bicycle car bus plane compass cursor pointer grab arrowup arrowright arrowdown arrowleft up right down left back next dropdown sort good bad full small move un
開発用プロキシ、「CocProxy」が便利 - プログラマでありたい
CocProxyというツールがあります。名前の通りプロキシサーバーなのですが、用途が開発用です。置換プロキシと言うらしいですが、これがとっても便利です。例えば、クローラーの開発や、HTML,CSS,JavaScriptの修正をする際に、このCocProxyを利用するとダウンロード待ちのイライラが解消され、効率アップ間違いなしです。ローカルのみで完結するのと、Webへのアクセスが必要とするのでは、スピードが数十〜数百倍違います。一回だけでみたら、数百ミリSecの差ですが累積で考えると大きいですよ。 CocProxyとは？ Ruby製のProxyServerです。かつ標準ライブラリで動くことを目標としているので、Rubyの環境があれば、ダウンロードして直ぐに使えます。また基本的には1ファイルで完結するので、導入も簡単です。Ruby1.9をベースにしていますが、Ruby 2.0でも特に問題なく動
開発時に。送信内容が確認できるダミーのSMTPサーバ·smtp4dev MOONGIFT
smtp4devはWindowsローカル上に立てるダミーのSMTPサーバです。 システム開発においてメール送信を行う時はよくあります。SMTPサーバを立てたとして、間違って送信してしまうと大変な事態につながるかも知れません。そこで使ってみたいのがローカルで使えるダミーのSMTPサーバ、smtp4devです。 起動しました。まずはセキュリティ警告が出ます。 メイン画面です。この時点でポートは開いています。 オプションです。UIに関する設定です。 サーバ設定です。ポート番号はデフォルトで25です。 アップデートチェッカーもあります。 こんな感じで常駐します。 こんな感じでPHPからメールを送ってみます。 送信しました。すぐに反映されます。 さらに日本語件名のメールを送ってみました。文字化けせずに送信されています。 メーラーでメールの内容を確認できます。 さらに詳細を確認できます。 メッセージソ
Google 入力ツールをオンラインで試す – Google 入力ツール
Google 入力ツールを使用すれば、ウェブのどこででも好きな言語で簡単に入力できます。詳細 入力ツールを使うには、使用する言語と入力ツールを下から選んで入力を始めてください。
Google Ad Planner
Ad Planner has been replaced with Google Display Planner. Display Planner includes nearly all the features you used in Ad Planner. It also integrates the Contextual Targeting Tool and the Placement Tool. Plus, it's built right into AdWords, so you can directly modify your campaigns. Next steps Try out Display Planner Learn about Display Planner
Pixlr.com
Photo Editor - Photoshop Online by Pixlr - Free Image Editing Tools Now, there are even more compelling reasons to choose Pixlr as your go-to solution for all your online image editing requirements, particularly when you're looking for a powerful "photo editor." Whether you're inclined towards traditional desktop-style photo editing or prefer a more contemporary approach, Pixlr has you covered. Pi
Google 日本語入力 - CGI API デベロッパーガイド
Google CGI API for Japanese Input Google CGI API for Japanese Input は、日本語変換をインターネット上で実現するための、CGI サービスです。 リクエスト http://www.google.com/transliterate に対して HTTP リクエストを発行します。GET メソッドを使ってください。以下の CGI パラメータを (URL エンコードした上で) 指定します。 langpair=ja-Hira|ja text=(変換したいひらがな列) text のひらがな列は UTF-8 でエンコードします。例えば、「へんかん」をリクエストする場合は、 http://www.google.com/transliterate?langpair=ja-Hira|ja&text=%E3%81%B8%E3%82%93%E3%81
Geekなぺーじ : 「インターネットの形」を探るための基礎データ集
「インターネット全体の形」は誰も知りません。 どこがどのように繋がっていて、全ての組織を網羅した「網の地図」はどんな形になるのか？、一番遠い所同士の「直径」はどれぐらいになるんだろうか？、本当はどれぐらいの組織が繋がっているのか？、どれぐらいのデータが流れているのだろうか？などの疑問に正確に回答できる人は、恐らく一人もいません。 しかし、それらを推測するような研究を人々が行えるように基礎データを公開している団体がいくつかあります。 今回は、「インターネットの形」を探るための基礎データとなり得る情報を公開しているサイトを紹介したいと思います。 routeviews アメリカオレゴン大学が公開しているBGP(Border Gateway Protocol)経路情報です。 フルルートデータが公開されています。 AS(Autonomous System,自律システム) Pathなどのデータを組み合
やまざきメソッド ジェネレーター
やまざきメソッドとは デザイナーやまざきさんが突然使いだした進捗表示方法なのだ！ 目盛りは横書きで、各項目が縦書き。別名「縦横メソッド」！ なんかすごく見やすいし、進捗把握しやすいんですけど！ エディターで再現してみてください。めっさ面倒だから！ そこで、簡単にやまざきメソッドで表現できるジェネレーターの登場だ！ やまざきメソッド ジェネレーターの使い方 「たいとる」を入力する。左上に横書きで表示されるよ。 「はじめのことば」を入力する。目盛りの左側に横書きで表示されるよ。 「おわりのことば」を入力する。目盛りの右側に横書きで表示されるよ。 「もじしょく」を入力する。"000000"みたいに16進数で入力してね。 「はいけいしょく」を入力する。"FFFFFF"みたいに16進数で入力してね。 「いまここ」を選択する。進捗表の場合は選択すると目盛りの色が変わるよ。 「こうもく」を入力する。勝手
マインドマップフリーソフト５つまとめて比較｜WEBマーケティングブログ
Googleサービス一覧マップを作るためにいろいろとマインドマップのフリーソフトを探したので、せっかくだからご紹介しておきます。 追記：2016年9月3日更新、2サービス終了（2. EasyStep、7. Think）。 組織のマインドマップツールをマインドマイスターにすべき理由 ペンとノートで記憶に残す!アイデアがわき出る! 本当に頭が良くなるマインドマップ(R)“かき方”超入門 オンラインでマインドマップ作成 まず、いずれも無料であることが前提になっています。 1. mind42.com これは知っている人も多いのではないでしょうか。 当初Googleサービス一覧マップでも使っていましたが、情報量の多さに重くなり、使用を断念しました。。。 2,016年９月現在、最近は重さは改善されたものの、広告スペースが大きくなるなど少し心配な要素もあってあまりオススメはしたくないかもしれません。 m
10分以内で完成、マインドマップ作成サイト - Mind Meister - Heart Beat 2.0
今回はMind Meisterというサイトを紹介します。 巷で流行のマインドマップ、色々ありますよね。 どうしても値段が高い、もしくはインターフェイスがカッコ良くないのでなんとかならないか。 そんな風に考えている人は特に必見です。 このシンプルなインターフェイス、なんとも言えません。 シンプルイズベスト。 これが私の好きな言葉でもあります。 Mind Meisterには2種類あり、フリーと有償のものがあります。 まずはフリー版でアカウント作成をします。 それからログインし、新しいプロジェクトの作成に取り掛かります。 すると、直感的なUIの想像をかき立てる素晴らしい世界が待っています。 このサイトは、全然Flashを使っていない事にすごく驚きました。 ※このサービスは日本語での記入や保存が可能です。 今の自分自身の考えを思うままに書き出します。 重要なのは、｢今やるべきこと｣として考えるより
Html Validator :: Add-ons for Firefox
HTML Validator is a Mozilla extension that adds HTML validation inside Firefox and Mozilla. The number of errors of a HTML page is seen on the form of an icon in the status bar when browsing. ***** See Web Extension notes below **** The extension can validate the HTML sent by the server or the HTML in the memory (after Ajax execution). The details of the errors are seen when looking the HTML sourc
個人情報テスト用データを一気に5000件出力する「なんちゃって個人情報」
プログラムなどで個人情報などのデータを大量に扱ったり、あるいはExcelのお勉強などで大量の偽データが入ったデータが欲しい場合がありますが、そういう際に極めてお役立ちな無料で利用できるネットサービスです。 出力形式はHTML、XML、CSV、タブ区切りテキストの4種類。出力件数は最大5000件まで。それ以外にも名前や電話番号などなど、いろいろなデータをミックスさせることができます。それも適当なランダム値ではなく、日本でよく使われている名字上位1000位までとか、平成16年の年齢別・男女別の未婚率に基づいて性別を出力とか、かなりのこだわりが見えます。 詳細は以下の通り。 なんちゃって個人情報 出力される値はそれぞれ以下のようになっています。 名前： 苗字は日本でよく使われる苗字のうち上位1000位まで（日本人の7割が含まれます）。名前は150種類ほど。 ふりがな： 名前のふりがなを出力 性別
ITmedia Biz.ID：Webページのキャプチャにまつわる7つのワザ
先日の記事「Webページのスクロールキャプチャを極める」に引き続き、今回はWebページのキャプチャを行う場合に便利なTipsを7つ紹介する。 Webページのキャプチャにはただ「PrtSc」（プリントスクリーン）ボタンを押すだけの方法から、特定のソフトを使った方法までさまざまだ。好評だった先日の記事「Webページのスクロールキャプチャを極める」に引き続き、今回はWebページのキャプチャを行う場合に便利なTipsを7つ紹介する。 訪問済みリンクの色をリセットする Webページのキャプチャを行う際、一部のリンクだけが訪問済みの色（Internet Explorerのデフォルトだと紫色）だとカッコ悪い。ブラウザのキャッシュを削除してリロードすれば元に戻るが、頻繁にキャプチャを行うのなら、思い切ってブラウザの「訪問済みリンクの色」を変えてしまうのもひとつの方法だ。 やり方は簡単。IEであれば「ツール
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.brianfolts.com/driver/
Ultimate CSS Gradient Generator from ColorZilla
Internet Explorer 7 running side by side with IE6. (standalone)
gmail.yutuki.net