ウェブ制作
WordPress はブログだけじゃなくて、色んなWebサイトが作れますよね!今回は、 WordPress を使ってブログじゃない Webサイトをまるごとひとつ作って、私なりの作り方をまとめてみました。今回のサンプルサイトでは、WordPress の固定ページ機能はもちろん、…
複数のレイヤーで重ねたサークル 半透明のサークル かなり大きなサークル ナビゲーション用のサークル ヘッダに使うサークル 複数のカラーを使ったサークル 繊細なサークル 背景に使う数多くのサークル ギャラリーに使うサークル クリエイティブなサークル …
1. Impress Pages 2. automne 3. Webiva 4. concrete5
2011年のWeb制作トレンドをはてブのホットエントリから振り返ってみました。 2011年でトレンドは、スマートフォン向けサイトやアプリの制作関連、HTML5関連、あとはFacebook対応のためのノウハウといった感じでした。 はてなブックマーク「コンピュータ・IT…
1. 目標を立てる、目的意識をしっかり持つ 2. 作らないと始まらない 3. ”プロトタイプ開発者”になろう 4. プログラミングは怖くない 5. 最初から完璧を求めない 6. デザインがすべてを作る 7. スタートダッシュを切る 8. 企画段階でバイラルの仕掛けを組み込…
雰囲気のキーワードを出す ・カッコイイ! うぉ!すっげ!って感じ ・クール とにかく渋く。鳥肌立つ感じで ・可愛いっぽく。 やっぱ少し可愛くが良い ・ラブリーa& もうワクワクーって感じでe& ・シンプルに。 余計な物はいらん ・インパクトどーん とにか…
はじめてHTML5を使う際にまず見ておきたい HTML5になってから変更された考え方についてのまとめ HTML5新要素一覧のまとめ xhtml1.0とHTML5で簡単なサンプルを作成しながら比較していくまとめ
ロゴ画像を作るというのはなかなか骨の折れるクリエイティブな作業であり、しかもその製品やサービス、企業のアイデンティティというものを込めなければならず、しかも今後の「顔」にもなるので、その苦労は並大抵ではありません。そのため、実際にロゴが生…
テキストにシャドウをつける『text-shadow』で、Photoshopで作ったかのように美しい3Dやレタープレスなどのエフェクトを与えるスタイルシートを紹介します。
Webサイトを作ることが目的になっていないかいつの間にか、公式サイトを作って公開することが当たり前になっている今日。CMS が広く導入されるようになってきた頃から、「とりあえず作る」という傾向が強くなった印象があります。システムを上手く活用すれば…
リニューアル時のポイントや使ったプラグインなど【サイト制作時やリニューアル時の参考になる。どんなサイトを作りたいのか、何を載せるのか、誰に見せるのか、何を使えばいいのか、など】
sparrow.jsを使うと既存のガラケー向けWebサイトをスマートフォン向けサイトに変身させてくれます。それもたった一行のJavaScriptタグを追加するのみです。
企業から個人まで爆発的に増えたFacebookページですがただウォールだけ作るのもよいですが、他のと差別化として「TOPをオリジナルのデザインにしたい」「SSLが使えない環境でもFacebookページを作りたい」「ブログなどにFacebookのいいねをつけたい」と思っ…
サイトを新しく作ったときは、正常に機能するかどうか気になりますよね!でも、どこをどうチェックすればよいか迷ってしまいませんか?そんな方のために、サイト公開前にチェックしてほしい事項をまとめました!参考にしてみてくださいね! 【1112.refに全保…
今回は「えっ、こんなことまでできちゃうの?」と思わせてくれるような高性能プラグインをいくつか紹介します。WordPress 3.0から追加されたマルチサイト機能を使えばWebサービスとして運営することもできそうなもの多め。どんな風に使おうかわくわくしちゃ…
1:Webデザインの基本 2:タイポグラフィーとフォント 3:素材の作り方 4:レイアウトの作り方 5:Webデザインの参考
HTML5でサイトが作られる機会が少しづつ増え、HTML5の新しいタグを覚えようというブログや書籍はよく見ますが、今までxhtml1.0で使われていたタグの中にも使い方の変更になったタグがいくつかあります。いつも使っていたタグなので何気なく使ってしまうこと…
小規模ウェブから大規模ウェブまで通用する、「担当者が何を考えるべきか?」という切り口の資料になっています。ウェブ担当者はなにも技術のことを勉強するのではなく、誰かを使って、場合によっては外注して、やらなくてはならないことを実現すればいいわ…
WEB屋にとってのチートシートって、どれだけ優れた技術力やデザイン力を持っていても、何かしら新しい発見がある物ですよね。以前書かせてもらった時間の価値は人によって違う!30分が100時間を生む5つの考え方でも書いたよう、たとえばショートカットキー一…
色名を漢字で、またその由来なども書いてある。
最近僕の周りでWEBデザインの勉強やコーディングの勉強を始める人が多く、そんな方々向けに読んで欲しい、見て欲しいサイトをまとめる機会があったのでブログにポストします。
【どんなコードでも手打ちしている私のような人は、もっと効率的に進める方法を学んだほうがいいかもしれない】
Creative Nowは『クリエイティブの今』をキーワードに、クリエイターからクリエイティブツールまで、クリエイティブに関わる様々な事柄を紹介したEPUB形式の無料電子雑誌。創刊準備号となるVol.00では、「特集 クリエイティブを学ぶ」と題して、クリエイティ…
Webサイト制作や色彩感覚、タイポグラフィの知識をクイズ感覚で勉強できるサイトをまとめてみました。どれも短時間で楽しみながらできるものばかりなので、気軽に挑戦できますよ!Webデザインや制作の勉強中のあなたも、ベテランさんのあなたも、ぜひ試して…
Aを活用したロゴデザイン集。 どういうメーカーがどういう形でAを利用するのかと言うのはとても勉強になりましたのでシェア。 【これは勉強になる、応用できそうだ】
前回はiOS5のMobile Safariから使えるようになったHTML5・CSSについて前編と後編に分けてご紹介しましたが、そのなかで説明していない小さなテクニックについて少し紹介したいと思います。今回はCSSでテキストにグラデーションをかけるテクニックについてで…
・「Webデザイナーのためのタイポグラフィと文字組版」 - DTP Transit www.dtp-transit.jp ・Webデザイナー(私)によるタイポグラフィーレイアウトの注意書き webdesignrecipes.com ・Illustratorで文章を扱うとき(文字組版) - DTP Transit www.dtp-trans…
部分配信と全文配信のメリット・デメリットを比べている記事はいくつかあるけど、本当は"選ぶ"必要は別にない。最初から両方を配信してしまえばいい。そもそも「ブログで配信できるRSSフィードはひとつでなければならない」なんて別に誰も決めてないし、全文…
サイトのURLをScreenflyに入力すると、標準パソコン(10インチのネットブックから24インチのデスクトップまで)、5種類のタブレット、8種類の携帯デバイス、3種類のテレビでの表示を確認できます。『Wordpress』や『Joomla』などのプラットフォームで作成さ…