Vodori - Gently Challenging The Status Quo
Insights Welcome to the Vodori blog, where it's our pleasure to provide you with insights across the categories of marketing, strategy, development, engineering, and culture. With some mobile web app projects coming up at Vodori, I cleaned up Phantom Limb, a mobile web dev utility. Phantom Limb does just one thing: It fires a corresponding touch event for each mouse event on the page. Now you can
Creating fairies – James Padolsey
I wanted to give a brief overview of the techniques involved in creating this. It’s slightly pointless but still quite fun and I think there are a few notable aspects of its implementation that are worth writing about. It is a “Fairy” generator that creates small pulsating elements and moves them around the viewport in random directions, but not too eratically. You can load some fairies on this pa
ページに仕込まれたJavaScriptのイベントを全部見える化出来るブックマークレット「Visual Event」:phpspot開発日誌
画像スライダーに関することならお任せ！なjQueryプラグイン「Slider Kit... 次の記事 ≫：かなりいい感じのWordPressテーマ２０ Allan Jardine | Reflections | Visual Event ページに仕込まれたJavaScriptのイベントを全部見える化出来るブックマークレット「Visual Event」。 JavaScript で開発していて、jQuery等の各種フレームワークや、on〜 を使ってイベントを埋め込むことは多いですね。 後になって、どこにイベントがあるのかをすぐ見える化し、どのような処理が記述されているのか、確認することのできるブックマークのご紹介です。 当サイトにはそれほどイベントが組み込まれていませんので、Yahoo! Japanのトップページで試してみます。 ブックマークレットを起動すると、グレーアウトされ、エレメントの上
Create Bookmarklets - The Right Way | Envato Tuts+
Bookmarkets can be defined as mini applications masquerading as tiny snippets of JavaScript awesomeness that reside in your browser and provide additional functionalities to a web page. Today, we're going to look into creating bookmarklets from scratch and on the way, some best practices to follow. They're not for the nerdy, in fact, they're pretty user-centric. We're always looking at ways to enh
いま見ているページを認証不要でTwitterに投稿するブックマークレット
何で認証不要かというと 本家のサイトから直接投稿するから。 Twitter はいつの間にか http://twitter.com/home?status=[文字列] で投稿欄にその文字列を入れられるようになってた。 いつの間にかじゃなくて最初からできたのかな。 ともかく以前はAPI を通じて認証してたんだけど、 そんなことしなくても これならものすごく簡単に投稿できる。 というわけで いま見ているページのタイトルと URL を投稿するブックマークレット。 このページをTwitterに このリンクを右クリックして ブックマークだかお気に入りだかに保存してから 投稿したいページが開いた状態で そのブックマークレットをクリックね。 要するに Twitter の投稿画面に飛ばすだけなので ID やパスワードをどこかに預ける必要はない。 ログインしていれば [ページタイトル] [ページ URL] が
見ているページをTwitterに投稿するBookmarkletとブログ用ボタン | Creazy!
[2009/06/18：追記] bit.lyに対応したスクリプトも書きましたので、こちらもどうぞ。 ・【bit.ly対応版】見ているページをReTweetするブログ用ボタン [C!] いしたにさんがブログにTumblrボタン付けて、Twitterボタンもつけたいようなので持っていたBookmarkletから在庫放出しますw 自分のブログのエントリーにTumblrに１クリックで投稿するボタンつけました。 (snip) twitterボタンお待ちしてます！ via: 自分のブログのエントリーにTumblrに投稿するボタンつけた:[mi]みたいもん！ Tumblrボタンは単純にTumblr純正の bookmarklet をリンクにしているだけなので、Twitterも同じ要領でできます。 まずは、元となるBookmarkletから。 Surfing Page to Twitter ソース中身はこん
HTML5 のセクションアウトラインを生成してみよう！ - IT戦記
昨日 HTML5 のセクションアウトラインを取得する JavaScript - IT戦記 という記事で、以下の JavaScript ファイルを公開しました Outliner.js で 公開したのはいいのですが、 @amachang 使い方がわからんです…。見てるページで試せるように、Bookmarkletになっていると嬉しいです。 http://twitter.com/os0x/status/3972339847 …肝心の使い方を書くのを忘れていました＞＜ ＞＜ というわけで簡単に使い方を解説したいと思うます。 手順は 2 ステップ 1. まず outliner.js を読み込む <!DOCTYPE html> <html> <head> <title>hoge<title> <script type="text/javascript" src="http://amachang.saku
10 Useful Bookmarklets for Web Designers and Developers | Tom Kenny Design
You may not be aware of bookmarklets which are an underused tool in web designer or developer’s toolbox. A bookmarklet is a a term that merges bookmark and applet to add functionality to a web browser. They can be stored in the bookmark bar of any browser and used from there to perform useful tasks and consist primarily of Javascript code. As Javascript is synonymous with web development, some cle
Web ブラウザに表示されている画面を直接編集する方法
これはすごい。Web ブラウザのアドレスバーに以下を入力し Enter すると、 今表示されている内容を直接編集できる。Firefox 3.0.14 と IE8 で出来 ることを確認した。 javascript:document.body.contentEditable='true'; document.designMode='on'; void 0 WEBブラウザーに表示されている画面を直接編集する方法 - sanonosa システム管理コラム集 追記(2009-10-04): 戻す方法はないものかなあ。‘false’ と ‘off’ では出来なかった。 追記(2009-10-17): 「戻す方法」というのは、「編集モードから閲覧モードに戻す方法」のこ とです。端折った書き方ですみませんでした。もう少し楽な方法が見つかっ たので、以下に追記します。 IE では、以下を入力し Enter
CSSツール50選 | エンタープライズ | マイコミジャーナル
Smashing Magazine - WE SMASH YOU WITH THE INFORMATION THAT WILL MAKE YOUR LIFE EASIER, REALLY. Gerri Elder氏がSmashing Magazineにおいて35 CSS-Lifesavers For Efficient Web Designのタイトルのもと、CSSに関連したツールやライブラリを紹介している。タイトルには35とあるが、実施に紹介されているツールやライブラリの総数は50。紹介されているCSS関連のツールやライブラリは次のとおり。 より進んだCSSセレクタや変数 Less CSS (CSSに変数、操作、ネスト、ミックスインなどの機能を追加するためのコンパイラ。LESSファイルからCSSファイルを生成) DtCSS: Variables in CSS (PHPベースのCSSプリプロ
25 Essential Chrome Extensions for Web Designers & Developers — Speckyboy
Chrome extensions offer a powerful way to enhance the design process and your workflow. They build on the solid foundation provided by Chrome Dev Tools, offering specialized functionalities that cater to the unique needs of web design and development. By integrating these extensions, you can significantly expand your browser’s capabilities, allowing for a more efficient and streamlined workflow. B
Mozilla Re-Mix: Firefoxで使える10個の便利なブックマークレット。
インターネット上のツールを呼び出したり、ソーシャルブックマークへワンタッチでブックマークしたりするのに、「ブックマークレット」と呼ばれるものをブラウザのツールバーに置いておけば便利な場合があります。 サービスサイトへのアクセスしてから作業を行うより手早く簡単ですので、お気に入りのサービスのブックマークレットを是非Firefoxのブックマークツールバーに置いてみてください。 今回は、そんなブックマークレットの中から、利用価値の高いものを10個ピックアップしてみました。 以下のブックマークレット名のリンクは、すべて配布サイトにジャンプするようになっています。 全てのツールは、表示されたページ内の「bookmarklet・・」と書かれた部分にあるリンク、またはブックマークレット名そのものをブックマークツールバーにドラッグ＆ドロップすることによって追加することができます。 ＜例＞ １．del.ic
ワリオランドシェイクみたいに HTML が崩壊するブックマークレット（とそのソースコード） - てっく煮ブログ
as, box2dワリオランドシェイクと YouTube のコラボプロモーション が面白かったので、似たようなものを作ってみました。次の文字列をコピーしてアドレスバーに突っ込むと、HTML が崩壊します。javascript:(function(){var d=document; var s=d.createElement("script"); s.charset="UTF-8"; s.src="http://tech.nitoyon.com/meltdown/meltdown.js?"+(new Date()).getTime(); d.body.appendChild(s)})();崩壊するのは画像だけなので、画像があるページで試してみてください。このブログだとこんな具合。画像はドラッグすることも可能です。あまり画像が多いと重くなりすぎるのでご注意を。仕組みFlash と JavaSc
ブラウザにオーバーレイするブックマークレットWidget各種 (がらくたラボ - Specialized F's Garage for Technologies -)
ブラウザの上に、ウインドウをオーバーレイして各種機能を実現するブックマークレットWidgetをここに紹介していきます。今後新機能が追加された場合は、ここに追記していきます。 （2008/3/23にcodereposへの公開を機にソースコードの構造が変わりました。恐れ入りますが、それ以前にブックマークされた方は入れ替えていただけますでしょうか。今までのURLはいずれ削除する予定です。） WidgetというのはUIを伴った小さな部品という意味なのですが、ここで紹介しているものは、ブラウザ画面内をマウスドラッグで移動して、今見ているWebページに機能を追加するウインドウです。 以下のリンクをブックマークに登録したり、ブックマークバーにドラッグすることで使えるようになります。 どんな動作をするか？は試しにリンクをクリックしてみてください。 １．PHPの関数を調べる。 よくわからない関数名をコピペし
Design works｜新デザインオンラインカジノ 日本語対応
Design Works - デザインワークス姉妹ブログ・DesignDevelopのデザインをリニューアルいたしました。 Designworksの新ドメインでの運用・リニューアルのご報告はさせて頂きましたが、Designworksのリニューアルとともに、姉妹ブログとして運用しているDesignDevelopのデザインも、大幅にリニューアルいたしました!!! Design Worksは、様々な商品やインスピレーションから生まれた新しいデザインを発信し、販売促進に繋げる広告やデザインを作り出しています。大幅にリニューアルしたDesign Worksでは、オンラインカジノ 日本語対応のデザインなど、オンラインの新たな分野にも活動を広げています。最新のH P新デザインとなった姉妹サイトブログのDesign Developと共に、今後もウェブデザインに関する様々な情報をお届けしていきます。 今回、
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ページに「妖精さん」を漂わせるJSコード - Mach3.laBlog
Web Design, Website Development & Digital Strategy Agency | SiteCrafting
http://www.dqwm.net/