MacBookやMacBook Proのスリープ方式を切り替えてバッテリー消費を減らす方法 / Inforati
Mac OSのスリープ方式(ハイバネーション)を変更する方法です。 バッテリーの持続時間を長くしたり、スリープにかかる時間を短縮したりすることができます。 MacBookやMacBook Proのスリープ方式を切り替える方法 スリープの種類と特徴 スリープの方式を切り替える方法 を説明します。 デフォルトのスリープ方式「セーフスリープ」 MacBookのデフォルトのスリープ方式は「セーフスリープ」といいます。 このスリープ方式は作業中のメモリの内容をそのまま保持したまま、スリープ移行時に作業中のメモリの内容をハードディスクにコピーとして書き出します。 このスリープ方式だと以下の利点があります。 通常のスリープ復帰時にはハードディスクからは読み込まず、メモリに保持している作業中の内容を使うので、復帰が速い。 スリープ中にバッテリー切れになったときは、ハードディスクにコピーした作業中のメモリの
Webページにマイ画像エディタを設置できる「Avirary Web Widget」が胸熱！！
ステマ？いいえガチです。 マジで胸熱なWebウィジェットを発見したので紹介しようと思います。 本当に.....新しいです........ 詳細は以下から................... まあ、長い説明を聞くよりまず下の画像を見てください。 ↑そしてこれをクリックして、ページを上までスクロールしてみてください なんか出て来ましたよね？ HTML5に対応していればスマホからでも見れるはずです。 ちなみにちなみに、確かここはhtml5.jsも適用されてるので..... 例えば、IEからでも見えるはず。 上の写真は僕のものですが、この画像にちょっとエディタを付け加えて 公開したいとき、このAviaryのWebウィジェットを使うと簡単に上の 用なエディタを導入できるんです！ すごいですよね！？使うかどうかは別にして面白いですよね！（ というわけで、以下に手順を簡単にまとめておきました。 手順
複数のリストの境界を越え、ドラッグ＆ドロップで並べ替え
jQuery UI の Sortable プラグインの connectWith オプションを使うと、複数のリストの境界を越え、ドラッグ＆ドロップで並べ替えることができる。 いづれかのリスト内の項目を、他のリストへすべて移動しても、CSSで一行ほどのスペースを残し、そこへドロップすることができるようにした。 実装例（サンプル） 項目 1-1 項目 1-2 項目 1-3 項目 1-4 項目 1-5 項目 1-6 項目 1-7 項目 2-1 項目 2-2 項目 2-3 項目 2-4 項目 2-5 項目 2-6 項目 2-7 項目 3-1 項目 3-2 項目 3-3 項目 3-4 項目 3-5 項目 3-6 項目 3-7 実装例の動作について 左のリストの「項目 1-1」をドラッグして、中央のリストの「項目 2-2」の上に持ってくると、「項目 2-2」が下へ移動し、「項目 2-1」と「項目 2-2
PHP GDを使用して、複数の画像を１つの画像ファイルにまとめる
一枚の画像の表示位置を変更して、画像が変更されたような効果を出す方法を調べてました。 jQueryとCSSを使って、画像の一部を切り取り、表示する CLEditorに背景画像を表示し、表示する内容をボタンで切り替える サンプルに使った「複数の画像を一枚の画像にまとめたもの」は手動で作成していたのですが、意外と面倒。 PHPのGDでできないか調べてみます。 http://php.net/manual/ja/book.image.php 仕様 サンプルの仕様は、450 x 150pxの画像3枚を1枚の画像に合成します。 合成先の画像サイズは、450 x 600pxとし、各画像を縦方向に合成。 間に50pxの余白を入れることにしました。 サンプル 画像のコピーには、imagecopyを使います。 http://www.php.net/manual/ja/function.imagecopy.ph
jQuery UIのsortableを使ってドラッグアンドドロップで並び替え - kamegu's memo
よく一覧表示させておいてそれを並び替えさせたいときがあります。 今回はソート項目を指定して一括して並び替える方法ではなく、ある要素をドラッグアンドドロップで指定の位置に挿入しなおすということを容易にしてくれるjQuery UIのsortableというものを使います。 http://jqueryui.com/sortable/ jQueryとjQuery UIのライブラリを読み込む必要があります。 <link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/themes/ui-lightness/jquery-ui.css"> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <scr
PHP: PHP と HTML - Manual
PHP と HTML PHP と HTML は深く関係しています。PHP は HTML を生成し、HTML には PHP に 送信される情報が記述されています。 以下の FAQ を読む前に、どうやって 外部から来る変数を取得するかを読んでおくことは重要です。 このマニュアルにはこのトピックに関するよい例があります。 フォームから、もしくは URL から値を渡す場合にはどういった エンコード/デコードが必要なのですか？ エンコードが重要になる場面はいくつかあります。 string $data という エンコードされていない文字列データを渡す場合について考えてみると、 HTML を通じて渡す場合： 文字列にはどのような値が含まれるか分からないので、 データは必ず htmlspecialchars を行い、 ダブルクオートで囲まなければなりません。 URL を通じて渡す場合: URL はいくつか
[CSS]CSS3のMedia Queries（メディアクエリ）の使い方と実装例
CSS3 Media Queries 下記は各ポイントを意訳したものです。 はじめに CSS2のMedia typesではscreen, printなどのように特定のメディア用のスタイルシートを設定することができました。CSS3ではクエリを加えることで、さらに効率的にスタイルシートを使用できます。 Media Queriesはユーザーの状態を調べ、それにあった特定のスタイルシートを適用することができます。例えば、大きいディスプレイ用と小さいモバイル用にそれぞれ異なるスタイルシートを指定することができます。 Media Queriesの使い方 まずは、デモページをみてください。 ブラウザのサイズを変更すると、スタイルが変更されます。
ホームページ制作なら渋谷のウェブ制作会社【スタイル】
【スタイル】は東京都渋谷区でホームページ制作を行うウェブ制作会社です。ウェブサイト制作、SEO対策、ウェブマーケティングなどを承っています。良質テンプレートでの格安ホームページ制作プランもあります。
外部CSSを1枚追加して、ブログをスマホ最適化する5つのフロー | Mnemoniqs Web Designer Blog : Web Design and Web Development
レスポンシブWEBデザインを用いて、外部CSSを一枚追加するだけでiPhone/androidに最適化するまでの流れを書いておきます。スマホ用のCSSをスマホにだけ読み込ませて、全体のCSSを上書きするだけなので、ブログのデザインによっては結構手軽に出来ます。 はじめにスマホ最適化後の要素配置を考える <head>にviewport設定とスマホ用CSSの記述を書く 固定幅をリキッドデザインで組みなおす フォントのサイズ、マージン、中央･水平揃えを調整 画像を2倍のサイズで用意する はじめにスマホ最適化後の要素配置を考える スマホは画面も小さいし、容量が重いとそれだけページの表示速度も落ちます。 ロゴ・メニュー・記事など最低限の要素だけ残し、あとはdisplay:none;で消してしまいましょう。 このブログのトップだと、オレンジで囲んだのがスマホで表示させない部分です。 残った要素を、最
CSSだけでメニューが開いたり閉じたりするアコーディオンを作る！javascript不要 | 9ineBB
jQueryを使うと簡単にアコーディオンを実装する事が出来るのですが、CSSでもアコーディオンの作成が可能です CSSだけでアコーディオンを作成 HTML コード <div class="menu"> <label for="Panel1">ボタン1</label> <input type="checkbox" id="Panel1" class="on-off" /> <ul> <li><a href="">リンク1</a></li> <li><a href="">リンク</a></li> <li><a href="">リンク</a></li> <li><a href="">リンク</a></li> <li><a href="">リンク</a></li> </ul> <label for="Panel12">ボタン2</label> <input type="checkbox" id="
Line Chart | Charts | Google Developers
Overview A line chart that is rendered within the browser using SVG or VML. Displays tooltips when hovering over points. Examples Curving the Lines You can smooth the lines by setting the curveType option to function: The code to generate this chart is below. Note the use of the curveType: function option: <html> <head> <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js">
Google Chart Tools の使い方 | プログラマーズ雑記帳
いろんなグラフがかける Google Chart Tools の使い方について書いてみました。 Google Chart Tools の使い方 (今回) 表とデータの扱い 棒グラフ (積み上げ棒グラフ) 散布図 折れ線グラフ、面積グラフ 円グラフ、計器図 組織図 グラフの合成 動的なグラフの変更 グラフと表の連携 フィルタリング(Dashboard と Control) データロールによる特異点の表示と注釈付きタイムライン スプレッドシート(表計算)で作成したグラフの公開 今回は Google Chart Tools の紹介と基本的な使い方の説明です。 Google Chart Tools とは グラフの種類 ライセンス 使い方 オプション Google Chart Tools とは Google Chart Tools は SVG を使ったグラフを表示するツールで、 JavaScript
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
syboos.jp
ubuntuでgoogle chromeの複数のプロファイルをランチャーに登録
Mostla.com is for sale | HugeDomains
http://code-copilot.sacred-field.com/archive/?id=72
CentOSにPHP5.5とphpMyAdminをインストール - Qiita
CentOS 6.xのiptables設定 – — CIPHER —
google chart と json + PHP + mysql で作ってみよう | 検証メモ
GOOGLE CHART TOOLS WITH JSON, JQUERY AND MYSQL/PHP – Kometschuh