cssで縦方向中央に配置する方法（5つのケース＋1） | バシャログ。
iPhone 4Sが発売間近。 買おうか迷って一旦諦めたはずがまた迷い始めました、hakoishiです。 Siriに甘い言葉をささやきたい。英語できないけど。 さて、コーディングで縦中央にオブジェクトを配置したいことって少なくないですよね。 しかしながら、cssはそういうのちょっと苦手。 「ほら、あの時使ったアレだよアレ！」と過去のソースを掘り起こしてみても、状況が違ってて使えないケースも多かったり。 というわけで今回は、cssで縦中央配置するためのtipsを5つのパターンに分けてまとめました。 case1：画像の場合 上下方向中央を始点として画像を配置し、画像の縦サイズの1/2だけネガティブマージンで上に移動。 サンプル html <p class="case01"> <img src="http://dummyimage.com/100x100/000/fff.gif&text=img
Titaniumのモジュールを作る。まずは、はじめの一歩・・・。 - ありの日記
Titaniumに用意されていない機能を使いたいとき、モジュールを作ることでiPhoneネイティブな機能を使ったりすることができる。モジュールはObjective-Cで書くのでiPhoneで出来ることはだいたい実装できるのではないかと思われる。 さて、モジュールを作るには以下のURLにある「Titanium Module SDK Programming Guide」に詳しく説明されているのでそれをみてもらえればいいんだけど、私のように英語を読むのに難儀する人のために簡単にまとめてみたいと思う。今回は、モジュールの作り方の説明程度にとどめておく(モジュールの中身の説明はまた今度。いつか。きっと。多分) http://developer.appcelerator.com/doc/mobile/guides 前提 既にTitaniumとxcodeをインストールしていること。また、今回はSDK 1
Google App Engine SDK での開発サーバ・デバッグ環境構築について
Python中心に、日々発生する疑問点や解決策を記録していきます。 内容が間違っていたらゴメンね。 （ このブログは目次を用意しています。記事をお探しの際は、ご利用ください。 ） 遅ればせながら、Google App Engine （GAE） の開発サーバとデバッグ環境構築について記事を書きます。 Kay フレームワークでは Kay側で用意している開発サーバー及びデバッグ・コマンドを使用して開発を行う。 （参考： 以前の記事1 記事2 ） しかし標準フレームワークである WebApp や、専用コマンドを持たないフレームワーク利用下では、GAE Luncher などを使用して開発を進めていくことになる。これらの設定と注意点について、説明する。 Google App Engine Luncher GAE Luncher は、GAE の開発用サーバを設定・起動できるプログラムである。（下イメー
Android Toastが固まるのを回避する方法
Androidには、Toastという機能がある。これは簡単なメッセージをユーザーに表示するだけの機能である。ユーザが見逃す可能性もあるので、重要なメッセージの表示には使用できないが、Nofificationとの併用や、何かを削除した時に削除終了をユーザに明確に伝える時に使用する。 android.widget.Toast表示する時間は、長く表示と、短く表示が用意されている。 Androidのソースコードを見ていると、ほとんどのアプリケーションが、LENGTH_SHORTを使用しているが、個人的に読み取れない事が多いので、LENGTH_LONGを使用している。 LENGTH_LONGLENGTH_SHORT (Default)使い方は、非常に簡単で、以下の１行で画面に表示をさせる事ができるため、通常のメッセージ表示のほかに、Broadcastのテスト等に使用すると便利である。 Toast.m
float解除の決定版。clearfixを考えたら、進化した。
現在この中でclearfixでよく使用されているプロパティは display:inline-block; height:1%(min-height:1%) zoom:1; でも良く考えたら、全て微妙です。 zoom:1はIEの独自仕様ですし、heightを使用する場合は、IE6,7に対応させるために2つのプロパティが必要です。 display:inline-blockもボックスの要素を変形させることになります。 hasLayoutのスイッチを見た時に、一番理に適ったプロパティはwidthかなと思いました。 子要素を囲む要素として、divやulなどデフォルトCSSがdisplay:blockのプロパティのものが多く、display:blockのプロパティの場合、width:100%で問題ないと思ったからです。 現在のブラウザ状況に適したclearfix 上記を踏まえ見直したclearfixが
clearfixでfloatを解除 | d-spica
clearfixでfloatを解除 2007-03-07 1 0 XHTML/CSS clear, CSS 枠や背景が消えたり，途中で切れたりしたことはありませんか。 floatした要素（ボックス）を含む親要素（ボックス）のborderやbackgroundが途中で切れてしまうことがあります。 左の例では，右側のメニューが終わったあたりで，左右にあるラインも切れています。 floatした要素の高さは親要素の高さに反映されない 分かりやすいようにXHTMLとCSSの例を書いてみましょう。 <div id="wrapper"> <div id="content"> <p>content</p> </div> <div id="menu"> <p>menu</p> </div> </div> #wrapper { width: 200px; border: solid 3px #999999;
Webサービスを公開し、運用するために - 今日とは違う明日
会社でプログラミングはしてるけど、プライベートでWebサービスを作って公開するには、どうすればいいんだか・・・という過去の私みたいな人のために。 とりあえず、前提として。 Webサービスを構築するためのある程度のスキルはある 何を作りたいかも決まっている でも、自分でゼロからスタートして公開までの段取りがよく分からん 1.開発言語、フレームワーク、データベースを決める 何はともあれ。持ってるスキルにあっているものが良いと思うけど、新しい言語やフレームワークにチャレンジするのも楽しいかも。お好きなものをどうぞ。ただ、all in oneなフレームワークだと、色々揃えなくてもいいから楽。 言語を決めたら、それに合わせた開発環境を用意して、Hello Worldが動く程度には動作を確認しておく。 私の場合は 言語はruby フレームワークはRuby on Rails データベースはpostgre
PHPでマルチスレッド(バックグラウンド処理)を実現する方法 - EC studio 技術ブログ
PHPで長時間かかる重い処理を行うとき、 マルチスレッドで動かせたらなぁ！と思うことがよくあります。 マルチスレッド処理を行うことで、時間のかかる処理を 複数同時に並列実行でき、高速化することができます。 (特に通信処理などで遅延がある場合に有効です) PHPにはpcntl_forkというプロセスをフォーク(複製)することが できる関数がありますが、これはPHPをCGIモードで 動かしている場合にのみ有効です。 通常はPHPをApacheモジュールとして動作させていることが 多いので、これが使えないケースが多々あります。 他には、system関数などでシステムコールを行い、 など & を使って実行するという方法もありますが、 これもphpがCGI版として実行できなければいけません。 システムコールで呼ぶプログラムをPerlなどで 書けばいいのですが、できればPHPで全部統一したいものです。
とても簡単にPHPからPOSTリクエストを送信する方法【PHP】 - Programming Magic
今まで、PHPからPOSTリクエストを送信する方法は、fsockopen関数を使って書く方法しか知らなかったが、調べてみると意外といろいろな方法があった。 fsockopen関数を使う方法 →参考：PHP TIPS Vol.3 ソケット拡張モジュールを使う方法 →参考：HTTPリスエストをそのまま返すPHPサーバ | Shin x blog ストリーム関数+ファイルシステム関数を使う方法 →参考：cURLを使わずに、PHPでPOSTリクエストを送信する - PHPプロ！ニュース HTTP拡張モジュールを使う方法 CURL関数を使う方法 →参考:php curlをつかったオリジナルクラス (myCurlRequest) - hiyuzawa.jpn.org Zend_Http_Clientを使う方法 →参考：【PHP TIPS】 51. ス
MySQLでランダムにレコードをselectする。パフォーマンス対策３つ。 - mtomizの日記
例えばMySQLのデータベースからWEBサイト上にランダムに商品情報や広告情報を取得して、１０件程度表示させたいとする。単純に、SELECT * FROM table ORDER BY RAND();を使用することが考えられるが、ランダム取得すると全件取得と同じ負荷がかかるので、データ件数が数万件以上あるような場合処理パフォーマンスが問題となる。したがって、SELECT * FROM table ORDER BY RAND() limit 0, 10;として１０件ランダムに取得しようとしても全件取得相当の処理パフォーマンスとなり実用的ではない。【対策】１．取得するカラムが少ないのであれば＊ではなくselect id,name,price from table order by rand() limit 0,10; などとするとかなり早い２．ランダムに”切り取る”ことができれば１０件は連続し
Google社員が驚く Google Apps 徹底 活用法 - EC studio 社長ブログ
EC studioではGoogle Appsが英語版の時から利用し、 国内第一号の代理店（リセラー）になり、Google社から Google Appsの活用事例として取材されました。 ■Google Appsケーススタディ – 株式会社 EC studio 取材の際にはGoogle社員の方が「Google社内でもここまで 活用できてませんよ！ここまでの活用法はすごい！」と驚かれました。 この記事ではGoogle Appsのメリットの紹介や、それぞれの ツールの活用方法、ほとんど知られていないが実はこんなことが 簡単にGoogle Appsでできちゃいますという機能を紹介したいと思います。 ■Google Appsのサービス紹介 Google Appsのサービスについてはすでに知っていると言う方は こちらの動画は飛ばしていただいて結構です。 Gメール、カレンダー、ドキュメント、ビデオ、モデレ
ウノウラボ Unoh Labs: PHPで暗号化・復号化あれこれ
shimookaです。 皆さんはPHPでデータの暗号化・復号をする必要に迫られた場合、どのようにしているでしょうか？今回は、PHPで利用可能なモジュールやパッケージとそれらのサンプルを3つほど挙げてみました。 mcrypt拡張モジュールを使った暗号化 libmcryptを利用したPHP拡張モジュールです。DES、3DES、Blowfish、RIJNDAEL（ラインダール：AES暗号とも呼ばれる）、Blowfishなどのブロック暗号をサポートしています。利用可能な暗号モードはCBC、OFB、CFB、ECBです。 PHPで利用するには、libmcryptをインストールし、configureオプションに「--with-mcrypt」を付ける必要があります。また、PHP5以降、libmcrypt 2.5.6以降が必要です。 以下は、SSHやファイル暗号化ソフトウェアなどに広く利用されているBlow
Windows Vista／Windows Server 2008でシンボリック・リンクを作成する － ＠IT
TIPS「ファイルへの別名を割り当てるハードリンクを作成する」では、ハードリンクを作成する方法を紹介した。Windows OSのハードリンクは、Windows 2000といった従来のOSで利用できる反面、同一ボリューム上に存在するファイルにしかリンクが張れないという制約があった。フォルダへのリンクは張れないし、ほかのサーバやほかのボリューム上に存在するファイルへリンクを張ることもできない。 TIPS「ジャンクション機能を使ってディスク・ボリュームをマウントする」では、NTFSのジャンクション（リパース・ポイント）機能を使ってボリュームやフォルダをマウントする機能を紹介したが、やはり別のサーバ上のボリュームや共有フォルダなどへリンクを張ることはできない。 これらに対し、Windows VistaやWindows Server 2008では、より柔軟性の高い「シンボリック・リンク」機能（「ソフ
Carsonified » How to Create a Valid Non-Javascript Lightbox
I recently came across a solution on CSSPlay for a JavaScript free lightbox that uses invalid markup. So, being a sucker for a challenge, I set myself the task of creating one with valid markup and I eventually succeeded. Here’s one I made earlier. It works in FF, Safari, Chrome, IE6, IE7 and IE8 and this article will explain how… Note: This article assumes you have a basic understanding of (X)HT
CSSだけでJavaScriptのような動きを実装するサンプル30 – creamu
96332132, iStockphoto/ Thinkstock CSSでかっこいいUIを実装したい。 そんなときにおすすめなのが、『30 Pure CSS Alternatives to Javascript』。CSSだけでJavaScriptのような動きを実装するサンプル集です。 なかなかいい感じのものが揃っています。 Valid Non-Javascript Lightbox JavaScriptを使わずに、libhtbox系の動きを実装。反応が速くていい感じです Create a Content Slider Using Pure CSS さくさくと切り替わるコンテンツスライダー Pure CSS speech bubbles CSSで作る吹き出し型のデザイン Accordion Using Only CSS CSSを使ったアコーディングメニュー CSS-Only Tabbed
IE6で透過pngを表示させるオススメscript、「DD_belatedPNG.js」
＞＞ 詳細な使用法と注意点を追加エントリーしました。 いまだ絶大なシェアを誇るIE6（Internet Exproler 6）ですが、WEB制作者ならご存知の通り、さまざまなバグ・不具合を内包しております。 ・CSSでfloatしたブロックのmarginが倍になる。 ・後方互換モードの場合、text-alignが子要素にまで影響する。 ・透過png画像が透過されない。 上記以外にも、それはいくつもの制作者泣かせの問題があり、業界内では「IE6氏ねばいいのに」とまで言われているブラウザですが、前述の通りシェアは絶大なので、対応しないワケにもいかず。 すでにいくつもの対応策が出回っておりますが、その中でも自分的に一番オススメするのが、「DD_belatedPNG.js」を使用する方法です。 有名どころの対応策を併記・比較しながら、どこがオススメなのかを含めてエントリーしたいと思います。 有名な
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ずんWiki - vim - 検索語が画面の真ん中に来るようにする
x.com
はてなブログ | 無料ブログを作成しよう
【ネタ帳】HTML5に関するチュートリアルやTipsなどのまとめ + 25記事*二十歳街道まっしぐら（FC2ブログ時代）