Bootstrapのグリッドシステムの使い方を初心者に向けておさらいする
実は、bootstrapの知識だけでは足りません（涙） 本気でweb制作を仕事にしたいなら、現場で通用する実践的なスキルを「短期集中」で身につけましょう。 【独学 vs スクール】メリットとデメリットを比べて、おすすめの学習方法もお伝えします。 続きはこちら Bootstrap、使ってますか？ 便利ですよね。その便利さを物語るように、本当にいろいろなサイトで利用されてます。 ネットで配布されてるWordPressのテーマやHTMLテンプレートのベースに使われていることも多いです。気づいてないうちに使ってしまっているひとも、たくさんいることでしょう。 今回は、便利なのだけど、使いこなすには少し理解が難しい「bootstrapのグリッドシステム」について解説します。bootstrapでレスポンシブデザインを作るとき、欠かせないテクニックです。 グリッドシステムは、頭で理解しようとせず、目で見て
スマホ対応のキモ。スマホサイトのナビゲーションメニューが悩ましい。
1500以上の会社、お店が利用中の月額無料HP制作サービス 「HPの制作を安心して任せられる業者が見つからない＞＜」 そんなふうに頭を悩ますアナタ。 以下の「ウェブさえパック」はもうチェック済みですか？ HPを作るのに必要なものがパッケージになってるお得なサービスです。 料金と事例を見てみる スマホサイトのナビゲーション。どーいう感じにしようか、いつも悩みます。 最近、よく見られるのは、こういう「ハンバーガーメニュー」。試しに、右上の「三」をクリックしてみると、
無料で30枚！スマホ対応HTMLテンプレート 初心者に優しいシングルページばかりを集めました
1500以上の会社、お店が利用中の月額無料HP制作サービス 「HPの制作を安心して任せられる業者が見つからない＞＜」 そんなふうに頭を悩ますアナタ。 以下の「ウェブさえパック」はもうチェック済みですか？ HPを作るのに必要なものがパッケージになってるお得なサービスです。 料金と事例を見てみる これっ！ 太っ腹すぎて降参です。 こんなにクオリティの高いHTMLテンプレートを無料で放出するなんて。僕にはできん！ と感嘆の声をあげながら、レスポンンシブでスマホ対応可能なシングルページばかりを集めました。 一枚のhtmlファイルをメインに構成されてるので、初心者でもソースを理解しやすく、Web系じゃないフリーランスやクリエイターのヒトもポートフォリオやプロフィールページの作成に活用できると思います。 ランディングページとして新商品やアプリのキャンペーンに利用してもいいかも。 ちなみにHTMLテンプ
誰でも簡単にフラットなアイコン画像を作れるiconion。しかも無料だなんて！
今回はサクッとアイコンフォントからアイコン画像を作れる『Iconion』というアプリを紹介します。最近よく見るフラットなアイコン画像を本当に簡単に作れるので超オススメです。 著者情報：この記事を書いた人 ウェブさえ web業界14年目。フリーランスwebデザイナーとして活動後、法人化。今でも年間100件以上のウェブサイトの企画・制作に関わっています。 ウェブさえにできること【お仕事のご相談＞サービスメニュー】 Follow @websae2012 これがアプリの起動画面です。アプリは下記のリンク先でダウンロードできます。Mac／win、どちらもありました。 Iconion : Free Icon Maker 1. アイコンを選びます 使い方は簡単。まず画像にしたいアイコンを選びます。選べるアイコンは下記のリンク先でwebフォントとして公開されているものから。今回は電話マークを選んでみました
【2022年版】一緒にGoogleアナリティクスの登録と設定をやってみよう
Googleアナリティクスとは？ 「登録／設定」が難しそう…… Googleアナリティクスは、Googleが無料で提供するアクセス解析用のサービスです。 「アクセス解析？」と聞き慣れない用語に首をかしげてはいませんか？ アクセス解析とは、サイトへのアクセスを分析することです。 Googleアナリティクスを使えば、単にアクセスを数えるだけでなく、サイトを訪れた人の様々な行動を分析できます。 分析結果からはサイトを改善するためのたくさんのヒントが得られるので、Googleアナリティクスはサイトオーナーにとって欠かせません。 でも、ちょっと登録から最初の設定がめんどくさいんですよね。 聞き慣れない用語を理解するところから始めなければいけないので、苦手意識が先に出てしまう初心者さんもいるでしょう。 そこで今回の記事が役立ちます。 今回の記事では、Googleアナリティクスの設定手順と基本的な使い方
これ超簡単![WordPress対応]XMLサイトマップ登録法
WordPressの「これが困った！」 WordPressで困っていることはありませんか？ サーバー移転／エラー解消／カスタマイズなど、WordPressの「これが困った」を解決します。 WordPressの便利屋 XMLサイトマップは、Webサイトやブログ内にあるページをいち早く検索にヒットさせるために使います。今日新作サイトを公開した人ならまず最初に行うべきSEO、はじめの一歩はXMLサイトマップの作成と登録です。「XMLサイトマップって何なの？」から始めて登録の手順をひとつひとつ説明します。WordPressのプラグインを使う場合と、その他のサイトやブログの場合、両方説明しますよ！ 目次 1.XMLサイトマップとは？ 2.WordPressでサイトマップを作成する 3.WordPressを使ってない人の場合 4.作成したサイトマップをGoogleウェブマスターツールで登録する 5.ま
![これ超簡単![WordPress対応]XMLサイトマップ登録法](https://cdn-ak-scissors.b.st-hatena.com/image/square/70f991b9dbe5eb91ff61ff6635166e397b06df0a/height=288;version=1;width=512/https%3A%2F%2Fwebsae.net%2Fwp-content%2Fuploads%2F2013%2F01%2Fsitemap_20130120.jpg)
無料のスマホサイト作成ツール5個｜スマホ対応ホームページの作り方
1500以上の会社、お店が利用中の月額無料HP制作サービス 「HPの制作を安心して任せられる業者が見つからない＞＜」 そんなふうに頭を悩ますアナタ。 以下の「ウェブさえパック」はもうチェック済みですか？ HPを作るのに必要なものがパッケージになってるお得なサービスです。 料金と事例を見てみる なぜ、スマホ未対応のホームページは時代遅れなの？ その答えは非常にシンプル。 なぜなら、今が「ほとんどの人がPCではなくスマホでホームページを見ている時代」だからです。 この数字が何を表しているかご存知でしょうか？ スマホ： 83.4% パソコン： 69.1% これは、「総務省」が発表した2019年のIT機器の世帯保有率です。（詳しいデータはこちら） なんと、パソコンよりスマホを持つ人のほうがはるかに多いんですね！ こんな世の中ですから、よりたくさんの人にホームページを見てもらいたいなら、スマホサイト
丸裸にしてやれ!ライバルサイトを5分で分析する方法と無料SEOツール
こんなこと気になりませんか？ 「自分以外のサイトがどうやって検索結果上位表示に成功しているのか？ネットで儲けているのか？」 今回はそれを知るための方法とSEOツールを紹介します！ ネット上は激戦です。でも、勝ち目がないところでの勝負を避け、弱点だけを攻められれば勝利は間違いありません。ライバルサイトが何を武器にし持ち、どこが弱点なのか、ライバルサイトを丸裸にしてやりましょう！！！ その手順は以下の通りです。ツールの使い方も含めて説明します。 著者情報：この記事を書いた人 ウェブさえ web業界14年目。フリーランスwebデザイナーとして活動後、法人化。今でも年間100件以上のウェブサイトの企画・制作に関わっています。 ウェブさえにできること【お仕事のご相談＞サービスメニュー】 💬 𝕏（twitter）はよくフリーランスの人たちにフォローされてるようです。 Follow @websae2
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
