タグ

webデザインに関するgoodstoriezのブックマーク (5)

  • 最高のデザインツール「Drama」が登場!SketchやXDより良いかも。 | Web Design Trends

    Dramaとは Dramaは、インタラクティブなプロトタイプやアニメーションが作成可能なUIデザインツールです。 公式サイトでは、Dramaによってできることとして下記の3つが挙げられています。 インタラクティブなプロトタイプやアニメーションが作れるUIデザインツールといえば、Framer XやInVision Studioなどが思いつきますが、使いやすさや操作性、機能の豊富さを比べるとDramaは頭1つ抜け出しているような印象です。 また、SketchやAdobe XDなどと比べるとUIデザインツールとしての機能に大きな遜色は無く、むしろ動作の滑らかさではSketchよりも勝っているのではないでしょうか。 Dramaを一言で述べると、「これまでのデザインツールのいいとこ取りをしたツール」であると言えるかもしれません。 現在はまだ正式リリースはされていませんが、公式サイトからベータ版をダウ

    最高のデザインツール「Drama」が登場!SketchやXDより良いかも。 | Web Design Trends
  • Webサイト全体HTTPS化(常時SSL)の流れはもう止まらない | 【レポート】Web担当者Forumミーティング 2015 Autumn

    「Web担当者Forum ミーティング2015 秋」において、合同会社シマンテック・ウェブサイトセキュリティ中川 就介氏が、「Webサイト全体HTTPS化(常時SSL)の効果と実装のポイントと題してわかりやすく解説した。 すでに始まっている常時SSL化への流れ常時SSLという言葉をご存じだろうか。一般的なWebサイトでは、利用者が情報を入力するページだけはHTTPSで、トップページやログイン後のページはHTTPというケースが多い。それを、全ページHTTPS化するということだ。 銀行やECサイトではないのにそこまでする必要があるのかと思われるかもしれない。しかし、銀行やECはセキュリティ対策が進んでいるため、今は対策が進んでいないWebサイトこそがサイバー攻撃の狙い目になっている。また、クレジットカード番号やパスワードを入力させていないとしても、昨今はメールアドレス、嗜好性、cookieも保

    Webサイト全体HTTPS化(常時SSL)の流れはもう止まらない | 【レポート】Web担当者Forumミーティング 2015 Autumn
  • より良いWebを作るためのガイド

    初学者の方を対象により良いWebを作るためのガイドとしてHTMLCSSなどのWebサイトを作成するための情報を公開しています。 ここに掲載している情報は、作者自身が勉強してきたことを初学者の方たちにとってわかりやすくお伝えできるようにまとめた内容ですので、作者の知識に偏りがちであり、その内容の有用性、安全性等については、いかなる保証を行うものでもありません。 正確性には万全を期すよう努力してはおりますが、当サイトの利用者が掲載情報に基づいて下した判断および起こした行動により、いかなる結果が発生した場合においても、作者はその責を負いませんのであらかじめご了承ください。掲載情報が生きた情報なのかどうかは、各ページに記されている更新日時などのステータス情報や記述内容から各自で判断してください。常にクリティカル・シンキング(論理的・構造的に考えているかを批判する)のもとに情報を参照されることをお

    より良いWebを作るためのガイド
  • 背景に動画を使ったWebサイトの作り方

    背景に動画を使ったWebサイトの作り方2012年後半あたりから少しずつ目にする機会が増え、今では海外サイトを中心に世界中に広まった、背景に動画を用いたWebサイト。サイトの雰囲気や、サービスの具体的な内容を背景に流すことで、よりユーザーの視点をスクリーンに注目させることができます。今回はそんな背景動画の実装方法を、実例サイトと共に紹介していこうと思います。 KINS WITH 動物病院の Web サイトでは、かわいいわんちゃんの動画とともに院内の様子がよくわかる動画を掲載しています。 Aquallの Web サイトでは画面全体ではなく、動画の一部をくり抜いたような形で動画を掲載。背景の装飾としてよく溶け込んでいます。 動画を用意するまずは背景に表示したい動画を用意します。動画を用意する方法は大きく分けて 4 通り。 自分で撮影するプロに撮影依頼する有料の動画素材を使う無料の動画素材を使う1

    背景に動画を使ったWebサイトの作り方
  • レスポンシブWebデザインの作り方(簡単設定方法)

    webmobileは、みんなが知りたいPixel/iPhone/amazon/SIMの使い方を発信しています! 当メディアで公開されている文章、写真・画像などに関する権利は、当方に帰属します。 著作者の許諾を得ることなく転載、改変、複製、販売、出版など、著作権法そのほか法律に触れる行為は禁止しています。 ※ 画像使用・文章引用はリンクを張った上でご利用ください。 ホーム|サイトマップ|プライバシーポリシー お問合せ|運営者情報|公式YouTube

    レスポンシブWebデザインの作り方(簡単設定方法)
  • 1