タグ

WEBサイトに関するsatoshi_hiraishiのブックマーク (8)

  • 動くWebデザインアイデア帳

    サイト閲覧方法 1ウェブサイトへアクセス https://ugokuweb.coco-factory.jp/ugokuweb/ 新サイトはこちらから 2【ユーザー名】と【パスワード】が求められますので、以下の情報を入力してください。 【ユーザー名】:ugokuweb 【パスワード】:指定のページ数を【半角数字3桁】で入力 (例)30ページの場合は 030 と入力 ※黄色をご購入の方:7-2「検索」の表紙ページ数 ※ピンク(実践編)をご購入の方:9-4「SVGアニメーション」の表紙ページ数を【半角数字3桁】で入力してください。 3閲覧制限が解除され、サイトを閲覧できるようになります。 ブックマークをしてご利用ください。 ※掲載されているコードは、2021年に出版された時のものをそのまま掲載しています。 (jQueryのバージョン、プラグインのソースコードの書き方を含む) ソースコードの書

    動くWebデザインアイデア帳
  • 言語化の筋トレ!サイト分析を始めた理由とやり方|ミシェル

    こんにちはミシェルです。 愛媛県松山市のWeb制作会社でWebディレクターとして働いています。業界未経験からの転職で現在2年目です!(早いっ) 毎日いろんなことに立ち向かいながら、なんだかんだ楽しく仕事ができてます! さて、今回のテーマは…と言いますとタイトルにある通り、わたし…サイト分析を始めました!その状況をTwitterで先日ツイートしたところ、皆さん結構興味があるようでした!(たくさんのいいねとリツイートありがとうございます!) 流石に毎日は難しくなってきてるのですが…サイト分析も習慣化されてきました。 1時間ほどサイトを見ながら、ビジネスや、ターゲット・ゴール、キャッチコピー等。「なぜそうなっているのか?」を言語化。 完全に筋トレです!! 言語化が前よりスムーズになってきたような気がします😊 pic.twitter.com/gjr8tCsFqt — ミシェル🌻 (@cmr45

    言語化の筋トレ!サイト分析を始めた理由とやり方|ミシェル
  • Webサイトを作る際に超参考になったデザインのサイトまとめ - Qiita

    はじめに 仕事でWebサイトを作った際に、 デザイン案で非常に参考にさせて頂いたサイト様をまとめました。 Parts. SaaSのサービスサイトやLPを中心としたデザインの参考サイトです。 部分ごとにパーツやセクションごとのデザインが載っているので、 探しやすくとても参考になりました。 動くWebデザインアイディア帳 「動かしたいパーツ」ごとの逆引きリストを扱っているサイトです。 機能的 or 印象的で有効なデザインが多数載っており参考になりました。 ※注意として 動くWebデザインアイデア帳のサイトは、書籍に明記している通り「3年間の期限付き」です。 (※書籍の売れ行き次第で変わります。) ちなみに実践編の方ですが、私も書籍を購入させて頂きました。 Web Design Trends(ウェブデザイントレンド) Webに関わる全ての人のためのメディアです。ウェブサイトの制作やデザインに役立

    Webサイトを作る際に超参考になったデザインのサイトまとめ - Qiita
  • FlexBoxとGridレイアウトを使って実際に作って学ぶWebサイトの作り方|Webデザインの教科書

    今回は少し格的なWebページを作ってみましょう。 スマホ対応も含めたレスポンシブデザインのページを作成します。 制作時間はおよそ60分ほどで作成が出来るので、ぜひやってみて下さい。

    FlexBoxとGridレイアウトを使って実際に作って学ぶWebサイトの作り方|Webデザインの教科書
  • 【2024年最新】Web制作周りを無料で学べる学習サービス集 - Qiita

    はじめに 今回は無料でWeb制作周りの技術を学ぶことができるサービスをまとめました。 これからWeb制作の学習を始めていきたい人やプログラミングの基礎学習をしていきたい人におすすめのサービスなのでぜひ参考にしてみてください。 この記事の対象者 プログラミング初心者~中級者 Web制作を学びたい人 HTMLCSSをより深めたい人 ポートフォリオを作りたい人 無料コーディング練習所 まずはじめに紹介するのはWebサイトを制作しながらコーディングスキルを身につけることができる無料コーディング練習所です。 こちらのサイトではデザインカンプが用意されており、基的なコーディング方法から応用的な手法まで実際にWebサイトを制作しながら学ぶことができます。 準備編でがエディタの設定方法や拡張ツールといったコードを書くための基礎の基礎から丁寧に解説をしてくれています。 入門編~上級編ではWebサイトを作

    【2024年最新】Web制作周りを無料で学べる学習サービス集 - Qiita
  • 書籍「達人が教えるWebパフォーマンスチューニング」はチューニングの考え方を教えてくれる良本 - Gマイナー志向

    通称 #ISUCON を著者様からご恵贈いただきました。ありがとうございます。 gihyo.jp 所感 この書籍、言っていいのかわかりませんがまったくの初心者・初学者には難しいかもしれません。私の感触では、Webサイトのプログラム作成、改修、構築、運用などに携わったり、Webサイトのパフォーマンスの問題に向き合ったことがある人が対象読者だと思いました。職種でいえばバックエンドエンジニアインフラエンジニア、SREなどですね。もちろんそういった職種を目指している方や、純粋にISUCONに挑戦したい、パフォーマンスチューニングに興味がある、といった方も含まれます。 このは特定の問題に対する直接的な答えではなく、パフォーマンスチューニングの考え方を教えてくれる内容になっています。このを参考に実際に手を動かして実践するのが良いでしょう。現実のWebサイトをチューニングするでもいいですし、そ

    書籍「達人が教えるWebパフォーマンスチューニング」はチューニングの考え方を教えてくれる良本 - Gマイナー志向
  • 本当は教えたくないWebデザイン参考ギャラリーサイト37選

    ウェブサイト制作には、常に新しいアイデアやインスピレーションが必要ですが、決まらずに悩んでしまうことも。 そんな状況を打開するには、たくさんの優れたデザインの実例を見ることで、次のアイデアを生み出してみましょう。 ここでは、最新ウェブデザインをいち早くチェックできるオススメWebギャラリーサイトを厳選してご紹介。 インスピレーションとしてはもちろん、クライアントの打ち合わせやイメージの共有にも活用できます。 積極的にインプットを増やし、デザインの引き出しを増やしてみましょう。 このリストは2年ぶりにまとめ直したアップグレード版となります。 コンテンツ目次 【2024追加分】最新Webギャラリーサイト landing.love Design Spells Godly BentoGrids 404s Footer Navbar Gallery 国内Webギャラリーサイト SANKOU! URA

    本当は教えたくないWebデザイン参考ギャラリーサイト37選
  • 無料コーディング練習所 | 未経験からWebデザイナーへ!【2024年版】

    『無料コーディング練習所』では、完全無料のコーディング教材を提供しています。 入門編から上級編まで6サイトをコーディングすることで、 HTMLCSS・jQueryの基礎スキルがしっかり身につくカリキュラムになっています。 デザインカンプと完成版コーディングデータ付きです。 この教材は制作会社の新人コーダーの教育にも使用されています。 さぁ、楽しみながら一緒に勉強していきましょう♪

    無料コーディング練習所 | 未経験からWebデザイナーへ!【2024年版】
  • 1