Web Material Memo Pad

Tender

Webdesign is like store display.

Article91

IE11にてログイン状態を維持できない(ログアウトしてしまう)対処方法

ある日突然、IEを閉じると全サイトのログイン状態が保持できなくなってたネットで検索して色々調べても的外れな事が多く…ただ事例は結構あるみたいなので自分なりにまとめておきます。Windows10でIE使ってる人は少ないだろうけど…w知恵ノートにも掲載中http://note.chiebukuro.yahoo.co.jp/detail/n405877...

FC2ブログテンプレートを使って頂いてる方へ

FC2ブログにて自分が共有しているFC2ブログ用テンプレートbootstrap_w等をご利用頂いている方向けの記事です。2016/03/11追記ダーク系のテンプレートも登録されました。良かったらご利用ください。bootstrapを使ったシンプル黒系デザイン。カテゴリーが自動でナビゲーションバーに組み込まれます(子対応)。レスポンシブWebデザインによりスマホ等に対応可能。bootstrap_cyborg※FC2ブログ管理画面にログインしてください。...

FCブログ共有テンプレートに申請してみたが

よくお世話になっているFC2ブログさんシンプルなデザインでカスタムしやすいのが欲しいがなかなかない。そこで自作して共有テンプレートに申請したbootstrapを使ったシンプルデザイン。カテゴリーが自動でナビゲーションバーに組み込まれます。スマフォ、タブレットにも対応...

良く使うstyleのまとめ

結構使うが手打ちするのが面倒臭いやつら!コピペ用… 文字の前後に挿入contentプロパティ 擬似セレクタ:beforeと:afterを使って <small>文字</small> <small class="クラス名">16進数</small> 前に★を挿入 文字 small:before{ content: "★"; } 後ろに16進数で挿入 16進数 small:after{ content: "\00273f"; } ↓nth-childと組み合わせたりすると良い ※IE7以下が未対応 ※ソースに...

ページの上へ戻るリンク(ページトップへ)覚書

画面を下げると「ページトップへ」のリンクをふわっとだすやつ よく使うのでコピペ用に… 関係ないので 下の方にでもペタ <nav id="page-top"> <a href="#top"><i class="fa fa-hand-o-up"></i></a> </nav> スタイルシートをペタ #page-top { position: fixed; right: 10%; bottom: 80px; font-size: 400%; opacity: 0.8; z-index: 500; } 適当に装飾...

BootstrapのModalsで画像ポップアップ

Bootstrapを使っていて 画像をポップアップした時 Modalsを使えばすぐにそれっぽいのが出来ます。 手軽にやりたい方向け… 次へ次へとしたい方は面倒なBootstrap Image Gallery等を使ってください。 分かりやすい解説してくれてるサイトさん こちらが基本的なModals(モーダル) EXAMPLE Launch demo modal × Modal title BootstrapのModalsを使えばすぐに画像のポップアップ的なもの...

オススメレンタルサーバー

国内最大級の個人向けレンタルサーバー『ロリポップ!レンタルサーバー』は、月額100円(税抜)~で容量最大120GB!しかも安いだけじゃなく大人気WordPressの簡単インストール/ウェブメーラー/ショッピングカートなど機能も満載!cronやSSH、共有/独自SSLもバッチリ対応♪もちろん、オンラインマニュアルやライブチャットなど、充実したサポートで初心者の方でも安心です。無料のお試し期間が10日間ありますので、まずはお気...

CDN Bootstrap&Font Awesome

CDNとはコンテンツデリバリネットワークの略で Webコンテンツをインターネット経由で配信するために最適化されたネットワークのことである。 wikipediaより と かいつまめば、なにかしらの媒体を別のサーバーから呼び出すことで 負荷もかからないし良いよ!的な 例えば JavaScriptライブラリ(jQuery)等を使う時に ファイルをダウンロードして、サーバーに上げて… というような手間がかかるが CDNを利用すれば ペー...

著作権について

