CSSで要素を横並びにする方法(floatとdisplayの使い方を解説)
「要素を横並びに配置したいんだけど、レイアウトが崩れてしまう。」 「floatだけだと、使い勝手が悪い。他に横並びの方法はないのだろうか。」 Webデザインを学んでいると、要素を横並びにする場面が出てきます。特に、spa…
HTML・CSS
HTML・CSS
HTML・CSS
HTML・CSS
【CSS】positionプロパティを使いこなす！relative・abosolute・fixedの使い方
「CSSのpositionってどう使っていいかわからない。」 「スマホで見たときにレイアウトが崩れていた。正直、CSSのpositionは使いづらい」 これは始めたばかりの人にとっては自然な印象です。どのサイトにも、「使…
HTML・CSS
【HTMLでの改行】正しい改行コードの使い方【brタグ以外も】
「brタグ(改行で使用するタグ)で改行したけど、スマホで見た時に、文章がバラバラになったけど、上手い解決はないの？」 「brタグってあまり使わない方がいいって聞いたけど、本当? でも、そうなら、どうしたら改行できるの?」…
HTML・CSS
【HTML】コメントアウトの書き方！注意点や便利な使い方も紹介
「コメントアウトって意味あるの? 単なるメモでしょ。」 「コメントアウト」ってどんなときに使うの？ これらは、HTMLのコードを書き始めた人が必ず感じる疑問の一つです。コメントを残すことを「個人的なメモ書き」程度に認識し…
プログラミング
【初心者向け】Unityのダウンロード・インストールの手順をわかりやすく解説
京都でwebエンジニアをやってるassaと申します。 昨今いろいろなゲームが簡単に無料で遊べるようにになり、自分もゲームを作ってみたいと感じる場面が多くなっているではないでしょうか? でも、ゲームを作りたいが何をしていい…
WordPress
WordPressならこれが安心！おすすめのレンタルサーバーと選ぶ際のポイント
WordPressについて色々と調べている方にとってレンタルサーバーをどこの会社にすればいいかというのはとても大切な選択です。 自分でWebサイトを持ってみたい！ はてなブログとかAmebaブログからWordPressで…
HTML・CSS
【HTMLでリンクを作る】アンカータグ(aタグ)の使い方を解説！CSSでのデザイン変更も
リンクは、サイトのいろいろなところで使われています。日本で最も有名な「Yahoo Japan」のサイトは、リンクだらけです。それ以外にもバナー広告など挙げればキリがないですね。 これを作るのが「アンカータグ(aタグ)」…
マーケティング
無料LP（ランディングページ）作成サービス比較｜作成方法と注意点の紹介
LPを作成したいが、予算がないと悩んだことがある方は多いのではないでしょうか？ 今回は、LPを無料で作れるツールをおすすめ順に紹介していきます。初心者でも簡単に作成できるのでこれを機にぜひ挑戦してみてください。 LPを無…
HTML・CSS
【HTML】imgタグの使い方と意味を解説【CSSでの画像の配置の仕方も】
「正しくパスを書いたのに画像が表示されない」 「画像の配置をどう調整すればいいの」 そう思ったあなたにぜひ見てもらいたい記事です。 画像のない文章はつまらないので、Webサイトの制作ではHTML上で「imgタグ」を頻繁に…
Webサービス・アプリ
最近話題になったイケてるWebサービス・アプリ11選（2018年7月編）
7月もさまざまなサービス＆アプリがリリースされました。 今回もそんな中から話題になったり、気になったサービスを取り上げました！ ピックアップしてみてわかりましたが、今月は個人サービスが多い印象でした。 いくつかのサービス…
広告
クローズドASPとは？メリットとおすすめの会社10個を経験談から紹介
クローズドASPという言葉を聞いたことがあるでしょうか？アフィリエイトをやったことのある人でも知らない人もいるのではないでしょうか？ それもそのはず、情報をオープンにしていないからこそのサービスなので知る人ぞ知るサービス…
Webサービス・アプリ
最近話題になったイケてるWebサービス・アプリ14選（2018年6月編）
2018年も半分が終わりましたね！ ６月はワールドカップの開催もあって盛り上がっていた月でした。 そして、大きな話題を呼んだサービスも多かったですね。 さて、2018年６月に話題になったイケてるWebサービス・アプリを紹…
ガジェット
おしゃれでデザイン性抜群！MacBook Pro 15 / 13インチのおすすめケース15選
MacBook Proを持ち運ぶ際、本体を保護できるケースは故障や傷から守ってくれる心強い味方です。 しかし、一方では「Mac特有のデザイン性や質感が損なわれてしまうのが嫌」、「職場で目立ちすぎてしまう」といった理由でケ…
Wifi・インターネット回線
夜でも速いプロバイダはどこ？遅い原因と改善方法も紹介
インターネットを利用していて1番困ること、イライラすることなんでしょうか？ それは「速度が遅い！」ことではないでしょうか？ youtubeを見ていても途中で止まる、ダウンロードしたいファイルがなかなか完了しない、オンライ…
Webサービス・アプリ
最近話題になったイケてるWebサービス・アプリ13選（2018年5月編）
こんにちは！ 5月もさまざまなサービスが発表&リリースされ盛り上がりをみせていました。 最近の特徴としては、一時期にくらべて、アプリよりもWebサービスの割合が増えている印象です。 今回から、一部のサービスにお…
デザイン
Webデザインの参考に！おすすめのギャラリーサイト・リンク集まとめ
※この記事は、2013年1月30日に公開された記事を再編集したものです。 何かで立ち止まったり、行き詰まったりした時は「驚き」や「新しいアイデア」を得た時に、急に閃いて解決することがあります。 今回は、Webデザイナーで…
デザイン
デザインに役立つ！黄金比や白銀比の比率を計算してくれる5つのツール
※この記事は、2015年4月15日に公開された記事を再編集したものです。 世の中には、物事を美しく魅せるための「比率」が存在します。 建築や、Webデザイン、通常のデザインなど「なんだか綺麗」と思わせなけらばいけない場面…
Webサービス・アプリ
最近話題になったイケてるWebサービス・アプリ11選（2018年4月編）
2018年も3分の1が終わり、新生活を迎えた人も多いのではないでしょうか。 今月も、話題になったサービスやアプリを紹介します。 4月はユニークな個人サービスが多めでした！ どれも話題になったサービスばかりなので、改めて振…
デザイン
【illustrator初心者必見！】クリッピングマスクの解説
① クリッピングマスクとは クリッピングマスクとは、オブジェクト（画像）内の任意の箇所を限定的に見せる方法です。例えば、正方形の図形を星形でクリッピングマスクします。すると、もとの■を☆でくり抜いたように編集され「★の形…
広告
Twitter広告「オートプロモート」でフォロワーを獲得！設定方法、メリット・デメリット紹介
皆さんは、日頃Twitterを利用していく中で、このような悩みをお持ちではないでしょうか？ 「Twitterのフォロワーを手軽に獲得したい」 「Twitter広告を利用してみたいが、運用がめんどくさい」 上記のようなお悩…
