『Webデザインレシピ』 の新着エントリー
-
はじめての著書 – 現場のワークフローで覚える Webサイト制作教室 ... webdesignrecipes.com
この度、本を執筆させていただきました。その本「現場のワークフローで覚える Webサイト制作教室」の紹介と、執筆をし終わってから思ったことを「あとがき」としてブログにしてみました。 今日 ４月20日、私のはじめての著書「現場のワークフローで覚える Webサイト制作教室」が発売になりました！久々の... 続きを読む -
Webデザイナー（私）によるWeb制作のときに気をつけてることや制作フ... webdesignrecipes.com
私（フリーランスのWebデザイナー）が、Webデザインをする時に気をつけていることと、Web制作のフローをまとめてみました。Webデザイン、Web制作のフローには、本当にたくさんの作業があることを再確認できました。私はフリーランスのWebデザイナーとして、クライアントさんのWebサイトを作成す... 続きを読む -
Beginner ::: Webデザインレシピ webdesignrecipes.com
私はいつも Web制作の時には、Photoshop と Illustrator を使っています。ずっと前、Webデザインを勉強しはじめた頃、私は Illustrator より先に、まず Photoshop から使い始めま … 続きを読む -
画面いっぱいに背景画像 サンプル #1 ::: Webデザインレシピ webdesignrecipes.com
Web Design Recipes Sample Perfect Full Page Background Image with CSS CSS のみで画面いっぱいに背景画像 スクリプトを使わずにCSSのみで画面いっぱいに背景画像を表示しています。 実際の画像のサイズは 800 x 533 ... 続きを読む
-
これからIllustratorを始めてみようという人のための基本操作とかい... webdesignrecipes.com
Illustrator を始めるにあたっての予備知識や、基本操作のまとめです。これからIllustrator を始めようという人向けの記事です。ここで紹介することがIllustratorの基本操作の全部ではありませんが、少しでもIllustratorに親しんでくれればいいなと思います。Illu... 続きを読む -
ツイッター9月~12月のつぶやき まとめ 9/1 ~ 12/31 2011 webdesignrecipes.com
私のツイッター：">@WebDesignRecipe の2011年9月~ 12月のつぶやきです。 気に入ったつぶやきをブクマ的にまとめてみました！ Webデザインレシピのツイッター｜@WebDesignRecipeでは、Web関連の情報、美しい写真やデザイン、アートなどをつぶやいています。その... 続きを読む -
Green webdesignrecipes.com
これは WordPress を使ったサンプルサイトです。この会社は架空のものです。 このページは、テンプレートファイル home.php で作られています。 元記事：WordPressでブログじゃないWebサイトを作るときのいろいろ 家具・照明器具製造・販売 MANUFACTURE AND S... 続きを読む -
WordPressでブログじゃないWebサイトを作るときのいろいろ（サンプル... webdesignrecipes.com
WordPressでブログじゃないWebサイトを作成するときのTipsです。WordPressを使った、コーポレートサイトのサンプルも作りました。WordPressでのサイト構築のやり方は、人それぞれだと思いますが、私なりのやり方をカスタム投稿タイプを使いながらまとめています。とても長い記事に... 続きを読む -
サンプルデザイン :: Webデザイナーズレシピ webdesignrecipes.com
Photoshop Tips 写真の補正や合成、切り抜きの仕方からUIエレメントの作成など、Web制作にお役立ちな小技がたくさん。 まずはPhotoshopのツールパネルを覚えよう! 簡単な切り抜きに挑戦してみよう! 続きを読む -
Index :: Webデザイナーズレシピ webdesignrecipes.com
Sample Design Webデザインのサンプルです。 DropDown Navi jQuery を使ったドロップダウンメニューです。 Contents Slider jQuery Cycle Plugin を使ったスライダーです。 Form Validation フォームに入力された値を... 続きを読む -
Index :: Webデザイナーズレシピ webdesignrecipes.com
Sample Design Webデザインのサンプルです。 DropDown Navi jQuery を使ったドロップダウンメニューです。 Contents Slider jQuery Cycle Plugin を使ったスライダーです。 Form Validation フォームに入力された値を... 続きを読む -
CSSでレイアウトするなら絶対覚えておきたい配置のルール：フロート... webdesignrecipes.com
CSSの視覚整形モデルについてのまとめです。CSSでレイアウトするときに必須な配置についてのレポートです。フロート、相対配置、絶対配置、z-indexなどはもちろん、通常フローや包含ブロックなど、基本的な部分をまとめてみました。最近改めて CSS の基本、要素の配置、レイアウトについて学習しま... 続きを読む -
jQuery Nivo Slider サンプル ::: Webデザインレシピ webdesignrecipes.com
Title #1 "don't have to do anything, let's just sit and talk about the usual things" Photo by @harold.lloyd Title #2 "More flowers I noted, yet I n... 続きを読む
-
22のWordPress カスタマイズ ハック webdesignrecipes.com
WordPressをカスタマイズする時のTipsを22個集めてみました。 トップページで使えるものから時短テクニック、ダッシュボードのカスタマイズまで、すぐに使えるWordPressハック集です！WordPressをカスタマイズする時のハック集です。使用する場面を想定してトップページで使えるハ... 続きを読む -
CSSは分かるけど jQuery は苦手 … という人が jQuery に親しんでく... webdesignrecipes.com
Webデザインに欠かせない？jQuery。HTML と CSS はわかるけど、 jQuery っていまいちよく分からない ... っていう人が、jQuery に少しでも親しんでもらえたらいいなーと思って、知ってる事をまとめてみました。なので jQuery 初心者さん向けの記事です。Webデザイ... 続きを読む -
Webデザインの1pxを作るためのPhotoshopのレイヤースタイルいろいろ webdesignrecipes.com
素敵なWebデザインを見ていると、1pxにこだわって作られたデザインが多いです。今回はそんな1pxを、Photoshopのレイヤースタイルを使って、いろいろ作ってみました。これからPhotoshopで1pxのWebデザインをしたいなーと思っているPhotoshop初心者さん向けの記事です。色ん... 続きを読む -
jQuery Cycle Plugin サンプル ::: Webデザインレシピ webdesignrecipes.com
THE INTERVIEWS &Facebook THE INTERVIEWS、みんながやってるのを見てとても楽しそうだったので、思わず登録しちゃいました！ Facebookページもよろしくお願いします！ jQuery(document).ready(function() { jQuery('... 続きを読む
-
jQuery Pulugin Fancybox サンプル ::: Webデザインレシピ webdesignrecipes.com
クリック時のオーバーレイの色を淡いグレー（背景のこと）にした以外、特にエフェクトを指定していない状態です。<a>タグの title属性が、そのまま画像タイトルとして表示されます。 <a>タグの rel属性に同じ名前（グループ名）を入れるとグループとしてまとめられ、矢印ボタンで移動できます！ ま... 続きを読む -
jQuery BX Slider サンプル ::: Webデザインレシピ webdesignrecipes.com
Today must be a Thursday. I could never get the hang of Thursdays. Photo by harold.lloyd 続きを読む
-
クライアントワークでよくお世話になっているjQueryプラグインいろい... webdesignrecipes.com
仕事での Web制作、クライアントワークで使っている jQueryのプラグインをまとめてみました。ちょっと変わった？レイアウトを組むときに重宝しています。色んな jQueryプラグインがありますが、クライアントワークで使っているので、ライセンスはMIT、GPLのものばかりです。私が仕事でWeb... 続きを読む