Webデザインに関するtatsu-nのブックマーク (97)

  • ちょうどいいWebデザインギャラリー

    カラー ネイビー (1) カラフル (251) スカイブルー (224) ホワイト (1208) ベージュ (412) グレー (422) ブルー (343) パープル (56) ピンク (125) レッド (211) オレンジ (122) イエロー (212) グリーン (301) ブラウン (147) ブラック (532) ゴールド (54) 業種 スポーツ (27) 旅行・ホテル・観光 (152) 美容 (107) エンタメ・趣味・娯楽 (177) 製品・工業・素材 (126) 金融・保険・会計・法律 (45) ファッション・アクセサリー (73) 就職・人材サービス (32) インフラ (26) 不動産・建築・空間・施設 (149) アート (41) 車・バイク他 (18) 事業・組織 (71) 暮らし商品・サービス (143) 飲品・飲料 (476) 行政・NPO・団体・協

    ちょうどいいWebデザインギャラリー
  • 保存版!CSS3で出来る素敵なデザインやアニメーションをまとめてみた

    主要ブラウザで使うことの出来る「CSS3」ですが、IE8に対応していないためにCSS3の基や使い方は知っていても実務等では使う機会が少なかった(クライアントワークではIE8が対応ブラウザに含まれていたため)方もいらっしゃると思います。そうするとふと「あれ、あのプロパティはどう使うんだっけ?」とか「この要素だけにスタイルを適応するCSS3は何だっけ…?」など忘れてしまうこともしばしば…。 最近ではIE8のシェアは低くなり、またスマホサイト制作の機会も増えたためクライアントワークでもCSS3を活用したWeb制作が増えてきました。そこで今回は、まず覚えておくと便利な機能の復習とそれを応用し「これCSS3だけで作れるの!?」というような驚きの作品の数々をまとめてみました! CSS3とは そもそも「CSS3」とは何のことでしょうか。改めてその定義を確認してみましょう。 「CSS」は、ウェブページの

    保存版!CSS3で出来る素敵なデザインやアニメーションをまとめてみた
  • Codrops | Useful resources and inspiration for creative minds

    Codrops Demos Hub Discover our curated collection of 500+ free animations, interaction concepts, UI designs, web templates & more. Stay in the loop: Get your dose of frontend twice a week 👾 Hey! Looking for the latest in frontend? Twice a week, we'll deliver the freshest frontend news, website inspo, cool code demos, videos and UI animations right to your inbox. Zero fluff, all quality, to make y

    Codrops | Useful resources and inspiration for creative minds
  • 【スライド】Webサイトの設計を考えてみよう - よつば手帖

    「会社サイト、飲店のWebサイトの設計を考えてみよう」という勉強会でお話してきました。(ゆるゆるカフェ) Webサイトを持つ事はビジネスにおいては必須となっています。 しかし、他のWebサイトを模倣し、しっかりした設計の元に作られていないものも多く存在します。 自社や自分達のお店のWebサイトを作る際に、何が大切でどのようなポイントについて考えていくと良いのか考えてみましょう。

    【スライド】Webサイトの設計を考えてみよう - よつば手帖
  • 舐めちゃダメよ!お問い合わせフォームの作り方

    1500以上の会社、お店が利用中の月額無料HP制作サービス 「HPの制作を安心して任せられる業者が見つからない><」 そんなふうに頭を悩ますアナタ。 以下の「ウェブさえパック」はもうチェック済みですか? HPを作るのに必要なものがパッケージになってるお得なサービスです。 料金と事例を見てみる アクセスアップ! それだけが、ホームページからの売上をアップさせる方法じゃありませぬ。 アクセス数を増やさなくても、お問い合わせフォームに少し工夫を加えるだけで、売上が大きく改善することもあるのです。 今回の記事では、効果的な「お問い合わせフォームの作り方」を実例付きで解説します。 無料で使えるおすすめの「メールフォーム作成ツール」も紹介するので、乞うご期待! 事例: お問い合わせフォームの改善で売上げアップ! 下の図が何か、わかりますでしょうか? Googleアナリティクスというサービスで、あるサイ

    舐めちゃダメよ!お問い合わせフォームの作り方
  • Webデザイナーになったらまず最初にブックマークしておきたいWebサイトリスト| cocoblo [ココブロ]

    お気に入りのWebサイトを紹介したいと思います。職場が変わった、パソコンが変わった時にいちいち探すのも少し面倒なのでブログに残しておきたいと思います。 とても勉強になるサイトばかりなのでチェックしてみてはいかがでしょうか? タグリファレンス HTMLクイックリファレンス 目的別にHTMLCSSのタグを探すことができる。ど忘れした時に調度良い感じがします。 TAG index HTMLCSSのタグについてまとめられている。HTML5のタグも追加された。 HTMLCSSを学び始めた頃から参考にさせてもらっているサイトです。タグの具体的な内容が書かれているので手軽に調べることができます。 デザインリンク Web Design Clip 業種やカラーでWebサイトを探すことができます。 Responsive Web Design JP レスポンシブデザインのサイトデザインを紹介してい

    Webデザイナーになったらまず最初にブックマークしておきたいWebサイトリスト| cocoblo [ココブロ]
  • 和風デザインWebサイトの制作ポイントや素材を実例とともにまとめました

    2017年7月14日 Webデザイン, ダウンロード, 色彩 今月はじめに初めて箱根旅行で洗練された美しい温泉宿に宿泊して以来、「和」な雰囲気やデザインの素晴らしさに魅了されたManaです。伝統的な配色や配置、書体等、見ていて飽きの来ない魅力がありますよね!和風デザインには大きく分けて4つの特徴があります。それぞれの特徴を理解し、うまくデザインに反映していきましょう! ↑私が10年以上利用している会計ソフト! 1. 配色 「和風デザイン」と聞いて思いつくのはどんな色でしょうか?おそらくビビッドなピンクや透き通るような水色ではなく、わさびやからし、えんじのような、少しくすんだ色合いを思いつく人が多いかと思います。日には伝統的な色や配色というものが存在し、それらを上手に使うことでグッと和の雰囲気漂うデザインに近づきます。 伝統色 日の伝統色 和色大辞典では日の伝統色をカラーコードとともに

    和風デザインWebサイトの制作ポイントや素材を実例とともにまとめました
  • 新人Web担当者必見!ホームページ立ち上げ時にチェックするべき基本15項目

    ホームページ立ち上げの際におさえるべきポイント ホームページは立ち上げたあとも修正を行うことができます。ただ中には修正しづらいものもありますので、今回は立ち上げ時にしっかりとチェックするべき15項目をまとめました。新米Web担当者でもわかりやすいように、最低限でかつ実務に則した項目を広くピックアップしています。 SEO対策やデザインのチェック項目 1.タイトルタグは適切か 全ページをチェックを行い、初期設定のままだったり「名称未設定」だったりするようなタイトルタグになっていないか、確認しましょう。 2.ディスクリプションは設定済みか Google検索においてタイトルタグの下に紹介文が表示されます。ここは全角文字でだいたい100文字程度です。タイトルタグや想定する検索キーワードとマッチしているか、確認しましょう。 3.リンク切れはないか Googleがあなたのホームページをインデックスすると

    新人Web担当者必見!ホームページ立ち上げ時にチェックするべき基本15項目
  • www.seelun.com

    Support Get useful and free tools, sources and professional buyer guides to make good choices of products. Ordering Guide How to Buy

  • webnonotes.com - webnonotes リソースおよび情報

    This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.

    webnonotes.com - webnonotes リソースおよび情報
  • 16個の業種別で学ぶ「ホームページデザイン」の王道パターン | LISKUL

    ホームページのデザインっていろいろあって、どれが自分のビジネスにふさわしいものか迷ったことはありませんか? 個人で事業をやっている方だと、そのような疑問を持つ方も多いのではないでしょうか。 でも実は、業種ごとの王道デザインを知っていれば悩む必要なんて何もないのです。 今回は、全16業種にわたる王道のホームページデザインをお伝えしたいと思います。 外注を活用したホームページデザインの業務切り出しフロー 1. 美容院のホームページデザイン【王道】 おしゃれな髪型の女性の大きめな写真を載せるデザイン 【実例】 Nine9 / ナイン MerryLand 美容室 pukka hair 美容院のホームページデザイン ポイント「おしゃれな髪型をしている女性の写真を載せる」 美容院のホームページの王道デザインは、お店のロゴが左上、メニューがその横にあり、その下には、おしゃれな髪形をしている女性の大き目な

    16個の業種別で学ぶ「ホームページデザイン」の王道パターン | LISKUL
  • 加賀料理の料亭「浅田」|伝統からの創造

    料理 2024/05/09 夏季限定 浅田「鮎づくし」のご案内です。 積雪たっぷりの日アルプス。その雪が溶けて清流に。 したたる緑と清冽な雪解け水が香り豊かな富山県庄川の鮎を育ててくれます。 恒例浅田の鮎料理をご堪能下さい。 浅田「鮎づくし」 18,000円(税込19,800円) ご提供期間:2023年5月8日(月)〜8月31日(木) *ご予約にて承ります。 御献立一例 お料理 2024/03/07 「お祝い会席」価格改定のお知らせ 令和6年4月1日より、以下の通り「お祝い会席」の価格を改定いたします。 22,000円(税込24,200円) 16,000円(税込17,600円) 12,000円(税込13,200円)※ご昼のみ、10人様以下のお席限定 誠に恐れ入りますが、ご理解賜りますようお願い申し上げます。 2024/02/20 「私たちは能登を応援しています」 令和6年能登半島地震

  • 総合ITソリューションのセラク

    インフォメーション セラクのサービス セラクのビジネス セラクについて IR情報 採用情報 お問い合わせ ISMS基方針 情報セキュリティポリシー このサイトについて プライバシーポリシー 派遣法に基づく情報提供 ADDRESS. 6F NISHISHINJUKU PRIME SQUARE BLDG. 7-5-25 NISHISHINJUKU SHINJUKU-KU 160-0023 TOKYO JAPAN. PHONE. 03-3227-2321

    総合ITソリューションのセラク
  • FINDJOB!終了のお知らせ | FINDJOB!

    FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ

    FINDJOB!終了のお知らせ | FINDJOB!
  • 「斜め」の要素を上手に活用した印象に残るWebデザインまとめ

    国内のWebサイト / KANAYA Lights :: カナヤ ライツ / HIDE COFFEE BEANS STORE他...全19件

    「斜め」の要素を上手に活用した印象に残るWebデザインまとめ
  • デザインの勉強にもなる、CSSで実装するパンくずのまとめ

    角丸や三角形、アイコンなどを添えたり、CSS3アニメーションを加えたりなど、CSSで実装するパンくずを紹介します。 機能的にはもちろんシンプルなテキストベースのものと同じですが、サイトのUIにあったデザインのパンくずも素敵ですよね。

  • ScaleOut | Supership

    2024年4月1日より、Supership株式会社は親会社であるSupershipホールディングス株式会社に吸収合併されました。 合併に伴い、存続会社であるSupershipホールディングスは社名をSupershipに変更し、新たな経営体制を発足しました。件に関する詳細は、プレスリリースをご確認ください。 2024年4月1日より、Supership株式会社は親会社であるSupershipホールディングス株式会社に吸収合併されました。 合併に伴い、存続会社であるSupershipホールディングスは社名をSupershipに変更し、新たな経営体制を発足しました。 件に関する詳細は、プレスリリースをご確認ください。

    ScaleOut | Supership
  • ロゴデザインの参考になるWebサイト10選

    ブランドの顔としての役割を果たす「ロゴマーク」。 企業のロゴやサービスのロゴは、その会社やサービスのメッセージを発信するとても重要な意味を持ちます。そんなロゴのデザインを行う際に、数多くのロゴを見ることでデザインの引き出しを増やすことは必要不可欠。 そこで今回は、ロゴデザインが画像一覧で見られる海外や国内のギャラリーサイトを10個ほどご紹介します。会社やブランドのロゴ、かっこいいロゴからおしゃれなロゴまで、自分の目的に合った参考になるデザインが無料で見つかるのでぜひご活用ください。 参考になるロゴデザインが一覧でみられるWebサイト それではロゴデザインの参考になるWebサイトを10サイトほどご紹介します。ロゴ作成でお悩みの方はぜひ、訪れてみてください。 LogoPond LogoPondは、かっこいいロゴなどクオリティの高いロゴが集まる海外のギャラリーサイトです。 ロゴ作成時にインスピレ

    ロゴデザインの参考になるWebサイト10選
  • [Webデザイン]作例つき!アイコンやピクトグラムを作る時のデザイナーの頭の中

    約一週間ぶりのブログです、サボっててすみません! Webサイトのアイコンやピクトグラムって、非デザイナーから見るとデザイン要素の中でも面積が小さいせいで軽んじられがちな感じがするんですけど、実はかなり奥が深いです。これをサイトに置くことで来なら複数の文字で説明する必要のあることを利用者に直観的に理解させられます(もしくは補助として)し、単純に見た目の雰囲気を作り出すことも出来ます。 この記事では私がWebサイトにおけるアイコンやピクトグラムを作成するときどんなことを考えて作成しているのか、細かいことも含めて分解して書きだしてみました★ モチーフを選択する まずはそこにどんな意味のオブジェクトを置くのか、それを図柄で表せばそうであることが伝わるのかを考えます。 名詞や動詞、目的語の抽出 そのボタンや項目、オブジェクトにどんな意味や機能を持たせたいのか、それをキーワードにして抽出します。 例

    [Webデザイン]作例つき!アイコンやピクトグラムを作る時のデザイナーの頭の中
  • http://shingekidesign.com/?p=187