About jSignature jSignature is a JavaScript widget (a jQuery plugin) that simplifies creation of a signature capture field in a browser window, allowing a user to draw a signature using mouse, pen, or finger. Works in all mainstream browsers that support Canvas or Flash Captures signatures as smooth vector images. (Yes, SVG is supported!) Ingenious, super-efficient (i.e. not lagging) real-time cur
The blog tapquo.com has been acquired by FindMyHosting.com. Its best and archived contents are kept alive as sub-pages of FindMyHosting.com/tapquo/ FindMyHosting.com takes no responsibility for the factual accuracy or anything else regarding the archived Tapquo contents posted under FindMyHosting.com/tapquo/ About Tapquo.com: Tapquo, founded in 2011, was built to develop meaningful projects design
3D Unique Website Designs Our website periodically produces interesting web roundups (of tutorials or designs or something else). Today I prepared new design collection of 3D look websites. If you would like to start something new or you think about something completely new, this is the best place to start. You will be able to find here excellent examples of 3D websites. 1. Cube 2. Pneuservis Prah
timing — a jQuery core plugin introducing the Deferred jQuery Chain powered by our Lazy Proxy pattern and the new Timed Invocation Chain technique jquery-timing provides easy-to-use methods to define iterations, timeouts, intervals, Deferreds, and event-based loops and handlers just in line with all your jQuery stuff. jquery-timing is designed to change the way that you use jQuery. Simplicity If y
by Slobodan Jovanovic This is a CSS3 variant of the Apple's CoverFlow design pattern Usage HTML JavaScript $('#container').coverscroll(); OR $('#container').coverscroll({items:'img'}); Where value of "items" option is a jQuery selector for descendent elements of the container element (like in: $('#container').find('img');). This is only necessary in case when item elements are other than img eleme
gmaps.js Google Maps API with less pain and more fun Examples Maps Basic Map events Markers Services Geolocation Geocoding Overlays Polylines Overlays Polygon GeoJSON Polygon Routes Routes Routes (advanced) GMaps.Route Static maps Static maps With markers With polylines Utils Context menu Geofences Custom controls Fusion Tables layers KML and GeoRSS layers Map Types Overlay Map Types Street View P
Hi, I’m jQuery++. I am a MIT licensed collection of extremely useful DOM helpers and special events for jQuery 1.8 and later. I’m not a UI project like jQuery UI or jQuery Tools. Instead, I’m all about providing low-level utilities for things that jQuery doesn’t support. If Underscore is jQuery’s functional-programming tie, I am jQuery’s bald-spot covering toupee. Select the plugins you want and c
Article byOle Michelsenposted onJuly 28, 2011, updatedJune 25, 2020 Update: The bookmarklet has been updated to work with iOS 13+ and without a server backend My new iPad has become my primary tool for surfing, but alas it completely lacks a view source feature for looking at the source code of all those websites. To get around this limitation we can use a bookmarklet which is a piece of JavaScrip
A simple and fast tool for everyday tasks of creating and editing texts on the web. Suitable for creating and editing common texts for the web, which may also include images, video, embed code. It has a hybrid interface that can be customized according to your needs. For example, you can disable the main toolbar and only show the context toolbar when highlighting text. Or show the control toolbar
siwappはWebベースの請求管理システムです。 ビジネスをやっていたら忘れてはならないのが請求書です。月1回か2回かは会社によって違いますが、いずれにしても手作業で作っていてはかなり面倒なはずです。そこで使ってみたいのがオンラインの請求管理であるsiwappです。 トップページです。 ログインしました。都度の請求書と定期的に繰り返す請求書の二つがあります。 請求書の詳細です。 こちらは継続請求の一覧です。 請求書を作成する画面です。 入金処理を実行します。 設定画面です。 siwappは請求書をPDFで出力できます。税設定や複数の通貨単位にも対応しているので、英語版ながら日本でも使えるでしょう。 siwappはPHP製のオープンソース・ソフトウェア(MIT License)です。 MOONGIFTはこう見る 個人的には請求書の管理を独自のシステムで行っていましたが、最近Make Lea
Vim’s massive command set in both normal and command mode makes the concept of a macro especially powerful. Most Vim users, if they ever use macros at all, will perhaps quickly record an edit to one line, starting with qq and finishing with q, executing with @q, and otherwise never give the concept much thought. For slightly more advanced Vim users, macros may be more frequently useful, but they p
Javascript onMediaQueryはMedia Queryライクな振り分けをJavaScriptで実現するライブラリです。 CSS3ではMedia Queryという仕組みがあります。これはデバイスの画面幅や高さ、色などをキーにして専用のスタイルを適用する技術です。そして同様のメディアによる振り分けをJavaScriptにも提供するのがJavascript onMediaQueryです。 こちらはデスクトップの場合。 こちらはiPhoneの場合。画面幅を調整すればメッセージが変わります。 実際のコードです。contextによる指定で実行される関数が変わります。 Javascript onMediaQueryは画面幅を常に監視しているようで、Webブラウザウィンドウの大きさを変えるとメッセージが切り替わるようになっています。スマートフォンかタブレットかによる区別ではなく、画面幅に応
Because of this, the existing content of your website is not showing. If you are the registrant of this domain name and want to continue the use of your website, please contact the company where you registered this domain name to renew it. If you do not renew this domain name, it will eventually become available for registration by anyone.
Rails BrakemanはRailsアプリケーションのリポジトリを読み込んでセキュリティチェックしてくれるサービスです。 セキュアなプログラミングをするためのノウハウは幾つかあります。つまりそれに沿って現状のコードを確認すれば、万一のセキュリティインシデントを未然に防げるかも知れません。Railsアプリケーションについてそれを行うのがRails Brakemanです。 プロジェクト詳細。こうやって一覧で確認できます。 セキュリティウォーニング、モデル、ビューのセキュリティウォーニングが出ています。 クロスサイトスクリプティング関係のウォーニングが多いです。 クリックするとどの行における警告か確認できます。 Rails Brakemanでは盲目的にパラメータを放り込んだり、その結果をそのままリダイレクトに使ったりすることを禁じています。なおこのチェックはバグを発見している訳ではなく、セキ
OpenWeb Iconsはソーシャル系サービスを表現するのに使えそうなWeb Fontです。 文字の横にちょっとしたアイコンを載せるとその意味がぐっと分かりやすくなることがあります。そんな時にはこれまでごく小さなアイコン画像を使うのが一般的でしたが、今回はWeb Fontを使ったOpenWeb Iconsを紹介します。 サンプルです。 実例です。こういう使い方は良いですね。 HTMLでの指定方法です。Bootstrapライクです。 OpenWeb Iconsは現時点で19種類のアイコンが登録されています。EOT/WOFF/TTF/SVGで作成されており、それぞれをCSS上で読み込んで使います。なおBootstrapと組み合わせることで、Bootstrapのアイコンのように指定して使えるようになっています。クラス名に-coloredをつけるとカラーになります。 OpenWeb Iconsは
AppReviewViewerはiOSのApp Store、Google Playのアプリレビューを取得し、DBに蓄積するソフトウェアです。 スマートフォンアプリが盛り上がっています。iOS、Androidがその主役になります。そこで紹介するのがAppReviewViewerです。App Store、Google Playに登録されているアプリレビューを取得してDBに蓄積、閲覧できるソフトウェアです。 トップページです。まずアプリケーションを登録します。 アプリのIDと名称を入力します。 登録しました。アプリは複数登録できます。 次にデータを取得します。この部分は実際にはCron化していいでしょう。 見事データが取得できています。評価やコメントが取得できています。 バージョンを指定してコメントを絞り込むこともできます。 AppReviewViewerはMecabをインストールしているとキー
Table Sortingは既存のHTMLテーブルにソート機能を追加するJavaScriptライブラリです。 業務システムなどでテーブルを表示すると常に足らない機能を求められます。その第一が並べ替え機能でしょう。DBを操作しても良いですが、もっと単純に解決したいならTable Sortingを使ってみても良さそうです。 デモです。 カラムのクリックでソートが実行されます。 金額部分もきちんとソートされます。 JavaScriptのコードです。単純にクラスを指定するだけ。 HTMLのコードです。数値部分にも特に設定を行っていないところに注目。 Table Sortingは既存のテーブルを渡すだけで自動的にソート機能を追加してくれます。オブジェクトの型も判断して並び替えてくれるので手間いらずです。 Table SortingはJavaScript製、GPL v3のオープンソース・ソフトウェアで
PNGDriveはファイルを画像化してサイズを小さくするソフトウェアです。 ファイルを相互に別形式に変換するというソフトウェアは多いですが、PNGDriveはちょっと一風変わっています。任意のファイルを画像化し、デコードできるソフトウェアになります。 メイン画面です。 ドロップしました。Zipファイルの場合、サイズが大きくなってしまいました。ファイルは複数ドロップできます。 テキストの場合は54%まで縮まっています。 面白いのはやはりサーバサイドの仕組みを使わずに画像だけで行っているということでしょうか。画像化されたデータは特に意味がない、砂嵐のようになっていますが、可逆変換なのもユニークです。 PNGDriveはJavaScript製、Apache License 2.0のオープンソース・ソフトウェアです。 MOONGIFTはこう見る インターネット上の圧縮技術としては現在Gzipがメイ
Stick Portalは棒人間による2Dのポータル風ゲームです。 ポータルというゲームがあります。壁に二つの穴を開けて、その間を移動できるようにするポータル銃を使ってパズルを解き、ゴールを目指すゲームです。そんなポータル風ゲームをHTML5で再現したのがStick Portalです。 まず基本。左にいるキャラクターを右にある四角まで持っていけばゴールです。 ちょっと高い場所にゴールがあります。真ん中にある踏み台を使うと高くジャンプできます。 やっとポータルらしい場面です。太い線の部分にはポータル銃で穴があけられます。 まず一つ目の穴。 ついで二つ目の穴。飛び込めばゴールです。 こんな感じの面も。ポータル銃は穴だけでなく、物体の移動にも使えます。 こうやって重ねると高い場所でもゴールできます。 邪魔するキャラクター登場。放ってくる弾に当たっても死にませんが、一気に吹っ飛ばされます。 箱がい
JSGLはJavaScriptによるOpenGL実装です。 HTML5の新機能の一つにWebGLがあります。しかしまだまだ最近のWebブラウザでしか実装されていない機能になります。そこでWebGLに対応していないWebブラウザに対して3Dモデリングを行うライブラリがJSGLです。JavaScriptを使ってOpenGLを実装しています。 デモです。オブジェクトが回転しています。FPSはかなり高い数値が出ています。 実装サンプルです。コードはかなり分かりやすいのではないでしょうか。 JSGLには多彩なAPIが作られており、細かくモデリングができるようになっています。元々はJSOS向けのグラフィックスAPIとして開発されているとのことです。 JSGLはJavaScript製、MIT Licenseのオープンソース・ソフトウェアになります。 MOONGIFTはこう見る JSGLのAPIはWebG
SextantはRailsアプリケーションのルーティング情報をWebブラウザ向けに出力するソフトウェアです。 Railsの魅力の一つであるルーティングはとても便利ですが、慣れるまでリンクの書き方を忘れてしまったり、どうルーティングされているかをコンソールで確認することが多いのではないでしょうか。都度rakeを実行しても良いですが待たされる時間が邪魔臭いと感じる方はSextantを使ってみましょう。 ルーティング情報がWebブラウザで確認できます。 SextantをGemfileのdevelopmentグループでだけ読み込ませば開発時のみ使えて便利です。また、SextantはRails4.0にマージされており、その有用性が確かであると言えます。 SextantはRuby製、Ruby on Rails用のオープンソース・ソフトウェア(MIT License)です。 MOONGIFTはこう見る
ComposerはPHPのライブラリ自動セットアップソフトウェアです。 PHPには長い開発の歴史があり、開発人口も多いと思われるのですが、役立つごく小さなライブラリの普及があまり広まっていないように見えます。Pearというシステムもありますが、どうも使い勝手がよくありません。そこでライブラリをセットアップしてくれるComposerを代わりに使ってみましょう。 インストール。一行のコマンドでできます。 パッケージのインストールも簡単にできます。 ライブラリ定義ファイルのデモです。 ComposerはRubyのbundlerやnode.jsのnpmなどを参考に作られています。Packagistというライブラリ管理サービスもあり、誰でもパッケージを登録できるようになっています。後はプロジェクトのトップに定義ファイル(JSONフォーマット)を用意すればインストールはコマンド一つで出来るという仕組み
Meshcraftは自由度の高いコンセプトマップエディターです。 Webはとても自由度が高いです。しかしHTMLという枠の中で行動を迫られます(FlashやJavaアプレットもありますが)。しかしそうした枠を超えてとにかく自由に情報を蓄積していけるソフトウェアがMeshcraftです。 トップページです。色々な枠やテキストが浮かんでいます。これらは自由に動かしたり編集したりできます。マウスで全体の視点を動かすこともできます。 登録フォームです。下の部分が大きくなるのはなかなか気持ちいい感覚です。 こんな感じで情報を結びつけることもできます。 新しい項目を追加します。左クリックで追加されます。 項目を追加した後、ドラッグで線を引きます。これでリレーションができます。 互いの関係性を明記します。 枠付きの他、ラベルも追加できます。 Meshcraftはコンセプトマップエディターという名称になっ
創部から初年度の2005年に高校選手権大阪予選でベスト16入り。3年目にはプリンスリーグ、インターハイ、高円宮杯に初出場も果たすなど順調に成績を残し続ける新進気悦の大阪桐蔭高校。成績だけでなく、1期生のMF阿部浩之を始め、8年間で5人ものプロ選手を輩出しています。躍進の秘訣ともいえるのがINF(フランス国立サッカーアカデミー※)で培った“加速するサッカー”。大阪桐蔭流の“加速するサッカー”について永野悦次郎監督に解説していただきました。 大阪桐蔭では創部以来、毎年、海外遠征を行い、INFのサッカーを肌で感じ、世界で戦う上で必要な技術を学んでいます。その中で、気付いた世界との違いは“流れの中でプレーできるかどうか”。永野監督は「現地の選手との違いは“止める・蹴る”の部分。ヨーロッパの指導者から、技術的な部分に関しては日本人の方が器用でうまいけど、動きの中でそれが出来ないと指摘されました」と話
Basic design principles, like visual hierarchy, are very important in web design. Unfortunately, many of the new mobile apps are not designed with visual hierarchy in mind. Mobile (web) apps need an ordered and visually appealing design for a comfortable and enjoyable user experience. According to the first definition in dictionary.com, hierarchy is defined as “any system of persons or things rank
あまり経緯はわからないのですが、DevLoveが主催するHeroku Junior CampでHeroku+PHP+Facebookな感じの講演をやってきました。大体3時間くらいはしゃべりっぱなしという感じでですが、参加者の方はみなさんFacebookのAPIを叩くアプリケーションの作成方法を実際に体験してみることができたように思います。Herokuの利用方法については特に問題はありませんでしたが、gitを使ったことがない人はgitに戸惑っていたようでした。何にせよPHPを動かす環境としてもすぐに使える環境である事は改めて証明されたように思います。日本語でPHPが使えるスタックの資料についてはhnwさんのブログ記事が大変詳しく、参考にさせて頂きました。 HerokuのBuildpackを利用してmbstringが有効なPHPサーバを立ててみた – hnwの日記スライド4時間耐久 PHP o
この記事のポイントは… 主に個人ブログやブログ形式のオウンドメディアを運営する皆さまを対象に、アイキャッチ画像の概要と設定方法を詳しく紹介する記事です。 アイキャッチ画像(サムネイル画像やOGP画像とも呼ばれます)とは、サイト内やSNSのタイムライン上に記事URLと共に流れる記事の顔となる画像のこと。 アイキャッチ画像を利用するために必要な知識、画像の仕様と非デザイナー向けの作成方法、アイキャッチ画像をHTMLのメタ要素OGP内で指定する方法を記事内で詳しく解説しています。 この記事は、2024年01月12日に更新しました! ウェブ記事のアイキャッチとなるタイトルを載せた画像、ソーシャルメディア上で、良く見ませんか?まさにこの文章のすぐ上にある「徹底解説」と書かれた画像も、アイキャッチ画像のひとつです。 この記事は、主に個人ブログやブログ形式のオウンドメディアを運営する皆さまを対象に、アイ
皆さま、お久しぶり!ヒカルよ。今日はFacebookインサイト(公式のアクセス解析ツール)を使うための最初の難関、OGP設定の謎を私が解明するわ!私と一緒に、めくるめくソーシャルマーケティングへの扉を開きましょ。 ......って、え?私のことを知らない?......そうか、そうよね。最近 Facebookの六離庵ページ に閉じこもっていたものね。 改めて、自己紹介するわ。 わたしと六離庵について わたしは、ソーシャルメディア課長のヒカル。 和菓子屋六離庵ソーシャルメディア繁盛記 というサイトをご存知かしら? このサイトは吉祥寺にある架空の和菓子屋さん「六離庵」のソーシャルメディア活用のストーリーを連載しているサイトなの。中小規模の法人がどんなふうにソーシャルメディアをどう活用していけばいいかの一例として、企画から運用、効果測定までの流れを小説形式でひと通りご紹介しているわ。全八話で公開さ
朝会(デイリー・スタンドアップ・ミーティング、デイリー・スクラム、デイリー・ハドル*1、朝のロールコール*2)を説明するのは簡単だ。チーム全員が毎日顔を合わせ、現在の状況を迅速に確認しあう。立ってやるのはミーティングの時間を短くするためだ。以上。 でもこれだけじゃあ、「良い朝会」と「悪い朝会」の微妙な違いは分からないだろう。 朝会の定義は非常に簡単なものなのに、 うまくいっていない朝会があって私はとても驚いた。 すぐに原因は分かったが、そのチームはそれが何なのか分かっていなかった。 朝会の基本原則と詳細を意識していなかったのだ。 そのために朝会の問題について診断や解決がなされていなかったわけだ。 良い朝会を経験した人たちは、 うまくいってないときに何をすればいいかを知っている。 朝会に慣れていない人たちは、 うまくいってないときに何をすればいいかに気づかない。 「暗黙知なんだから、とにかく
2012/09/25 更新 とりあえずCake2に対応しました 「FastCSV」は、プラグイン管理されていますが、実質ヘルパーです。一般的なCSVヘルパーとしてダウンロード(エクスポート)を実装しています。 また「fastExport」という、テーブル1つをまるまるCSVファイルにしちゃうメソッドも実装しました。 インストール・初期設定 ダウンロードしたFastCSVフォルダをPluginフォルダに設置します。 最新版ダウンロード app/Config/bootstrap.php にて以下の記述を行う。 CakePlugin::load('FastCSV'); 目的のコントローラにて以下の記述を行う。 public $helpers = array('FastCSV.FastCSV'); fastExport機能について CakePHPを使っていれば、findで抽出したデータをそのままC
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
+1 ボタン 2 AMP 11 API 3 App Indexing 8 CAPTCHA 1 Chrome 2 First Click Free 1 Google アシスタント 1 Google ニュース 1 Google プレイス 2 Javascript 1 Lighthouse 4 Merchant Center 8 NoHacked 4 PageSpeed Insights 1 reCAPTCHA v3 1 Search Console 101 speed 1 イベント 25 ウェブマスターガイドライン 57 ウェブマスタークイズ 2 ウェブマスターツール 83 ウェブマスターフォーラム 10 オートコンプリート 1 お知らせ 69 クロールとインデックス 75 サイトクリニック 4 サイトマップ 15 しごと検索 1 スマートフォン 11 セーフブラウジング 5 セキュリティ 1
注: 記事中の「解説」の部分のライセンスは「Creative Commons 表示 - 非営利 - 継承」です。「解説」は「クリアコード」(「ClearCode Inc.」)によって変更されています。変更前の原著作者は「オライリー・ジャパン」です。「Creative Commons 表示 - 非営利 - 継承」なので再配布や変更や翻訳などはライセンスに従って自由に行えますが、営利目的で利用することはできません。 https://amazon.co.jp/dp/B0064CZ1XEの翻訳である「リーダブルコード」が今月(2012年6月23日)発売されます。すでに予約できるようです。 https://amazon.co.jp/dp/4873115655 本書の内容は原書の紹介記事を参照してください。 日本語版の訳者は角さんです。これまでの訳書と同様にとても読みやすく訳されています。翻訳なので読
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く