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

web帳

NewEntry

いやはや。 表示はされましたね。 しかし、喜んでいてはいけません。”ほげほげほげ”とつぶやいただけです。 この広い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; 命…

続きを読む

いやぁ。もう、css3で記述されているサイトも沢山増えてきましたね。 今回は改めて、css3のグラデーションを振り返ってみましょう。 [code] .gradient { background: -moz-linear-gradient(top, #fff, #000);/* Fi…

続きを読む

wordpress テンプレートタグ the_excerpt()を使うと、[...]と最後に付くのを 記事へのリンクに変更する方法です。 至って簡単。 テーマの functions.phpに(ない場合は作成しましょう。) (wordpress>wp-content>テーマ名>…

続きを読む

wordpress テンプレートタグ the_excerpt() は、 現在の投稿の抜粋を、文末に [...](角括弧+三点リーダー)をつけて表示します。 この三点リーダーは「続きを読む」リンクではありません。 とのこと。 また、抜粋のコンテンツからは HTML タグと画像は取…

続きを読む

phpの文字列でhtmlタグを一括削除する方法です。 下の一行で $hogeStr に含まれているhtmlタグを全て削除されます。 [code] $hogeStr = strip_tags($hogeStr); [/code] 削除するタグを指定する場合、別途記述が必要。 [c…

続きを読む

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

続きを読む

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

続きを読む

css3では、複数のbackground指定が可能になっております。 今回は3枚の画像を用意して指定する方法です。 まず、画像ですが、 背景 ハート、星 の3枚を用意します。   [code]<div id="test"></d…

続きを読む

wordpress プラグイン SyntaxHighlighterを導入しているのですが、 起動せず、白いまま。 通常、codeタグを使う事によって、 [code]こんな風に 行数がついたり します。 [/code] こうなるはずですが、ならないって慌てていましたが、 …

続きを読む

CSSで簡単な図形の作り方。 三角形 取り敢えず、要素はdivで [code]<div id="triangle"></div>[/code] [code]#triangle{ height:0px; width:0px; b…

続きを読む

ほげほげほげ
いやぁ。 びっくりしましたね。 どんどん行きましょ。 どんどん書きましょ。 前回言ったように、文字化けしたのは、DOCTYPE宣言がないからです。 DOCTYPE? なんでしょうね?(笑) 「文書型の定義」ってやつですね。 [code] <!DOCTYPE html PU…

続きを読む

文字化け
よし!書いて行きましょうぅ! まず、こっからHTMLをはじめますよぉ〜的な記述していきます。 なんてことはありません。 難しいことなんて全くありません。 その記述の仕方は、 [code]<html>〜〜〜</html>[/code] 簡単ですね。 〜〜〜の…

続きを読む

いやいや、前回に引き続き HTMLを書いてHPを製作しよう! その2 です。 難しい事を覚えるよりは、もう書いちゃえ!的な感覚で行きましょう。 まず、HTMLを書く。と言うことなんですが、 「何に書くの?」て感じですよね。 紙にボールペンで書いても、PCのブラウザを読み取ってもらえないので…

続きを読む

HTML言語を覚えれば、市販のソフトは必要ありません。
いやぁ〜。始まりましたねぇ〜。 HTMLを書いてHPを製作しよう!とのことで、 HP制作の初歩から書いて行ければと思っております。 何事も初心を忘れるべからずって事ですよ。 webデザイナーを目指している方も、「HTMLって何よ?美味いの?」って言ってる方も ホームページビルダー・BiND…

続きを読む

HTML5 新要素 変更要素をざっと載せてみました。 HTML5 section要素 節や章の単位で使用 article要素 ブログの記事、ニュースサイトの記事のように、それ自身で独立したコンテンツ。 nav要素 ナビゲーションを形成するセクションを表す ページやサ…

続きを読む

【wordpress 記事の文字数制限をして表示の方法】 WordPressで記事の内容を表示させたい時は 記事内容表示テンプレートタグ [code]<?php the_content(); ?>[/code] で表示されます。 これを文字数を制限するには [code]<…

続きを読む

wordpress プラグイン設置方法についてです。 まず、webで導入したいプラグインをダウンロードし、解凍します。 解凍したプラグインファイルを、以下に配置 wordpress/wp-content/plugins/ ブラウザから設置しているwordpressにログインし、ダッシュボー…

続きを読む

iTunesを起動している場合は終了させます。 アプリケーション/ユーティリティ/ にある、ターミナルを起動。 [code]defaults write com.apple.iTunes full-window -int -1[/code] を入力し、リターン。 iTunesを起…

続きを読む

2010.11.27

Flash

Flashを背景に

通常、flashから生成された、swfファイルは 背景として扱うことは出来ないのですが、 次の方法で可能となります。 HTML [code]<div id="content"> <!-- ここにHTMLのページコンテンツ --> 上…

続きを読む

Fireworksでの便利だと思うショートカットの紹介です。 利用する場面は、下記の画像のようにスタイルがバラバラのデザインがあったとします。 フォント、フォントサイズ、カラーとそれぞれバラバラのオブジェクトを一つのスタイルにまとめる場合、 揃えたいオブジェクトを選択し、 comman…

続きを読む

Twitter にアプリケーションを登録し、「Consumer Key」と「Consumer Secret」を取得する方法です。 twitter developersにアクセスします。 twitter developers https://dev.twitter.com/apps ツイッ…

続きを読む

2010.11.27

EC-CUBE

準備中

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

続きを読む

dreamweaverには色々な便利な機能がついております。 その中の一つ「スニペット」。作業効率化には欠かせない機能ではないでしょうか? 「スニペット」は標準で色々と用意されております。 挿入したい構文を選択 ダブルクリックで呼び出せます。 超便利。 また、頻繁に利用する構文は、右…

続きを読む

2010.11.27

C++

準備中

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

続きを読む

基本のムービークリップのイベントとボタンイベントです。 ムービークリップのイベント 【load】ムービークリップが読み込まれたら 【unload】ムービークリップの読み込みが終わったら 【enterFrame】フレームが更新される度 【mouseDown】ムービークリップ上でマウ…

続きを読む

Graphical FrontEnd Engineer
- Daisuke Takayama

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

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