ruby_enabler.js·ルビ表示を多くのブラウザで適切に MOONGIFT
ルビというのは東アジア（たぶん日本くらい？）の文化で、HTMLでもrubyタグとしてサポートされています。しかしブラウザによって表示が違ったり、そもそもルビが使えなかったりとむしろストレスになるかも知れません。 やはりルビ文化を理解できていない海外に任せるのではなく、日本で実装すべきなのかも知れません。そこで使ってみたいのがruby_enabler.jsです。 ruby_enabler.jsの使い方 古いFirefox/Operaでの素の表示とruby_enabler.jsを使った時の違いです。 Safari/Chromeでも書き方によっては表示が乱れるようです。しかしruby_enabler.jsを使えば改善します。 ruby_enabler.jsを使えばvalidなHTML構造は維持しつつ、綺麗なルビ表示が行えるようになります。誰がどんなブラウザを使っているか分からないので、公共系や海
sysend.js - HTML5/localStrageを使ってタブ間でメッセージを送受信 MOONGIFT
タブブラウザが当たり前になっている現在、同じサイトで複数のタブを開いているなんて良くありますよね。そこで片方のタブでデータを修正して、その後別なタブで上書きしてしまったなんて経験はないでしょうか。 サーバサイドを介さず、クライアントサイドだけでタブ間のデータ同期ができるライブラリがsysend.jsです。HTML5 localStrageを使ってメッセージ通信を実現しています。 sysend.jsの使い方 デモのコードは次のようになっています。 window.onload = function() { sysend.on('foo', function(message) { console.log(message); }); var input = document.getElementsByTagName('input')[0]; document.getElementsByTagNam
JSON Editor·JSON Schemaから入力検証つきフォーム生成 MOONGIFT
JSONの利用範囲が拡大しています。エンタープライズ系ではXMLがまだまだ優勢だと思っていたのですが、Web APIが広がるのに伴って利用が進んでいるようです。そんな中で求められるのはより強固なJSONフォーマットです。 それを可能にするのはJSON Schemaです。検証可能なJSONによって入力値の正しさ、相互のメッセージ送受信を確かなものにするでしょう。そしてさらにJSON SchemaからValidな入力フォームを生成するのがJSON Editorです。 JSON Editorの使い方 JSON Schemaの例。 このスキーマをJSON Editorにかけると次のようなフォームになります。 色選択はピッカー表示になります。 入力値のバリデーションもリアルタイムに行われます。 住所入力は細かく分かれて行えます。 オブジェクトに紐づく複数入力にも対応しています。 JSON Edito
Jdoc - JSON SchemaからAPIドキュメントを生成
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました JSONがWeb APIのデータ送受信フォーマットとして活用されるようになると、受け取る側と発信する側でその内容が適切であるかどうか検証する手段が必要になります。それがJSON Schemaです。 2009年頃に登場したようですが、当時は面倒がってあまり使われてきませんでしたが、JSONの普及ともとに注目が集まっています。そんなJSON Schemaを開発者にも優しいフォーマットに変換してくれるのがJdocです。 Jdocの使い方 JdocはRubygemsからインストールできます。 $ gem install jdoc 使い方としてはjdocコマンドにスキーマのパスを渡すだけです。 $ jdoc spec/fixtures/schema.yml # Example API * [
AutoDMG – カスタムMac OSXインストーラー作成
Mac OSXのインストーラーは最近、App Storeから配布されるようになっています。しかしクリーンインストールしたい場合やいくつかのマシンにまとめてインストールする場合は別途インストーラがある方が簡単です。 そこでカスタムされたインストーラを作成できるAutoDMGを紹介します。アップデートも反映できるのが便利です。 AutoDMGの使い方 これでインストールすれば最新版が自動的に当たった状態になります。 個人であればクリーンインストールする際の用意に、会社であれば複数台のMac OSXにおいてそれぞれインストールする帯域の浪費に使えるのではないでしょうか。Xcodeなどを入れておけば大きなアプリケーションのダウンロードにかかる時間を節約できそうです。 AutoDMGはMac OSX用のオープンソース・ソフトウェア（Apache License 2.0）です。 MagerValp/A
github-reader·node-webkitを使ったGitHubニュースフィード/通知リーダー MOONGIFT
GitHubでグループ開発を行っている方におすすめ！GitHubでは誰かがプッシュしたりコメントしたりすると通知、ニュースフィードに表示されます。そうした情報をいち早くキャッチアップすることでスムーズな開発が実現します。 そのためのGitHubクライアントは幾つかありますが、今回はnode-webkitで作られたgithub-readerを紹介します。 github-readerの使い方 最初に設定としてトークンの設定を行います。またリロードするタイミングも指定します。 左側に新着フィードが出ます。クリックで詳細を確認できます。 現状では新着フィードはとれるのですが、その後の詳細については公開されているプロジェクトしか表示されませんでした。また、通知はGrowlを使っているのでMac OSX専用になるとのことです。検索機能もあり、常時開いておくと便利そうなソフトウェアです。 github-
EvaporateJS - レジューム機能付き。Webブラウザから直接S3にファイルアップロード MOONGIFT
Webシステムで画像や動画、ファイルのアップロード先としてAmazon S3を利用しているケースは多いかと思います。従来、アップロード処理はサーバを経由して転送する必要がありましたが、今はブラウザから直接S3へ保存できるようになっています。 とはいえトークンの生成など必要な処理が幾つかありますが、それらに加えてレジューム機能まで提供してくれるアップローダーサンプルがEvaporateJSです。 EvaporateJSの使い方 まず最初にAmazon S3の管理画面にてCORS（Cross-Origin Resource Sharing）設定を行う必要があります。 こちらがEvaporateJSの画面。ファイルを指定します。 小さいファイルであれば一瞬にしてアップロードされます。サーバはトークン生成を行っていますが、ファイルの送信はJavaScriptから直接行っています。 サーバ側のログ。
bouncejs.com - bouncejs リソースおよび情報
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.
Markus Ast
2022-07-08 Transactions for SQLite on Cloudflare Durable Objects 2022-01-24 Store SQLite in Cloudflare Durable Objects 2021-12-09 WASM instead of C Dependencies? 2021-10-06 Dynamic Gatsby Routes on Cloudflare Pages 2021-08-19 Simple single-executable Blog generator
GitHub - ddsky/unibox: A Javascript plugin for a universal search box with search suggestion - no jQuery required.
sxQuery("#searchBox").unibox({ // these are the required: suggestUrl: '', // the URL where to get the search suggests // these are optional: ivfImagePath: '', // the root path to the instant visual feedback images ivfImageOffset: -80, // the vertical offset of the ivf images missingErrorImage: undefined, // if an image is missing, hide it (undefined) or show a placeholder image queryVisualizationH
Outdated Browser
For a better experience, keep your browser up to date. Check here for latest versions.
HTML table Export
I'm web developer based in Chennai, India. I have been working in PHP, SHELL, MYSQL, MSSQL, SYBASE, PERL, JQUERY, JSON/XML/REST and noSQL. I am always open to learning and using new techniques (recently LESS, SASS,grunt). I'm a big fan of the oAuth and I wrote PHP class for light-weight oAuth authentication. Get in Touch
Graphic Design, Name Card Template, Business Card Template, Branding design, Branding kit, label design, restaurant menu design templates
Aiwsolutions offers Name Card Templates, Restaurant Menu Templates, Graphic Design Templates, Resume Templates, Booklet Templates, Website Templates, Wordpress Theme Templates, Promotion Templates, Catalog Design Templates, Food Menu templates, Drink Menu Templates, Blog Theme Templates, Family Tree Designs, Blog Header Designs, Graphic designs, Label Designs, Product Label Designs... and much mor
jQuery-highlightTextarea by mistic100
This project moved to garysieling/jquery-highlighttextarea.
Themify Icons - 320+ Free Icons For Web Design & Apps
Themify Icons is a complete set of icons for use in web design and apps, consisting of 320+ pixel-perfect, hand-crafted icons – 100% FREE! You may use or distribute it for any purpose, whether personal or commercial. This icon set is a must have tool for web designers and developers. Icon Font Version Used by designers & developers for design mockups, print and web projects (SVG format is included
ScrollMe - For simple scrolling effects
ScrollMe A jQuery plugin for adding simple scrolling effects to web pages ScrollMe is a jQuery plugin for adding simple scrolling effects to web pages. As you scroll down the page ScrollMe can scale, rotate, translate and change the opacity of elements on the page. It's easy to set up and not a single line of javascript is required. Why just these properties? Because browsers can animate them quic
Overview | jPList - jQuery Data Grid Controls
jQuery jPList plugin is deprecated. Please check pure JavaScript (ES6) jPList Library alternative instead.
スマホ向けサイトで設定ミスをすると68%の検索アクセスを失う など10+4記事 | 海外&国内SEO情報ウォッチ
BrightEdge（ブライトエッジ）が、モバイルの利用状況を調査した結果を公開した。 レポートのなかには、モバイル向けサイトの調査も含まれている。 たとえばモバイルサイトの構成によるランキングの差異だ。 グーグルは、レスポンシブ・ウェブデザインと動的配信、別URL構成の3つのモバイル向け構成をサポートしている。検索順位において、これらの3つには差異はほとんど見られない。優劣をつけていないというグーグルの説明は正しそうだ。 これは嬉しい発見といえる。しかし放っては置けないデータもある。 別URL構成のサイトには、設定ミスが非常に多く見られる。rel="alternate"がない ―― 61%Vary HTTPヘッダーを返していない ―― 41%rel="canonical"が間違っている ―― 35%rel="canonical"がない ―― 35%rel="alternate"が間違って
基本的なウェブ解析で売上40倍にUP！ 札幌のリサイクル回収・処分店が行ったノウハウを大公開 | 一人でできるWebサイト収益UP術－ウェブ解析士事例集
パソコンやネットに詳しくなくても、基本的なウェブ解析のやり方、考え方、見せ方を押さえれば、わずか10か月で売上が40倍もの成果を上げられる。その基本的なウェブ解析のやり方をすべて公開します！ 「ホームページもパソコンの扱いがよくわからないが活用したい」と思っている経営者や新人のウェブ担当者の方にお勧めの記事です。 パソコンが苦手なんだけど……とにかく新規開拓したい！ 今回、紹介する事例は、北海道札幌市にある不用品・リサイクル品の処分・回収の「芥屋（あくたや）」です。 創業は2012年、社長が1人で立ち上げた会社で、創業当時は知人の紹介で仕事をしていましたが、なかなか新規開拓ができずにいました。「どうにか従業員を雇えるくらいの会社規模にしたい！」と考えていた社長。そのためには、何をどのようにしたらいいのか？ ……と次のようなことを悩んでいました。 とにかく新規の仕事を取りたい 創業したばかり
ウチのメルマガは効いてるの? メルマガからの訪問に絞り込んで行動や成果を確認するには?（第12回） | Googleアナリティクス セグメント100選
を使ってメールマガジン経由のセッション（訪問）に絞り込み、行動を観察する方法を紹介する。 メールマガジンはeコマースサイト、ニュース系サイトだけでなく普通の企業や商品・サービスサイトなどの多くが発行しているのではないだろうか。メールマガジンは、何らかのきっかけでユーザー登録してくれた既存ユーザーの関心を引きとどめ、継続的にその企業やサービスの情報をプッシュで送ることのできる、重要なコミュニケーション手段だろう。 ユーザーの行動パターンに合わせたメール配信なども簡単にできるようになってきているので、メルマガユーザーの行動理解は非常に重要だと言えよう。 メルマガ計測のための準備メールマガジンを購読しているユーザーは、どのような形でそれを受け取っているだろう。Outlookなどのメーラー（メール送受信アプリケーション）で見ることもあれば、Webメールのサービスを利用してブラウザで見たり、モバイル
自分が公開しているgemの日々のダウンロード数が気になって寝られません。どうしたらいいでしょうか（Yawhoo知恵袋）
質問 【ID非公開さん】 RubyGems.orgでいくつかのチンピラgemを公開してます。それらの人気度が気になって毎日サイトにアクセスしてます。サイトでは個々のgemの総ダンロード数はわかるんですが、僕が知りたいのは、今日どのgemがどれくらいダンロードされたかなんです。これって、知る方法ないですか？ ベストアンサーに選ばれた回答 【melborneさん】 「Mygegegems」というgemを使ってください。使い方を説明します。 Mygegegemsの使い方 ターミナルを開いて、gem install mygegegemsでインストールが完了したら、次のようにしてローカルデータをアップデートします。 % mygegegems update Your gems data updated!(/Users/keyes/.mygegegems.yaml) 初めてupdateを実行するとあなた
本当は怖いMemcached - Qiita
はじめに データアクセスの高速化、セッションの保持などに非常に重要なポジションを占めているMemcached 特徴をあげると、速い安い美味いで、AWS上のサービス化などされており、非常に扱いやすいプロダクトなのですが、Memcachedそのものが単一障害点とならないように冗長化を測った時に深刻な問題が発生する可能性があることをご存知でしょうか。 システムに心あたりがある方は今すぐ代替手段を検討しなければなりません。 どうしてもMemcachedを使いたいという方はこちらへ それでもMemcachedを使いたいあなたへ 前提条件 そもそも冗長化をしなければ問題ないという運用はその時点で怖いのでNG cache機構という性質上、データが飛ぶのは問題ない(”正”となるデータを他から読み出すだけ)が、誤ったデータが読み出されるのをNGとする Memcachedを利用した時に利用ノードを決定するのは
Docker専用ツールのまとめ(PaaSとUI、OS、コンテナ管理ツール、ホスティングなど)
横田です。Dockerが盛り上がっておりますが、Dockerの盛り上がりと同時に「Dockerを利用してPaaSを構築できるツール」や「DockerにUIを追加するツール」さらに「Dockerの利用を前提としたOS」など「Docker専用ツール」も登場してきています。 今回は、そのような「Docker専用ツール」を色々とご紹介したいと思います。 《PaaS》 Docker上にPaaSを構築するツールがいくつか登場してきています。かつては「Dokku」が人気でしたが、最近では「Flynn」と「Deis」というツールに人気が集まっているようです。 日本だとWeb上のドキュメントが少ないですが、先日の「Docker meetup tokyo #3」で発表されたtaichi nakashimaさんの記事が「flynn」関連のドキュメントを多く公開してくださっているので「Flynn」の方がやりやすい
Webサービス開発の変遷と現在
フロントエンドのパラダイムを参考にバックエンド開発を再考する / TypeScript による GraphQL バックエンド開発
他人が作った「企画書」や「提案書」や「プレゼン資料」を堂々と覗き見することができるサイトやブログ記事まとめ。 - おしブロ from STONEWEB
仕事をしていると企画書や提案書やプレゼン資料などを作成することがあると思いますが、他の人はどんなモノを作っているのか気になったりしますよね。例えば競合他社や、全く違う業種など。 というわけで、他人の作った企画書や提案書などを覗き見することができるサイトやブログ記事をいくつか探してみました。 覗き見できるサイト＆ブログ記事 役に立つ企画書・スライドが集まったサイト｜bikkuri ネットで見れる！国内有名Webサービスの「ナマ企画書」まとめ | Find Job ! Startup ネットで見られる提案書のまとめ | Webデザインのタネ マニュアル・提案書/ブルースター株式会社 気になった資料をピックアップ 最初に紹介したサイト「bikkuri」の中から、最近個人的に気になっているテーマ「Webデザイン」に関する資料を少しだけピックアップしてみます。 (はじめの1冊!) まねして書ける企画
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
旧・Macの手書き説明書 - FC2 BLOG パスワード認証
http://iamapioneer.com/plugins/skippr/
This is the default server vhost
Modern UI Kit | Simple and Elegant UI Pack for Download
https://jackocnr.com/intl-tel-input.html
Google Chromeの検索バーをパーソナライズオフにする方法。 – 和洋風KAI
「じっくり閲覧」する熱心な訪問者は、どこから来てどのコンテンツに興味を持っているか分析するには？（第14回） | Googleアナリティクス セグメント100選
あなたのサイトはユーザーニーズに応えていますか？ 訪問動機ごとに閲覧傾向の違いを分析するには（第13回） | Googleアナリティクス セグメント100選
「直帰率」「離脱率」など、初歩的なアクセス解析関連の専門用語が、そもそもよくわかりません | 誰もが受けたい！アクセス解析5分クリニック
地域によって閲覧ページや購買商品に違いや特徴がないかを分析するには？（第11回） | Googleアナリティクス セグメント100選
新しくWebサイトをつくったとき用Googleアナリティクス設定チェックリスト | Moz - SEOとインバウンドマーケティングの実践情報
GitHub - arc90/git-sweep: A command-line tool that helps you clean up Git branches that have been merged into master.
旧・Macの手書き説明書 - FC2 BLOG パスワード認証
Stripe: Payments for developers