著作権についても知恵袋でよく質問があるようなので自分なりの解釈をメモ著作権は創作されたモノ(著作物)全てにあり著作物を支配する財産的な権利なので厳密に言えば著作権者が権利を放棄してない限り勝手に使うのは著作権侵害に当たります。画像等を加工などした場合も加工したモノ自体にも著作権はありますがそれが誰かの著作物である場合はそれ以前に元の著作権を侵害してることになります。営利目的以外の個人使用は認められる...

ブラウザのウインドウサイズをiPhoneサイズにする

ブラウザのリンクバーを利用してスマホサイズ確認 javascript:window.open(location.href, 'phone', 'width=320,height=480'); ※ダブルクリックで選択 chrome等でユーザーエージェントをiphoneにしてやればほぼ同じ表示に iPhone4 320 × 480 iPhone横480 × 320 iPhone5 320 × 568 iPhone横568 × 320 iPad 768 × 1024 iPad横1024 × 768 ↑のサイズより実際より微妙にでかかった筈...

アメーバ―ブログで読者になるのボタン表示変更

読者になる アメンバーになる メッセージを送る ピグともになる の表示を変える /*枠を消す*/ .skinSubA .profileBtnArea li a { display: inline; background-image: none; } /*並びを縦にする*/ .skinSubA .profileBtnArea li { display:block; float:none; } /*リンク色を変える*/ .skinImgBtnS span { color: #2481de !important; } .skinImgBtnS:hover span, .skinImgBtnS:focus span{ colo...

検索エンジンにかからない!?

知恵袋によく質問があるのでメモ検索エンジンに引っ掛けるにはクローラ(巡回ロボット)がページに来ること※他のサイトからリンクを張られてないとクローラが辿ってくることが出来ないまずGoogleに登録されてないか見てみてください↓「site:」を付けて自分のサイトの URL を検索します。例「site:google.com」を検索する検索エンジンによってはクロール(インデックス登録)して申請が行えます。Googlehttps://www.google.com/webmast...

FC2ブログで動的ドロップダウンメニュー

以前書いた記事 ドロップダウンメニュー CSS3で実装のスタイルと FC2ブログナビゲーションバーが自動で増えるで使ったFC2の変数を使って FC2ブログに動的な(自動増減)ドロップダウンメニューを実装 ※ドロップダウンさせるには「親子カテゴリ設定」が必要 詳しくはFC2ヘルプ こちらを導入したFC2テンプレートを共有してます。 面倒な方はご利用ください。 共有テンプレート FC2管理画面にログインしてください。...

ドロップダウンメニュー CSS3で実装

ドロップダウンメニューはjqueryを使うと色々出来る こちらのサイトで紹介されてるのはコピペで良い さらに↓の二行を<head>に足せばjqueryファイルを鯖に上げなくても良い <script type="text/javascript" src="http://www.google.com/jsapi"></script> <script type="text/javascript">google.load("jquery", "1.4.2");</script> が それすら面倒臭いのでCSS3のみで実装 IE6, 7でもそれなりに逝ける ...

FC2ブログナビゲーションバーが自動で増える

※登録カテゴリをナビゲーションに使う場合FC2ブログでページ上部にナビゲーションバーを付けた時カテゴリが増える度にテンプレートを編集するのは面倒臭い!そんな時はブログで使える変数(決まった記号のようなもの)を使えば動的(自動)に増やす事ができます!テンプレート編集でhtmlソースに直接書きます。こんなソースがあったとして※()内の数字は記事数<ul><li><a href="/blog-category-1.html">html5(3)<...

IE9でtransformとか ベンダ・プレフィックス

プロパティ名にベンダ・プレフィックスなるものをつけるとか「-ms-」-webkit-transform: rotate(45deg);/* chrome20/Safari5.1.2 */-moz-transform: rotate(45deg);/* firefox13 */-ms-transform: rotate(45deg);/* IE9 */-o-transform: rotate(45deg);/* Opera12 */transform: rotate(45deg);サポート情報CSS3 Support in Internet Explorer 9 CSS3 Pie (IE6-9)で border-radius(対応済)、box-shadow、とグラデーションが使える...
 
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。