【重要】サービス終了のお知らせ

mrkakky

Linux,Windows,Apache,PHP,Javascript,HTML(~5),CSS(~3),あたりが好きです。
他に、PC/携帯/Android/iphone/ipad/ipodサイトの設計開発構築、
制作周り(デザイン、グラフィック、イラスト、作曲、録音、楽器諸々)
サイト構築、SEO、SEM、PDCA、マーケティング、戦略、戦術、コンサル、コーチング 等々。
WEB周りを中心に成立すればなんでもやります。

お仕事の相談や、技術的な質問、雑談はtwitterへどうぞ
http://twitter.com/mrkakky

Works

icons Like iOS7 use Bootstrap and font-awesom View Random Sample

ios7風のアイコンをページ読み込み毎にランダムで表示させます。 画像は使っていません。 とりあえず、出てきたアイコンを使ってみたい人は、 JSでBODYにappendしてますので、chromeであれば、 目的のアイコンを右クリック→要素を検証して 直上の div class="ibo" を右クリックしてcopy as HTMLでhtmlはコピーできます。 あとは基本のスタイルシートと Bootstrap と font-awesom のライブラリ達があれば動くはず。。 いまの所、基本のスタイルシートは↑のJSdoit上のCSSに書いて、 アイコン個別のスタイルシートはhtmlに直にappendするときに書いてます。 http://jsrun.it/mrkakky/rZeV を開いて、最大化してリロードしまくると楽しいかも。 参考 Bootstrap Icons Plus http://dev.styler.jp/bootstrap-plus.html iOS7的なグラデーションパターンを紹介する『iOS7 Colors』 | 100SHIKI http://www.100shiki.com/archives/2013/10/ios7_colors.html iOS 7 colors http://ios7colors.com/

  • 3236
  • 2

Chrome 拡張機能 googleのヘッダーを非表示にする

------------------------------------------------------------------------ DisenableGoogleHeader ------------------------------------------------------------------------ googleのヘッダーを非表示にする Chromeの拡張機能 です 12inch程のノートパソコンで GoogleカレンダーだとかGmailだとかの ヘッダーが大きすぎたので、非表示にする拡張機能を作りました。 これ入れてGoogle Map開いてブラウザ全画面表示すると超快適です。 ver 0.0.1 -> 0.0.2 popupのリンク先追加と軽量化しました。 ver 0.0.2 -> 0.0.3 popupのリンク先追加と軽量化と拡張機能一覧等のアイコン設定をしました。 ver 0.0.3 -> 0.0.4 矢印が出なくなっていたのを修正   ver 0.0.4 -> 0.0.5 Google検索で検索窓がきえるので、 Google検索はデフォルトでヘッダーが表示されるように変更 ver 0.0.5 -> 0.0.6 Google検索はデフォルトでヘッダーが表示されるようにする挙動を改善 ------------------------------------------------------------------------ ★Contact 質問、リクエスト、バグ報告、障害報告、雑談などは ↓から僕宛につぶやいてください http://twitter.com/intent/tweet?text=@mrkakky%20 ------------------------------------------------------------------------ ★Download http://jsrun.it/assets/8/X/7/w/8X7wX ↑を右クリックで「DisenableGoogleHeader.crx」と名前を付けて保存してください。 ダウンロードしてからリネームしてもよいです。 ------------------------------------------------------------------------ ★Install chromeで chrome://extensions/ にアクセス デベロッパーモードにチェック ダウンロードしてきたファイルをchromeにドラッグアンドドロップ ダイアログのOKをクリックでインストールされます ------------------------------------------------------------------------ ★UnInstall chromeで chrome://extensions/ にアクセス DisenableGoogleHeader の ゴミ箱アイコン をクリック ダイアログの削除をクリックでアンインストールされます ------------------------------------------------------------------------ ★今のところの機能 Googleカレンダー Gmail Google翻訳 GoogleMap などのヘッダーをデフォルトオフにします Google検索は検索窓が消えてしまうためデフォルトオンです ページ読み込み完了してから表示される↓アイコンをクリックでヘッダー表示されます。 ヘッダー表示時に↑アイコンをクリックでヘッダを隠します。 gmailはヘッダー表示/非表示時のコンテンツ表示領域を調節しましたが、 他は未調整です。   一応ウィンドウサイズを変更するとコンテンツ表示領域は最適化されるようです。 拡張機能アイコンクリックでポップアップが出ます。 Google系サービス、chromeのブックマークや、履歴等のページのリンクがあります。 クリックすると新しいウィンドウで選択した項目を開きます。 ------------------------------------------------------------------------ ★負荷について chromeのリソースモニター(Shift+ESC)で確認したところ、 アイコンクリックでポップアップを表示した時のみメモリ9,750kの負荷があるようです。 ネットワーク、CPUの負荷はほぼ無い様子。 google系のサービスを開いてヘッダーを操作している時、 有効にしているが何もしていない時は拡張機能としての負荷はほぼ発生していない様子です。 ------------------------------------------------------------------------ ★既知のバグ等 いまのところナシ ------------------------------------------------------------------------ ★開発/動作確認環境 Windows7 64bit / Google Chrome バージョン 28.0.1500.95 m 自分のアカウントでしか表示確認していないので、みんなの環境で動くかどうかは今のところ謎です。 ------------------------------------------------------------------------ ★免責事項として この拡張機能で生じた、いかなる不利益も補償いたしません。 ------------------------------------------------------------------------ ★これからの予定は未定メモ 表示内容の縦大きさ調整 設定画面 popup アイコンクリックでオン・オフ ------------------------------------------------------------------------ ★なんでjsdo.itでchrome拡張機能なのか chrome拡張機能もJSです。 放っておくとアクセスあまりしなくなるのでなるべく使ってお勉強しようとゆう作戦。 ------------------------------------------------------------------------

  • 3072
  • 0

JSで正規表現テスト Javascript.string.match.test

JSで正規表現テストです

  • 1672
  • 0

覆い焼き+グラデーション+画面内バウンド線できれいな模様を描画

覆い焼き+グラデーション+画面内バウンド線できれいな模様を描画 初期値がランダムなので、リロードするたびに違う模様と出会えます。 フルスクリーンで見た方が幸せかも 一応1000フレームで止まるようにしてあります お仕事の依頼、技術的な相談、雑談はTwitterまでどうぞ→http://twitter.com/mrkakky

  • 2447
  • 1

MyDB

Bootstrapでスピードダイアル的ななにか これでいいのかとゆう気はしますが、bootstrapはずれるずれる。 view http://jsrun.it/mrkakky/3F0J メモ: アイコンリンク ズレ修正 Cookieで設定管理 responsiveDesign https://mail.google.com/mail/feed/atom/ http://news.google.com/news?hl=ja&gl=jp&authuser=0&q=%E9%95%B7%E9%87%8E&um=1&ie=UTF-8&output=rss Alert StopWatch FB/TW/GA/CD/SBM/MEMOS

  • 2597
  • 0

Skills

  • Wordpress
  • MovableType
  • Photoshop
  • Fireworks
  • Dreamweaver
  • Flash
  • iOS Browser
  • Android Browser
  • Feature Phone
  • jQuery
  • jQuery mobile
  • HTML5
  • XHTML
  • CSS
  • CSS3
  • JavaScript
  • CoffeeScript
  • SCSS
  • LESS
  • ActionScript
  • Flash lite
  • PHP
  • Visual Basic
  • Perl
  • Ruby
  • Python
  • C
  • C++
  • C#
  • Objective-C
  • Java
  • SQL
  • Shell Script

Hot tags

Categories

HTML / CSS / JavaScript