HTML5/CSS3 制作物     ※制作物中の写真、ソースの転用はご遠慮下さい。

 Dreamweaver CS5 にて作成
■セマンティックにコーディングできる
 HTML5/CSS3で作成したHPです。

   
■スマートフォン/タブレット対応。
 メディアクエリ/JavaScript/PIE.htc
 などを駆使しました。
■サンプルHPをスマホ/タブレット
などの実機でご覧になる場合は、

>>>URL自動送信フォーム<<<

スマホ・iPhoneのメールアドレスを
入力して下さい。URLを送ります
Dreamweaver CS6 にて作成  
レスポンシブWebデザイン
により、スマートフォン
/タブレットに対応


スマホ/タブレット実機確認用
>>> URL自動送信フォーム <<<
 スマホサイズで表示
 タブレットサイズで表示
jQuery Mobileを利用した
 iOSライクなデザインの
コーディング


スマホ/タブレット実機確認用
>>> URL自動送信フォーム <<<
 スマホサイズで表示
 タブレットサイズで表示
HTML5論理構造Markup/<video>/
 placeholder/
トランジッションアニメ

Flash 制作物          ※制作物中の写真、ソースの転用はご遠慮下さい。

 ■ユーザーにHPを印象
 づけてお得意様を多く
 獲得するためには、
 Flashなどの動的コン
 テンツは欠かせません。
 ActionScriptで任意の
 動きを実現しました。

jQuery/JavaScript 制作物     ※制作物中の写真、ソースの転用はご遠慮下さい。


  ■ユーザーの使いやすさ、目立つ、分り易い
  HP作りに欠かせない、jQueryと
  JavaScriptの実装例コレクョン
です。
  今やjQueryやJavaScriptの HPへの導入は
  常識、 必要不可欠です。
 

PHP 制作物    ※制作物中の写真、ソースの転用はご遠慮下さい。

HTMLでフォームを作成
 phpにデータを送信

HTMLよりデータを受信
 phpにて確認ページを表示

PHP制作物へのご注意

cgiサーバー上に実装済。
ご入力いただいたメール
アドレスと
私にもメール
が送られます
のでご注意
下さい。
phpよりMySQLのデータ
 ベースへデータ蓄積/メール
送信/入力内容確認とお礼

 
■PHP奮戦記
※このメールフォームを
 1から作成して実装、
 動作確認をしたログ。

※注: ソースコードを含む
 6ページのpdfです。

Illustrator 制作物        ※制作物中の写真、ソースの転用はご遠慮下さい。

 ■ソシム株式会社/ランディング著
 「 DTPデザイナー&オペレーターの為のIllustrator練習帳」からの成果物  
  ★ 画像クリックでthickbox jQueryが起動し、拡大アルバム表示します。
旅行チラシ
縁取り文字/ドロップシャドウ
曲線に沿ったテキスト/
バクダン/写真を形状で切抜く
べベル効果
 
旅行チラシの裏
直線パスのコピーによる表作作成
ブレンドを使用した表作成
段組み設定を使用した表作成
長方形グリッドツールを使用
 
Webデザインの作成
画像スライスの切り出し
ラスタライズを意識
ロールオーバー画像作成
2色印刷チラシ
特色2色(CM)で作成
クリッピングマスク
テキスト飾り/色玉
 
 * ファイル容量の関係で.aiファイルは置けません。

Photoshop 制作物


 ※只今制作中です。今しばらくお待ちください。

Java 制作物


 ※只今制作中です。今しばらくお待ちください。

 
ページのトップへ戻る