タグ

ブックマーク / websae.net (10)

  • Bootstrapのグリッドシステムの使い方を初心者に向けておさらいする

    実は、bootstrapの知識だけでは足りません(涙) 気でweb制作仕事にしたいなら、現場で通用する実践的なスキルを「短期集中」で身につけましょう。 【独学 vs スクール】メリットとデメリットを比べて、おすすめの学習方法もお伝えします。 続きはこちら Bootstrap、使ってますか? 便利ですよね。その便利さを物語るように、当にいろいろなサイトで利用されてます。 ネットで配布されてるWordPressのテーマやHTMLテンプレートのベースに使われていることも多いです。気づいてないうちに使ってしまっているひとも、たくさんいることでしょう。 今回は、便利なのだけど、使いこなすには少し理解が難しい「bootstrapのグリッドシステム」について解説します。bootstrapでレスポンシブデザインを作るとき、欠かせないテクニックです。 グリッドシステムは、頭で理解しようとせず、目で見て

    Bootstrapのグリッドシステムの使い方を初心者に向けておさらいする
  • 密かにわりと長くWebデザイナーやってるけど「Git」は初心者なの。

    って、ヒトは意外と多そうです。 とりあえず普段の業務はこなせているし、特に緊急性が高い技術でもなさそうだし、「興味はあるけどねぇ。そのうち」って感じで、知らないまま放置しちゃってて。 どっちかっていうとエンジニアプログラマーよりの技術なイメージもありますよね。そこが、「難しそう。自分には関係なさそう」という距離感を生み、積極的に学習しようという意欲を奪っている原因かもしれません。 そこで今回はできるだけ専門用語を避けて、初心者向けに平たく「Gitって何?」ってことを伝えたいと思います。 「HTML & CSS + Photoshop」あたりをメインの武器に日々案件と戦うウェブデザイナーさんにとっても、Gitはきっと役立つツールですよ。 著者情報:この記事を書いた人 ウェブさえ web業界14年目。フリーランスwebデザイナーとして活動後、法人化。今でも年間100件以上のウェブサイトの企画

    密かにわりと長くWebデザイナーやってるけど「Git」は初心者なの。
  • HP作成の初心者でワイヤーフレームの作り方をよく知らない人へ

    気でweb制作仕事にしたいなら 現場で通用する実践的なスキルを身につけましょう。 【独学 vs スクール】メリットとデメリットを比べて、おすすめの学習方法もお伝えします。 続きはこちら 今回は、web制作時によくある悩み「ワイヤーフレームの作り方がわからない」を解決します。 意外に、ワイヤーフレームの作成方法を詳しく教えてもらう機会は少ないですよね。 そのため、以下のような悩みを抱える人が多くいます。 ワイヤーフレームが何かを知っているけど、いまいちうまくまとめられない。 ワイヤーフレームを作るときの手順が合っているかどうか自信がない。 webサイトの制作過程において、ワイヤーフレームの時点で失敗していると次の工程のデザインも絶対うまくまとまりません。 ワイヤーフレームは、家を建てるときの設計図と同じ役割をします。 適当に作った設計図をもとに家を建てたら、当然、住みにくく崩れやすいもの

    HP作成の初心者でワイヤーフレームの作り方をよく知らない人へ
  • 舐めちゃダメよ!お問い合わせフォームの作り方

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

    舐めちゃダメよ!お問い合わせフォームの作り方
  • ホームページのリニューアルを成功させる改善ポイント15個

    1500以上の会社、お店が利用中の月額無料HP制作サービス 「HPの制作を安心して任せられる業者が見つからない><」 そんなふうに頭を悩ますアナタ。 以下の「ウェブさえパック」はもうチェック済みですか? HPを作るのに必要なものがパッケージになってるお得なサービスです。 料金と事例を見てみる ホームページのリニューアルを検討中。 でも、デザインや構成など方向性に迷ってませんか? 実は、ホームページのリニューアルは新しく作るときよりも難しくなることが多いのです。 なぜなら、既存のホームページという比較対象があるからです。 既存のHPと比べて、リニューアル後のアクセスや問い合わせの数が減ってしまったら、リニューアルは失敗ということになってしまいます。 だから、音を言うと、リニューアルを請け負う制作会社も新規にHPを作るときよりリニューアルのほうがプレッシャーを感じていることが多いです。 そん

    ホームページのリニューアルを成功させる改善ポイント15個
  • 今年こそホームページ作成に独学で挑戦したい初心者にはHTMLテンプレートがおすすめ

    1500以上の会社、お店が利用中の月額無料HP制作サービス 「HPの制作を安心して任せられる業者が見つからない><」 そんなふうに頭を悩ますアナタ。 以下の「ウェブさえパック」はもうチェック済みですか? HPを作るのに必要なものがパッケージになってるお得なサービスです。 料金と事例を見てみる HTMLテンプレートをいじくると、「こんなデザインにするには、これが必要なのか」と実践的に技術を学べます。それに、手を動かした結果がすぐにデザインに反映されるので、何よりやってて楽しい。今まで何度もホームページ作りを断念してきたヒトにおすすめしたい独学の方法です。 そもそも、自分で全部やろうとすると、ホームページ作成に必要なスキルは、「HTMLCSS」「JavaScript」「画像編集・処理」「コピーライティング」「ライティング」など、あげだすと切りがないです。 ありがちな失敗パターンは、最初から全

    今年こそホームページ作成に独学で挑戦したい初心者にはHTMLテンプレートがおすすめ
  • ラクするWeb制作「CSSフレームワークなにソレ?」な初心者へおすすめ7個

    注:今回の記事は初心者向け、Web制作を効率化&スピードアップしてくれる「便利なHTMLCSSフレームワーク」の紹介です。 CSSフレームワークとは? 2021年のおすすめCSSフレームワーク7個 CSSフレームワークの選び方 上の3点をお伝えしていきます。 それなのに、なぜ、カレーの画像で始まるの? その理由は、「CSSフレームワークって何?」を知ると理解できます。 著者情報:この記事を書いた人 ウェブさえ web業界14年目。フリーランスwebデザイナーとして活動後、法人化。今でも年間100件以上のウェブサイトの企画・制作に関わっています。 ウェブさえにできること【お仕事のご相談>サービスメニュー】 Follow @websae2012 CSSフレームワークって何? CSSフレームワークは、言い方を変えれば「カレーのルー」と例えられます。 ある女は言った 女は言葉を続ける。 「当に

    ラクするWeb制作「CSSフレームワークなにソレ?」な初心者へおすすめ7個
  • 無料のスマホサイト作成ツール5個|スマホ対応ホームページの作り方

    1500以上の会社、お店が利用中の月額無料HP制作サービス 「HPの制作を安心して任せられる業者が見つからない><」 そんなふうに頭を悩ますアナタ。 以下の「ウェブさえパック」はもうチェック済みですか? HPを作るのに必要なものがパッケージになってるお得なサービスです。 料金と事例を見てみる なぜ、スマホ未対応のホームページは時代遅れなの? その答えは非常にシンプル。 なぜなら、今が「ほとんどの人がPCではなくスマホでホームページを見ている時代」だからです。 この数字が何を表しているかご存知でしょうか? スマホ: 83.4% パソコン: 69.1% これは、「総務省」が発表した2019年のIT機器の世帯保有率です。(詳しいデータはこちら) なんと、パソコンよりスマホを持つ人のほうがはるかに多いんですね! こんな世の中ですから、よりたくさんの人にホームページを見てもらいたいなら、スマホサイト

    無料のスマホサイト作成ツール5個|スマホ対応ホームページの作り方
  • ホームページビルダーを無料でお探しなら>ホームページ作成ツール19個

    1500以上の会社、お店が利用中の月額無料HP制作サービス 「HPの制作を安心して任せられる業者が見つからない><」 そんなふうに頭を悩ますアナタ。 以下の「ウェブさえパック」はもうチェック済みですか? HPを作るのに必要なものがパッケージになってるお得なサービスです。 料金と事例を見てみる 【発表】最新のHP作成方法はこちらへ ホームページビルダーを無料でお探しのあなた。 ホームページビルダーといえば、これ↓ 「ジャストシステムのホームページビルダー」なら、こちらですぐにダウンロードできます。 しかし、焦らずちょっと待ってください。 web制作歴14年目の僕は、ジャストシステムのホームページビルダーをおすすめしません。 なぜなら、このJustSystemホームページビルダーには以下のようなデメリットがあるからです。 ダウンロードしてからインストールするのが面倒 レンタルサーバーも必要。そ

    ホームページビルダーを無料でお探しなら>ホームページ作成ツール19個
  • Googleアナリティクスのすごい使い方!バブルチャートで検索経由の売上を増やそう

    Googleアナリティクスの使い方で、バブルチャートというグラフを作成する機能があるのを知ってますか? バブルチャートを利用すると、自分のWebサイトにとって、最も売上に結びつきやすい検索キーワードを簡単に発掘し、効果的にSEOやリスティング広告に取り組むことができます。もしくは逆に、まったく売上に役立ってないキーワードを見つけることでサイトの改善へと繋げられます。 今回は、そんなバブルチャートの見方と作り方をGoogleアナリティクスの使い方と一緒に紹介します。カスタムレポートというデータの集計方法についても説明するので、Googleアナリティクスについて「もうちょっと突っ込んだ使い方を知りたい!」という人にも、ぜひ読んでもらいたいです。 著者情報:この記事を書いた人 ウェブさえ web業界14年目。フリーランスwebデザイナーとして活動後、法人化。今でも年間100件以上のウェブサイトの

    Googleアナリティクスのすごい使い方!バブルチャートで検索経由の売上を増やそう
  • 1