使用するパーツをCSS3を使用して作成したサンプルをまとめた『現場で役立つCSS3デザインパーツライブラリ』発売いたしました。HTML5でサイトをつくろうHOMEABOUTBOOKSよく使用するパーツをCSS3を使用して作成したサンプルをまとめた『現場で役立つCSS3デザインパーツライブラリ』発売いたしました。2013/05/27Tweet最近のWeb制作の現場では、スマートフォンやタブレットなど多様なデバイスに対応させるために、従来の画像を中心にしたグラフィックではなく、CSS3を使ったグラフィックパーツやインターフェイスを作る機会が多くなりました。CSSで作成することでグラフィックソフトで作成しなくてもよいので、CSSで作成することで修正や運用面で効率よく作業ができます。いった中で、MdN様からすぐに使えるCSS3のパーツ集をまとめた書籍『現場で役立つCSS3デザインパーツライブラリ』を共同で執筆させていただきました。『現場で役立つCSS3デザインパーツライブラリ』2013/5/17発売amazonで「現場で役立つCSS3デザインパーツライブラリ」を見るMdNで「現場で役立つCSS3デザインパーツライブラリ」を見るページ最後に出版社様から本書を5冊プレゼントいただきましたので5名様にプレゼントがあります。本書は、Web制作で必ず使用する、ボタンやアイコン、ナビゲーション、ぱんくずリストやローディングバー、背景パターンなど、デザイン性にすぐれ、スマートフォンやWeb制作の現場ですぐに使えるデザインパーツを約120点を作成。紙面には、各パーツの対応環境や、プロパティとコード、そしてカスタマイズするためのポイントを簡潔に解説しました。Webパーツのデータは専用サイトからダウンロード可能です。紙面にはコード書ききれていませんが、古いIEに対応させる記述などもサンプルデータには掲載していますので、Web制作の現場ですぐに使えるサンプルがたくさんあります。メディアクエリなどを使用してスマートフォン専用のレイアウトに使えるものなどもたくさんあります。いったCSS3などのサンプルは一つベースを作成しておくと、設定を変えたりしてすぐにバリエーションが作成できることから一式持っているととても便利です。『現場で役立つCSS3デザインパーツライブラリ』紙面イメージ『現場で役立つCSS3デザインパーツライブラリ』目次テキストのみですが、このようなサンプルを作成しています。Makerを使用してメニューを作成する『現場で役立つCSS3デザインパーツライブラリ』を5名さまにプレゼント出版社様のご好意で本書を5冊いただきました。そこでいつもブログを見ていただいている方に抽選で5名様にプレゼントいたします。見てみたいという方は下記の方法で応募できます。とツイートすればOKです。#css3bookあわせてFacebookページも更新中http://www.facebook.com/html5memoFaceBookページではブログの更新情報やWEB制作においての気になる記事を更新しています。こちらもよかったら「いいね」お願いします。書籍応募の締め切り6月5日までツイートされた中から抽選で5名様を選び、ツイッターのダイレクトメールにてご連絡しますので、当選通知が来た方は送付先の住所を教えて下さい。※なお発送は日本国内に限らさせていただきます。@html5memoをフォローし忘れてダイレクトメールが届かなかったり、連絡後1週間経っても返信が無い場合は当選が無効になるので気をつけて下さいね。JAPANというサイトを作りました。このプロジェクトでは、日本各地の素晴らしい風景やイベントを動画で伝えていきたいと思ってます。トレーラーとして京都でのムービーをアップしましたのでよかったら見てください。※PCでご覧の方は是非4Kのフルスクリーンで見てください。ハヤシユタカ2001年、有限会社ムーニーワークスを設立。WEB制作の他、書籍執筆、セミナー講演、企業研修などを行う。クリエイター育成機関デジタルハリウッドでは1999年より講師として本科WEBデザイナーコースやデジタルデザインコースを担当。詳しいプロフィールはこちら最近書いた記事2016/10/23まずはここから始めよう!作業効率を早めるPhotoshopとIllustratorのショートカットまとめ(ファイル操作・コピペ・ズーム関連)2016/07/19Instagram(インスタグラム)の基本的な運用やマーケティング、活用事例の勉強に参考にしたサイトや記事まとめました。is_homeなどの条件分岐でカテゴリー毎や固定ページに画像を表示させる|WordPressでビジネスサイトをつくろう【第14回】Facebookページで2つのブログの更新情報をチェック「HTML5でサイトをつくろう」と「WEBデザインクリップ」の更新情報やWEB制作に役立つ情報を更新しています。System」の使い方をまとめました。System」に画像対応などしてレスポンシブWEBサイトをつくろう(カスタマイズ編)最新のエントリー2016/10/23まずはここから始めよう!作業効率を早めるPhotoshopとIllustratorのショートカットまとめ(ファイル操作・コピペ・ズーム関連)2016/07/19Instagram(インスタグラム)の基本的な運用やマーケティング、活用事例の勉強に参考にしたサイトや記事まとめました。使用するパーツをCSS3を使用して作成したサンプルをまとめた『現場で役立つCSS3デザインパーツライブラリ』発売いたしました。勉強しながら調べたサイト情報やサンプルの作成。そのほかweb制作に役立つ情報を共有し、情報交換できるサイトになればうれしいです。