このサイトは、只今WEB業界で活躍中のデザイナー、プログラマーの方々の情報を集めたweb統合情報サイトです。

web帳

前回の補足?続きになるのですが、 スマートフォン devicePixelRatio について iPhone3GS  iPhone4では解像度に違い(2倍の解像度)により、 配置した画像がピンぼけしちゃいます。(アンドロイドは1.5倍機種によって異なりますが。) それを回避するため、…

続きを読む

前回のPHPで簡易アンケート にパーセンテージ表示するバーの設置方法です。 ではバーの作成を HTML [code] <p class="r4">【男性】%<span class="bar"></span&g…

続きを読む

PHPで簡易アンケート実装方法です。 YES or NO方式でトータル人数とYESの人数を表示させます。 こんな感じに。 まずはHTMLとCSSで普通にマークアップ。 HTML [code]<div id="yesNoArea"> <…

続きを読む

排他制御鵜とはコンピュータの動作において、複数のプロセスからの同時アクセスにより 競合が発生する時に、独占的に利用させている間は、 他のプロセスが利用できないようにする事です。 ファイル書き込み時にそれを行う時「flock()」関数を使用すると良いでしょう。 flock((ファイル…

続きを読む

リキッドレイアウトとは何か? リキッドレイアウトとはwebデザインにおいて、 表示領域の幅が変更されても従来のレイアウトを維持できる手法である。 と書かれていたりします。 そう、数年前流行ったやら、流行らないやらのレイアウト手法。 簡単に言うと、レイアウトをpxで指定して固定せず、 %で…

続きを読む

リキッドレイアウトとは何か? リキッドレイアウトとはwebデザインにおいて、 表示領域の幅が変更されても従来のレイアウトを維持できる手法である。 と書かれていたりします。 そう、数年前流行ったやら、流行らないやらのレイアウト手法。 簡単に言うと、レイアウトをpxで指定して固定せず、 %で指…

続きを読む

2011.02.21

PHP

MAMPの設定方法

MAMPはアプリケーションフォルダにドラッグ&ドロップするだけで Apache,PHP , MySQL を Mac OSX にインストールすることができるアプリケーションです。 名前の由来はそのままMac ,Apache,MySQL,PHPの頭文字を取ったのが由来です。 MA…

続きを読む

2011.02.21

mac

Mac MAMP の設定

MAMPはアプリケーションフォルダにドラッグ&ドロップするだけで Apache,PHP , MySQL を Mac OSX にインストールすることができるアプリケーションです。 名前の由来はそのままMac ,Apache,MySQL,PHPの頭文字を取ったのが由来です。 設定方法…

続きを読む

CSS3で出来なかったことが色々と出来るようになりました。 今まで、webサイト制作の際、gifやjpgまたはpngの画像ファイルで表現していた部分も、 css3で記述する事によって、表現することが可能です。 え?そんな面倒くさいことしなくていいじゃん! って思われがちですが、…

続きを読む

CSS3で出来なかったことが色々と出来るようになりました。 今まで、webサイト制作の際、gifやjpgまたはpngの画像ファイルで表現していた部分も、 css3で記述する事によって、表現することが可能です。 え?そんな面倒くさいことしなくていいじゃん! って思われがちですが、 …

続きを読む

使えるセレクタシリーズ第1弾。nth-child() を紹介します。 w3c http://www.w3.org/TR/css3-selectors/#nth-child-pseudo いやぁ、こちらを参考にしていきたいのですが、 英語だし、難しいですね。 では簡単に。 H…

続きを読む

使えるcss3セレクタシリーズ 今回はonly-child() 唯一の子要素を指定する事が可能です。 HTML [code] <div id="test"> <div>divの要素</div> </div>…

続きを読む

使えるセレクタシリーズぅ 属性セレクタです。属性セレクタは、属性名や属性値によって、要素を指定する事ができます。 まずは属性名を指定する方法 HTML [code] <a href="#" title="hogehoge">titleは…

続きを読む

もうかなりcss3を導入されているサイトが増えて来ていると思いますが、 ここでもう一回おさらいをしちゃったりしましょう。 CSS3で何が出来る?? ・デザインの実装が画像を使用せず実装化 ・Flash、jsを使用せずアニメーション化 と2点。 あれ?意外に思いつかなかった。…

続きを読む

もうかなりcss3を導入されているサイトが増えて来ていると思いますが、 ここでもう一回おさらいをしちゃったりしましょう。 CSS3で何が出来る?? ・デザインの実装が画像を使用せず実装化 ・Flash、jsを使用せずアニメーション化 と2点。 あれ?意外に思いつかなかった。(笑…

続きを読む

多角形ツールで3角にし、上辺を描いて伸ばすという方法もありますが 今回は、指定した高さを一瞬で描く方法です。 1)長方形を描く。このとき描きたい高さを指定 2)上の二点をダイレクト選択ツールで選択 3)Ctrl+ALT+Jを押すと出るダイアログで「二軸とも」を選択 4)二等辺三角形の完成…

続きを読む

サクっとサイトのデザインをつくっちゃおぉ〜 て時はFireworksが非常に便利です。 そのFireworksでよく頻繁に行う整列のショートカットをマスターし 更に効率UP! そもそも整列とは? ウインドウ > 整列 で表示する事が出来ます。(adobe Fireworks cs4 ma…

続きを読む

投稿者の一覧表示は wp list authorsを使用する事で表示できます。 ユーザーが投稿していればリンク付きで表示されます。 記述タグ [php]<?php wp_get_archives(); ?>[/php] デフォルト設定は [php] <?p…

続きを読む

Graphical FrontEnd Engineer
- Daisuke Takayama

MAD CITY 北九州市で生まれ育つ。20代はバンド活動に明け暮れ、ふと「webデザイナーになりたい。」と思い、デジタルハリウッド福岡校入学。卒業後、数々の賞を受賞、web業界をざわつかせる。
現在、港区六本木で活動中。

WEBデザイナーの、WEBデザイナーによる、WEBデザイナーの為のサイト。「みんなで書こう!」と仲間を募ってみたが、結局書くのは自分だけとなってしまいました。日々のメモを綴っていきます。