はてなブックマーク

ブログWEB制作に関する技術情報やサンプルコードからエクセルや パワーポイントのお役立ち情報まで幅広くご紹介しています。 以前から、上司に「簡単な操作で先方に大容量のデータを送りたいんだけど、どうにかして」と言われていたので、何か良い方法はないかと探がしていました。 Dropbox等のオンラインストレージを提案したんだけど、社外のサーバにデータを置くのは、セキュリティ面で心配と言われてしまったので、それもダメ。 暫定的に、私がSFTPツールを使って ディレクトリを作成1のディレクトリ内に圧縮データをアップ1のディレクトリに「.htpasswd」を作成し、ベーシック認証の設定上司にダウンロード用のURLとベーシック認証のID＆パスワードを連絡の手順で対応してたんですが、これがなかなか面倒くさいし、WEBの知識が無い上司にやり方をレクチャーしたところで、できるとは到底思えない。 そんな中、素敵

ブログWEB制作に関する技術情報やサンプルコードからエクセルや パワーポイントのお役立ち情報まで幅広くご紹介しています。 自身のコピペ用に。 ユーザーエージェントで判定$(window).load(function() { if ((navigator.userAgent.indexOf('iPhone') > 0 && navigator.userAgent.indexOf('iPad') == -1) || navigator.userAgent.indexOf('iPod') > 0 || navigator.userAgent.indexOf('Android') > 0) { // スマートフォン＆タブレット用JS } else { // PC用JS } }); ウインドウサイズで判定$(document).ready(function(){ if ($(window).widt

ブログWEB制作に関する技術情報やサンプルコードからエクセルや パワーポイントのお役立ち情報まで幅広くご紹介しています。 開閉メニューのサンプルコードは、よく目にしますが、”ボタンのテキストを切り替える機能が付いた”サンプルコードは見つからなかったので自身のコピペ用に作成しました。 スマートフォン用サイトには重宝するかも。 > サンプル javascript<script type="text/javascript"> $(document).ready(function(){ $("#menu").hide(); var flg = "close"; $("#btn").click(function(){ $("#menu").slideToggle(); if(flg == "close"){ $(this).text("× メニューを閉じる"); flg = "open"; }els

ブログWEB制作に関する技術情報やサンプルコードからエクセルや パワーポイントのお役立ち情報まで幅広くご紹介しています。 ブログを書いていると、知らぬ間に長いページになってしまう事があります。 そんな時は、今表示している箇所は、ページ全体の何パーセントですよ。と教えてあげるとより親切かもしれません。 > サンプル HTML<div class="percent_block"> <div class="percent_text"></div> <div class="percent_bar"></div> </div> CSSbody{ width:100%; height: 3000px; margin:0; padding:0; } .percent_block{ position: fixed; width: 90%; padding: 20px 5%; text-align:cent

ブログWEB制作に関する技術情報やサンプルコードからエクセルや パワーポイントのお役立ち情報まで幅広くご紹介しています。 記事を書いていると、どうしてもタイトルが長くなってしまうことがあります。 そんな時は、表示する文字数を省略してはいかがでしょう。 省略していると分からせるために「･･･」を追加すれば、なおよいですよね。 （長くならないように考えればいいだろ！というツッコミは華麗にスルーｗ） 例えば、本エントリーのタイトルですと32文字あります。 【省略前】WordPress タイトルの文字数が多い場合に省略＆置き換える この文字数だときれいにおさまらないや。。というときは、表示する文字数を20字で制限してみましょう。 【省略後】WordPress タイトルの文字数が多い･･･ 全く意味がわからなくなりましたねｗ まぁ～あくまでも例なので、そこは無視してください。 このように21文字以上

ブログWEB制作に関する技術情報やサンプルコードからエクセルや パワーポイントのお役立ち情報まで幅広くご紹介しています。 最近、スマートフォンサイトを構築させていただく機会がありました。 スマートフォンといえば、フリックとスワイプですよね。 サイトでもフリックとスワイプでページ移動ができたら、ユーザーにとってはラクだろーなーと思いjQuery Mobileで実装してみましたよ。 >>サンプル javascript<script type="text/javascript"> // #page1swipeを右から左へスワイプした時の動作（swipeleftでpage2viewの関数を呼び出す） $('#page1').live('pagecreate',function(){ $('#page1swipe').live('swipeleft',page2view); }); // #page