ウェブサイトの制作時によく使用される実践的なテクニックの一つ一つが丁寧に解説された「HTML/CSS デザインの教科書」を紹介します。 最新の知識をおさえつつ、基本を正しく理解し、しっかり身につくオススメの本です。
WordPress3.4の標準テーマの「Twenty Eleven1.4」で確認しました。 style.cssのStructureで始まるところあたりを少し変更することで意外と簡単に可能です。 以下の例で、記事部分が620px、サイドバーが300px程度になります。サイドバーにアドセンスの横幅300pxが配置可能なのは確認しました。 Twenty Elevenは横幅の最大?が1000pxで設定してあるので、30%とすれば300pxとほぼ同じになるわけですね。 style.css /* =Structure ----------------------------------------------- */ body { /* 変更前 padding: 0 2em;*/ } #page { /*変更前 margin: 2em auto;*/ margin: 0 auto; max-width
HTML5+CSS3は「メニューの作り方」を覚えるだけ!:にわかデザイン(1)(1/3 ページ) Photoshopなどの画像処理ソフトを使わず、CSSでできる表現の幅が広がっています。にわかデザイナーになれる、簡単Tipsをお伝えします。 Web製作の現場では、予算の都合上Webサイトのデザインをデザイナーに発注できず、エンジニア自身が担当しなければならないことがままあります。昨今は「Twitter Bootstrap」などのCSSフレームワークを使って、そんな状況に対応している方も多いと思います。確かに、Twitter Bootstrapはリッチなデザインや機能を持つパーツがそろっていて、素早くレイアウトを組み上げるには便利です。しかし、そのためには独自の指定方法やお作法をそこそこ知っておかなければならないのも事実です。 であるならば……、CSS自体を覚えてしまうというのも1つの手では
こんにちは、デザイナーの王です。 どうも近頃はいぬ肌が恋しく、無性にワンコちゃんをなでなですりすりしたくてうずうずしるのですが・・ こういう写真を眺めているだけで心がほわ~っとしてきますよね 久しぶりに記事を書きます。「Vertical Rhythm」と呼ばれているデザイン手法ご存知でしょうか?さり気なく取り入れることで、文章が読みやすくなったり、レイアウトが整ったりすることが期待できるという。 デザインに限った話ではないが、完璧な正解など存在しないと思うので、あくまで一つの考え方として捉えて頂ければと思います。 実例を挙げながら進めて行きますので、「Vertical Rhythm」の考え方とその良さ、便利さをきっと理解してもらえるんじゃないかと思います。 前書き クライアントに「説得力のあるデザイン」を届けよう! LIGでデザイナーをやってて、よくベテランデザイナーさんにこういう風に言わ
単独でも素敵なかっこいいエフェクトで十分なのに、それらが全部まとまって、更に実装方法にもこだわったオープンソースのCSSのフレームワークを紹介します。 ドラッグ&ドロップでさまざまなエレメントを表示します。 Maxmertkitの特徴 Maxmertkitのデモ:スタティック Maxmertkitのデモ:CSS3アニメーション Maxmertkitのデモ:ソーシャルメディア てっとり早くワクワクしたい人は、3つ目の「Maxmertkitのデモ:CSS3アニメーション」をご覧ください。 Maxmertkitの特徴 SASSベースのオープンソースのフレームワーク CSS3アニメーションを使った演出効果 他のフレームワークとかぶらないネームスペース デザイン(カラー・サイズ)変更はテーマで簡単 Creed Creed(主義)のページではMaxmertの主な特徴が解説されています。例えばコードの簡
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く