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

web帳

NewEntry

リキッドレイアウトとは何か? リキッドレイアウトとは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…

続きを読む

ActionScriptで加速するスクリプトです。 何も難しい事はありません。 まずは、ステージにball_mcのムービークリップオブジェクトを作成。 インスタンス名をball_mcと命名。 記述するscriptの場所はオブジェクトにでも、フレームでもどちらでもよいです。  …

続きを読む

基本ではありますが、使える関数をざっとあげてみましたぁ~。 hasClass(class) 要素集合全てのうちから、引数に指定したクラスを持つ要素がひとつでもあればtrueを返す。 dblclick() dblclickイベントを実行。 toggleClass(class) 指定したCS…

続きを読む

クリックしたときに処理する関数click()についてです。 オブジェクトをクリックしたときにイベントを発生する関数(script)は [code]$("セレクタ").click(function(){ //クリックしたときに行う処理 })[/code] こ…

続きを読む

せっかくのmac。隅々まで使いますか。てね。 mac LeopardにはSVNが入っていまして、ローカル環境でのバージョン管理が可能です。 まずは色々と確認。 ターミナルを起動し、 [code]$ which svn[/code] と、入力。リターン! [code]/usr/bin/…

続きを読む

2011.01.18

InDesign

準備中

御迷惑おかけいたしまして申し訳ありません。 当コンテンツは、只今準備中です。 …

続きを読む

2011.01.17

jQuery

jQuery 記述方法

jQueryの基本的な記述方法です。 [code] $(function(){ //jQueryの記述 }) [/code] セレクタを使いcssのプロパティ設定です。 [code] $("CSSセレクタ").css("プロパティ&…

続きを読む

jQueryの代表的なセレクタです。 セレクタの種類 例 内容 IDセレクタ $("myDiv") id属性がmyDivの要素 要素セレクタ $("h1") h1要素 クラスセレクタ $(".myClass") class属性がmyClassの要素 ユニバーサルセ…

続きを読む

2011.01.17

jQuery

jQuery イベント

jQueryのイベントについてです。 ブラウザがwebページを読み終わったら。というのも立派なイベントとなります。   [code] $(function(){ //(X)HTMLが読み込んだ際に実行させたいscript記述 }) [/code] ちなみにこれは省略系…

続きを読む

2011.01.17

JavaScript

jQuery 記述方法

jQueryの基本的な記述方法です。 [code] $(function(){ //jQueryの記述 }) [/code] セレクタを使いcssのプロパティ設定です。 [code] $("CSSセレクタ").css("プロパティ"…

続きを読む

jQueryの代表的なセレクタです。 セレクタの種類 例 内容 IDセレクタ $("myDiv") id属性がmyDivの要素 要素セレクタ $("h1") h1要素 クラスセレクタ $(".myClass") class属性がmyClassの要素 ユニバーサルセレク…

続きを読む

2011.01.16

JavaScript

javascript 演算子

演算子の種類をざっと紹介。 算術演算子 算術演算子は、数値の計算を行う演算子の事をいいます。 「-」は減算、「*」は乗算と通常の計算と違いはないのですが、 「+」に限っては、数値を扱う場合は加算を行う「加算演算子」 文字列を扱う場合は文字列を連結する「連結演算子」となります。 また「%」の…

続きを読む

無線LAN環境がない場所で、有線LANにつながっているMacBookがあれば、 無線LANアクセスポイントの代わりになってくれます。 iPhoneやiPadやpspなどをwifi環境で利用する事が可能です。 【設定方法】 1.インターネット接続の確保 MacBookなどを有線LANにつなぎ…

続きを読む

さて、それでは、変数、演算子について綴っていこうと思います。 前回まではDOMについてのオブジェクト指向について説明させて頂きました。 今回は、変数、演算子について説明させて頂きます。 では、実際に「時間に合わせてアイサツ文を出力」を行っていきます。 ちなみにこちらでも説明させております。…

続きを読む

それでは、DOMについて考えましょう。 DOMとは Document Object Model (ドキュメントオブジェクトモデル)の略で、 プログラム言語からHTMLドキュメントを扱う為に標準化された仕様となっております。 このように、詳細が表示される場所(左上から右下)の部分までが、ド…

続きを読む

そもそも「javascript」って何よ? と思われている方。用かな? 非常に簡単ではありますが、まとめさせて頂きます。 HTMLは構造を作成 それをCSSで装飾 ではjavascriptは? これが基礎になると思います。 俗に言う、動的処理を行う事が出来ます。 動的処理とは動いている事…

続きを読む

Javascriptでは、条件分岐としてif文を使用します。 for文同様、よく使う構文の一つで重要な構文となります。 覚えておきましょう!! if文 if文とは、「もし~ならば~を処理する」 という、 「ある条件」 のもとに判断し、その後のスクリプトを実行させる構文です。 …

続きを読む

Graphical FrontEnd Engineer
- Daisuke Takayama

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

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