タグ

ブックマーク / webdesignrecipes.com (3)

  • これからWebサイトの制作をしたいけど、何から勉強したらいいの?っていう人のためのガイド

    以前から、「Webサイトを制作をしたいけど、何から勉強したらいいの?」という質問をよく頂いていました。私が Web制作を勉強し始めた頃に比べると、最近はたくさん情報がありすぎて何から始めればいいのか迷う人も多いみたい …。なので今回は、Webサイトを作るのに必要な知識を簡単にまとめてみました。 最近だなを整理していて、もう読まなくなった Web制作系のを片付けたりしてみました。ずーっと前、Webサイトってどうやって作るんだろうってところから始まって、用語もよく分からないまま色んなを読んだりした頃を思い出します …。 Webサイトは HTML っていうものでできていて、CSS っていうもので、見た目をデザインしていくのかぁ … っていうことさえ、あの頃の私にとっては新しい発見だったなぁ … なんて思ったりしました。 最近では HTML5 とか CSS3 とか、私が勉強し出した頃に比べる

    tailtame
    tailtame 2012/11/02
    ページが長いぃ。基本的なこと~。
  • New ツイッター:背景をデザインする時のガイド サイドバー透明化も

    Newツイッターの背景をデザインする時のサイズなどをガイド的にまとめてみました。サイドバーを透明にしたりして工夫すれば、ディスプレイサイズが小さい画面でも、メッセージを背景に掲載する事もできそうです。みなさんはNewツイッターの背景どうしてますか?先日、私のツイッターもやっとNewになりました。 嬉しい反面、ちょっと残念なことも…それは以前のツイッターに合わせて作った背景が全く見えなくなってしまった事。 新しいツイッターの画面は横幅が1,040px(小さいディスプレイ時は920pxの可変)もあって、1280pxのディスプレイでは背景がほとんど見えません… 過去記事:ツイッター入門:背景画像をデザインする時のルールが意外にアクセスが多いのですが、情報が古いのでNewツイッターの背景を作る時のガイドを考えてみました。 New ツイッターの画面 ツイッターの画面、背景の見え方はディスプレイの

    tailtame
    tailtame 2010/10/22
    だれが最大化にして見るんだ…と言うかこのブログも横スクロールバーが出てるしー
  • レイアウト作りを簡単にしてくれるCSSグリッドシステム

    CSS でのレイアウト、段組み作りがとっても簡単にできる、CSS グリッドシステムをご紹介。既に使っている人もたくさんいるとは思いますが、未体験の人はぜひ試してみてくださいね! Web デザインに欠かせない、CSS でのレイアウト作り。コンテナ作って、ここにラッパー作って、メインが 600px で padding が 20px だから、サイドバーが、えーと … なんてことになりがちです。そんな面倒な作業がイヤだなーという人におすすめなのが、CSSグリッドシステム。全ての Web デザインに使える訳ではありませんが、結構重宝します。すでに使っている人もたくさんいると思いますが、こんな方法もあるんだよーということでご紹介します。 1. CSSグリッドシステムとは? CSS グリッドシステムというのは、レイアウトを均等に分けて、マス目上に考えるレイアウト。何が便利かっていうと、この段は4等分にし

    tailtame
    tailtame 2010/10/18
    ほう…
  • 1