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

web帳

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文とは、「もし~ならば~を処理する」 という、 「ある条件」 のもとに判断し、その後のスクリプトを実行させる構文です。 …

続きを読む

CSS Media Queries(メディアクエリ)を使用したデバイスごとの指定方法です。 CSS3のMedia Queries(メディア クエリ)を使用して、デスクトップのブラウザ用をはじめ iPhone, iPadなどのモバイル用にスタイルシートの分ける方法です。 スタイルシート…

続きを読む

スマートフォンには、画像1pxが実際のデバイス上で何pxとしてレンダリングされるかを示す devicePixelRatioという値があります。 これの値はwebkit系であれば、window.devicePixelRatioに入っています。 javascriptで出力する場合、 …

続きを読む

いやぁ。タイトルも表示されたし、見出しも表示された。 でも、さっきから文字ばっかじゃん!てね。 思うよね。やっぱり。 よし、勢いに乗ってガッシガシ画像をUPしましょう! その前に、フォルダを作成しましょう。 名前は何でもいいのですが、取り敢えず、”homepage”でいっちゃいます。 こ…

続きを読む

いやはや。 表示はされましたね。 しかし、喜んでいてはいけません。”ほげほげほげ”とつぶやいただけです。 この広いwebの海で 「ほげほげほげ」と呟いただけです。 これでは誰も観てくれません。 可愛いあの子も振り向いてはくれません。 そこで、よりホームページっぽく作りましょう。 様々なタ…

続きを読む

macでロックをかける方法になります。 通常、スクリーンをスリープさせる時は「Shift+Ctrl+Eject」のショートカットで スリープ状態になります。 何も設定していない状態だと、マウスを動かしたりするだけでスリープ状態は解除されます。 ロックを掛けたい場合は 「システム環境設定 >…

続きを読む

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

続きを読む

Flashの扱い方です。 Flashを扱う上で最も重要且つ頻繁に使う事になる、ライブラリについてです。 ライブラリとは、Flashを実行する場所 ステージに出すものを格納する場所です。 ライブラリに格納されているものは「シンボル」と言われるものです。 これらは、Flash上で作成も可能、…

続きを読む

アニメーション (Animations モジュール) @-webkit-keyframesを使い、フェードイン、フェードアウトを作ります。 @-webkit-keyframesは%で時間軸の指定が出来ます。 0%がスタート、100%で終了となります。 fadeIn [code] …

続きを読む

wordpress にて現在の投稿が属する全カテゴリーを、そのカテゴリーアーカイブへのリンク付きで表示する場合 [code]<?php the_category(); ?>[/code] ですが、 wordpress 記事カテゴリ 1つのみ表示する場合は [code…

続きを読む

CSS Media Queries(メディアクエリ)を使用したデバイスごとの指定方法です。 CSS3のMedia Queries(メディア クエリ)を使用して、デスクトップのブラウザ用をはじめ iPhone, iPadなどのモバイル用にスタイルシートの分ける方法です。 スタイルシート…

続きを読む

2011.01.05

JavaScript

javascript 時計作成

javascriptで時計を作りましょう。 まず、時刻取得のscript new Date(); で時刻を取得。 [code] <script type="text/javascript"> <!-- var time = new Dat…

続きを読む

最適化に必須の表示制御タグ「viewport」 「viewport」というmeta要素の属性を使って、表示制御できる。 「viewport」で指定出来る属性 width : viewportの横幅 height : viewportの縦幅 initial-scale : 倍率の…

続きを読む

これ覚えりゃサイトは出来るのじゃないの?的タグを ざっと挙げてみました。ホント、ざっとです。すみません。 HTMLの種類 h1~h6 見出しの大きさ ul 番号無しリスト ol 番号付きリスト li リスト項目 dl 用語と説明のリスト dt dl要素の用語部分 dd dl要素の用語部分 …

続きを読む

Javascriptでは、繰り返し文としてwhile文やfor文などがあります。 よく使う構文の一つだと思います。 覚えておきましょう!! for文 繰り返し処理を行う際に用いるscriptです。 [code] for(初期値; 継続条件; 処理後の値) { 命令文1; 命…

続きを読む

Graphical FrontEnd Engineer
- Daisuke Takayama

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

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