web制作に関するmoya_shikkoのブックマーク (6)

  • CSSで半透明にできるOpacityプロパティとIEでの問題について

    ちょっと上手くいって感動したので書きます。今回も番外編で、小ネタです。 ブログのデザインを変更していると、ある要素を透明にしたい時がある。透明にするには、CSSでは次のように設定する。 要素を透明化する CSS プロパティ CSS3 で入ってきたプロパティのようだが、opacity を設定すれば透明化できる。 opacity:0.7; 0 が透明で 1 が不透明、0~1 の値を指定する。 これで Firefox や Chrome では透明化できたのだが、IEでは出来ない。ネットで調べると、IE では Opacity は使えず、filter を使うそうだ。 filter: alpha(opacity=70); /* ie 6 7 */ -ms-filter: "alpha(opacity=70)"; /* ie 8 */ IEの透明度は0~100の%で指定する。 この他、Firefox や

  • きっとトラブルが起きにくい!ウェブデザインの制作順序を書きました。 | バニデザノート

    ウェブサイトの制作には、いくつかのフェーズがあります。 企画→制作→構築→公開を何度もくりかえすこともあり、スパイラル方式なんて言われることもあります。 今回は、ウェブサイトの制作順序を書いてみたいと思います。 むかしはこういった文章をブログなどで書く方が多く、もたくさんあったのですが 今は知識や技術に偏ったものがおおく、目に触れることが少なくなったのかもしれません。 もしくは、あたりまえのことだから言わなくなったのかもしれません。 しかしながら、ウェブを気持ちよく制作するために基というのは重要なことだとおもい 再確認もこめてかきました。 ウェブ制作を行なっている人、 これからウェブの業界に入りたいとおもっている人、 これからウェブを発注する予定のある企業の方に読んでいただければいいなぁと思っています。 ・ヒアリング どんなサイトにしたいのかをお客様へお伺いします。 対象となるブラウザ

    きっとトラブルが起きにくい!ウェブデザインの制作順序を書きました。 | バニデザノート
  • ひとりでWebサイトを作れるまでに必要な本や記事集めました  〜①デザイン編〜

    「Webサイトを作れるようになりたいけど何から始めればいいかわからない」そんな人のために完全な素人の人がひとりでWebサイトを作れるまでに必要なや記事集めました。 この記事テーマは3つの記事に分かれています。 一つ目は今回の、 完全素人がひとりでWebサイトを作れるまでに必要なや記事集めました  〜①デザイン編〜 後日公開予定の、 〃 〜②コーディング編(HTML&CSS)〜 〃 〜③集客・Webマーケティング編〜 以上の3つです。 Webサイトの制作手順 初めての方は「Webサイトをどういう順番で作るか?」について知らないと思いますので、説明します。Webサイトを作成し、公開してたくさんの人に見てもらうまでには大きく7つのステップがあります。 ①どんなWebサイトにするか考える(企画) Webサイトを作るためにまずはどんな目的で、誰に、どんな情報やサービスを届けたいのかを考え

    moya_shikko
    moya_shikko 2012/01/21
    勉強になる
  • スマートフォン用ページがドラッグ&ドロップで簡単に作成できるサービス「shutto」 | ライフハッカー・ジャパン

    「shutto」は、スマートフォン用ページを簡単に作成できるサービスです。PC用サイトのURLを入力して、スマートフォンで表示させたいコンテンツをドラッグ&ドロップするだけで作れます。 以下に使ってみた様子を載せておきます。 まず、shuttoへアクセスしましょう。スマートフォン用に変換したいサイトのURLを入力します。 次に、スマートフォンで表示させたいコンテンツをドラッグ&ドロップで配置します。 文字の色や背景色も自由に変更できます。操作が分かりやすくて良いですね。 このようなスマートフォン用ページができました。URLも自動的に割り振られます。あとは、友人にメールなどで共有すればOKですね。 スマートフォン向けにカスタマイズしたページを作りたいときにどうぞ! shutto (カメきち)

    スマートフォン用ページがドラッグ&ドロップで簡単に作成できるサービス「shutto」 | ライフハッカー・ジャパン
  • ツイッター7月、8月のつぶやき まとめ 7/1 ~ 8/31 2011

    私のツイッター:@WebDesignRecipe の2011年 7月、8月のつぶやきです。 気に入ったつぶやきをブクマ的にまとめてみました! Webデザインレシピのツイッター – @WebDesignRecipe では、毎日 Web関連の情報、美しい写真やデザイン、アートなどをつぶやいています。その中から 7/1 ~ 8/31 までのお気に入りのつぶやきを、ブクマ的にまとめてみました。全部で23個 … jQuery やフォントが多めです。 1. Webデザイナーなら忘れちゃいけない一つ。ディスプレイ(モニター)の発色について

    moya_shikko
    moya_shikko 2011/11/15
    ゆっくり見ましょう
  • Adobe、HTML5アニメーションツール「Edge」公開

    米Adobe Systemsは8月1日、HTML5に対応したWebモーション/アニメーション制作ツール「Adobe Edge」のパブリックプレビュー版を公開した。FlashのようなアニメーションをHTMLJavaScriptCSSなどの標準規格によってWebサイト上で表示できるようにする。 Dreamweaverなど同社のWeb開発ツールを補完。HTMLにネイティブ対応し、CSSベースのレイアウトデザインを損なうことなくモーションを追加できる。各種描画ツールを使い、CSS3でスタイリングされたHTML要素を生成し、視覚効果の高いコンテンツを制作できるとしている。プレビューはWebKitで行い、コンテンツのデザインや操作を忠実に再現。各種ブラウザやスマートフォン用ブラウザ向けコンテンツの制作が可能としている。 パブリックプレビューは英語版だが、無償で利用できる。同社はまた、HTML5とC

    Adobe、HTML5アニメーションツール「Edge」公開
  • 1