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

web帳

NewEntry

あ、 ども、 僕です。 SNSが加速する現代、ついていくのも必死なフロントエンドエンジニアの僕です。 皆さんは普段、何のSNSサービスを利用されているでしょうか? 僕は、最近やっと日本でもユーザー数が1000万人突破したFacebookを一番頻繁に使っている状況です。 そんなF…

続きを読む

あ、 ども、 僕です。 今更的なんですが、Facebookページはじめてみました。 個人的に投稿やら画像UPやらと、利用はしていましたが、フロントエンドエンジニアとしての利用をしてないなぁ〜。とつくづく感じていまして、Facebookも色々と扱って、色々とUPしていければと思っておりますの…

続きを読む

あ、ども。僕です。 ホント時代の流れの速さをひしひしと感じる今日この頃です。 前回の記事でsass導入について書かせて頂いたのですが、 CSSライブラリ化? Sass(scss)のインストール 使用方法 mac   こんな事しなくても、すぐに簡単sassをコンパイル出来るぜ!的な…

続きを読む

Excelの基本操作③です。   セルの書式の整え方についてです。   下図のように、セルの書式を整えるとします。 ①文字に色を付ける ②セルに色を付ける ③セルに網をかける ④螺線を引く ⑤点線を引く     &nbs…

続きを読む

MAMPにPEARをインストールする手順となります。 意外にすんなり導入できちゃいましたので。 インストール ターミナルをたち上げます。   以下のコマンドを入力。 [code]/Applications/MAMP/bin/phpのバージョン/bin/pear install -a htt…

続きを読む

MySQL関数 mysql_list_dbsはデータベース一覧を取得する関数です。 [code]resource mysql_list_dbs ([resource 接続ID ])[/code] このmysql_list_dbsを使い、PHPでデータベース一覧表示する方法です。 PH…

続きを読む

wordpressをより便利に使う為にカスタム投稿という機能があります。 カスタム投稿とは、従来の投稿とは別にカスタマイズした投稿タイプを用意し投稿することができます。 使用方法はfunction.phpに追加をするのですが、より簡単に扱うため Custom Post Type UI…

続きを読む

CSS3とjQueryを使い、ドラゴンクエスト風戦闘シーン作ってみました。(制作日数1日程) デモページ 例の如くwebkit系 (safari,GoogleChrome)等で確認お願いいたします。 では実際に製作過程を紹介させて頂きます。 まずはマークアップから。 HT…

続きを読む

本来、iPhoneアプリを制作するとなると、objective-CやC言語も用いて制作するのですが、web制作言語のHTML5やCSS3、JavaScriptでスマートフォンネイティブアプリを制作可能と出来るのが「PhoneGap」となります。 アプリ制作の為、慣れない言語のobject…

続きを読む

前回の記事 jsdo.it企画 CSSで必殺技に参加しています。   の結果を頂きました!   な     な     なんとか、           3位入賞ですー! ありがとうございますぅ〜!!   本音、悔しいです!! 1位もで…

続きを読む

ども。 カヤックさんの「jsdo.it」でのSPECというコーディングコンテストでの企画 「CSSで必殺技」(長いな)の結果が気になる今日この頃の僕です。   さて、そんなCSSでのアニメーションを使う際のプロパティについて紹介。 というよりも、知らなかった。これ。使えば良かったなと。。 …

続きを読む

ども。僕です。前回の「jsdo.it企画 CSSで必殺技に参加しています。」   で紹介させて頂いたのですが、な、な、なんと、 CSSで必殺技第2弾 http://jsdo.it/panicdragon/23cU(第2弾) がカヤックさんのブログにて CSSだけで必殺技を作るコンテストの…

続きを読む

ども。僕です。タイトル通り「jsdo.it企画 CSSで必殺技に参加しています。」 URLは http://jsdo.it/panicdragon/23cU(第2弾) http://jsdo.it/panicdragon/zh69(第1弾) panicdragon というネームに参加させ…

続きを読む

ども。僕です。タイトル通り「jsdo.it企画 CSSで必殺技に参加しています。」 URLは http://jsdo.it/panicdragon/23cU(第2弾) http://jsdo.it/panicdragon/zh69(第1弾) panicdragon というネームに参加させ…

