基本原則』執筆させていただきました。基本原則』執筆させていただきました。2012/10/17Tweetエムディエヌコーポレーションさんから執筆させていただいた書籍が発売になりました。基本原則』2012/10/12発売HTML5とCSS3の基本やCSS3でのアニメーション、WEBアプリの機能、フラッシュライクなサイトなどこれから注目の技術の基本をサンプルと共に紹介されています。この書籍だけで全部の技術が習得できるものではないですが、幅広く網羅されておりますのでまずこれでこれからのWEBの技術をひと通り理解してさらに突き詰めていくという形で最適な内容となっています。基本原則」を見るページ最後に出版社様から本書を5冊プレゼントいただきましたので5名様にプレゼントがあります。基本とポイント、表現技法がすべて身につけられる。シンプルで単純明快なHTMLタグでコーディングが容易になる一方、ボックス処理やグラデーションなどのスタイル処理能力が高まり、ウェブのデザイン性を向上できるほか、アニメーションやオーディオ、動画などの動的表現にも対応するようになる「HTML5」と「CSS3」。現在、2014年の正式勧告に向けてHTMLの5回目の策定が行われており、HTML5という名称で呼ばれています。CSSも3回目の策定が進んでおり、CSS3と呼ばれて、現在カラーモジュールなど一部の内容がすでに勧告されています。Explolerなど主要なPC用ウェブブラウザの最新版やスマートフォン用ブラウザは、HTML5/CSS3に対応がなされており、すでに最新の表現をウェブ上で体験できるようになっています。本書は、今後ウェブ制作の主流となるHTML5とCSS3の全般的な知識について、わかりやすく丁寧に解説しました。巻末にはこれらを駆使した表現テクニックを多数紹介。HTML5とCSS3の全体像や表現技法を一気に身につけたい方に最適な一冊です。Webデザインの実践」の「CSS3の装飾とアニメーションのみで実装するギャラリーサイト」を担当させていただきました。サンプルはこちらにアップしてあります。http://www.html5-memo.com/sample/html5-css3BOOK/画像を極力使わずにCSS3で装飾を行い、ロールオーバーのアニメーションにCSS3のアニメーションを使用したサンプルとなっております。CSS3のアニメーションが適用しないIEではアニメーションはなくロールオーバーのようにすることによってコンテンツの閲覧ができないということを回避しています。このサイトで使用した写真以外の画像このサイトの装飾はCSSを使用して写真以外で使用した画像は次の3点のみとなっています。CSS3を効率良く使用することによって容量の軽減、修正の容易さを実現しています。基本原則』を5名さまにプレゼント出版社様のご好意で本書を5冊いただきました。そこでいつもブログを見ていただいている方に抽選で5名様にプレゼントいたします。見てみたいという方は下記の方法で応募できます。とツイートすればOKです。#html5-bookあわせてFacebookページも更新中http://www.facebook.com/html5memoFaceBookページでは3つのブログの更新情報やWEB制作においての気になる記事を更新しています。こちらもよかったら「いいね」お願いします。書籍応募の締め切り10月24日までツイートされた中から抽選で5名様を選び、ツイッターのダイレクトメールにてご連絡しますので、当選通知が来た方は送付先の住所を教えて下さい。※なお発送は日本国内に限らさせていただきます。@html5memoをフォローし忘れてダイレクトメールが届かなかったり、連絡後1週間経っても返信が無い場合は当選が無効になるので気をつけて下さいね。JAPANというサイトを作りました。このプロジェクトでは、日本各地の素晴らしい風景やイベントを動画で伝えていきたいと思ってます。トレーラーとして京都でのムービーをアップしましたのでよかったら見てください。※PCでご覧の方は是非4Kのフルスクリーンで見てください。ハヤシユタカ2001年、有限会社ムーニーワークスを設立。WEB制作の他、書籍執筆、セミナー講演、企業研修などを行う。クリエイター育成機関デジタルハリウッドでは1999年より講師として本科WEBデザイナーコースやデジタルデザインコースを担当。詳しいプロフィールはこちら最近書いた記事2016/10/23まずはここから始めよう!作業効率を早めるPhotoshopとIllustratorのショートカットまとめ(ファイル操作・コピペ・ズーム関連)2016/07/19Instagram(インスタグラム)の基本的な運用やマーケティング、活用事例の勉強に参考にしたサイトや記事まとめました。2015/12/28アプリ風インターフェイスのフォトギャラリーをCSS3で作成する【jQuery連載17】2015/12/24マウスホイールに動きで横にスクロールの横長ページを作成する【jQuery連載16】この記事に関連する記事よく使用するパーツをCSS3を使用して作成したサンプルをまとめた『現場で役立つCSS3デザインパーツライブラリ』発売いたしました。特集『特集1:「CSS+α」マルチデバイス対応テクニック』に執筆させて頂きましたFacebookページで2つのブログの更新情報をチェック「HTML5でサイトをつくろう」と「WEBデザインクリップ」の更新情報やWEB制作に役立つ情報を更新しています。System」の使い方をまとめました。System」に画像対応などしてレスポンシブWEBサイトをつくろう(カスタマイズ編)最新のエントリー2016/10/23まずはここから始めよう!作業効率を早めるPhotoshopとIllustratorのショートカットまとめ(ファイル操作・コピペ・ズーム関連)2016/07/19Instagram(インスタグラム)の基本的な運用やマーケティング、活用事例の勉強に参考にしたサイトや記事まとめました。基本原則』執筆させていただきました。勉強しながら調べたサイト情報やサンプルの作成。そのほかweb制作に役立つ情報を共有し、情報交換できるサイトになればうれしいです。