続きを読む

本来、iPhoneアプリを制作するとなると、objective-CやC言語も用いて制作するのですが、web制作言語のHTML5やCSS3、JavaScriptでスマートフォンネイティブアプリを制作可能と出来るのが「PhoneGap」となります。   アプリ制作の為、慣れない言語のobje…

続きを読む

Flashやjavascriptで制作されたコンテツスライダー、バナーのスライダー等は一般的にあったのですが、これをCSS3で作成してみました。 .displayArea{margin:10px 0 20px;padding:10px 20px 20px}.displayArea:af…

続きを読む

前回の記事の css3 3d 回転 transform rotate()や css3 3d 回転 transform rotate() perspective追加 を参考に今回は、CSS3で立体的な四角形のアニメーションを作りたいと思います。(Javascriptまたは画像を一切使用…

続きを読む

CSSを圧縮出来るwebサービス CSS Drive css compressorの紹介になります。 公式サイト http://www.cssdrive.com/index.php/main/csscompressor/ たかがCSS。されどCSS。 スマフォン時代 重要視されるパフォ…

続きを読む

CSSを圧縮出来るwebサービス CSS Drive css compressorの紹介になります。 公式サイト http://www.cssdrive.com/index.php/main/csscompressor/ たかがCSS。されどCSS。 スマフォン時代 重要視されるパフォ…

続きを読む

CSS3 三角形 ひし形 等の作成方法のエントリーを参考にborderで色々な図形を作ってみました。 では、復習。 borderで三角形を作る HTML [code]<div class="shape01"></div>[/code] …

続きを読む

transformプロパティのscale()は、要素を拡大、または、縮小表示する時に使用します。 値としてはscaleX()、scaleY()、scaleZ()、scale3d()等があります。 値 scale(数値, 数値) : 2つの数値で2D縮尺比率を指定します。1つ目の数値は…

続きを読む

css3ではtransitionプロパティを用いて時間的変化をつける事が可能となります。 transition (時間的変化をまとめて指定) transitionプロパティは、transition効果(時間的変化)をまとめて設定する場合に使用します。 [code]transiti…

続きを読む

CSS3になり、様々な事が出来るようになりました。 transformもその一つです。 transformを使う事によってHTML要素を拡大、縮小、移動、変形などが出来るようになっています。 また、transition-durationなどの設定を加える事のよって、アニメーションの設…

続きを読む

transformプロパティのrotate()を使う事によって要素を回転表示することができます。 transformプロパティのまとめはこちらから。 値 rotate(回転角度) : rotate()関数では、角度によって2D回転を指定。 rotateX(回転角度) : X軸を軸と…

続きを読む

今まで2行のカラムレイアウトや3行のカラムレイアウトを作成しようとするには、 floatプロパティやpositionプロパティを利用するのが一般的でしたが、 CSS3になり、数行で作成することが可能となってきました。 display:box; カラム分けしたい要素を入れた親要素…

続きを読む

jQueryでimg要素の「src」やa要素の「href」等の属性を変更するには、「attr」を使用します。   jQuery  [code]$("img").attr("src","../tit_webcyou.jpg"…

続きを読む

jQueryでCSSのクラスを追加したり、削除したりする方法です。 クラスを追加 addClass() でクラスの追加を行えます。 jQuery 例: [code]$("#hoge").addClass("hogeHoge");[/cod…

続きを読む

jQueryを使用するとき、 [code]$("h2").css('border',"solid 2px #ff0000");[/code] など、jQueryのセレクタを利用し、指定するのですが、 複数指定する場合は「,」で区切り指定…

続きを読む

PHP include文は.txtファイルや.htmlファイルを読み込む事が可能となっております。 PHP [code]<?php include('footer.html');?>[/code] ソースも簡単で、ファイル管理もとてもスマートに行えるのですが、 phpを実行させ…

続きを読む

mysql_select_dbは「データベーススペースを選ぶ」ファンクションになります。 データベースはデータベーススペースを選ばなければ、テーブルやレコードを操作できません。 記述例 [code]<?php mysql_select_db('test_db') or die…

続きを読む

Graphical FrontEnd Engineer
- Daisuke Takayama

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

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