メインカテゴリーを選択しなおす
Webデザイン初心者がprogateのHTML&CCS初級編をやってみた感想【Webデザイナー入門日記#1】
こんにちは、星ノ宮です! 皆さんはprogateというサイトをご存じですか? 私はつい最近まで知らなかったのですが、どうやら無料でWebデザインのコーティングについて学べるなんとも素晴らしい代物らしく、 「こりゃあやるっきゃねえ!」 と意気
【初心者向け】CSSのbackgroundプロパティの基本backgroundは、CSSのプロパティであり、要素の背景に関連する設定を行います。Webデザインにおいて、背景の設定は非常に重要な役割を担っています。その中でもCSSプロパティの
display:flex; フレックスボックスを使ったWebデザインの基本
フレックスボックス(display: flex;)は、Webデザインにおいて広く用いられているレイアウト方式です。極めて自由度が高く、様々なレイアウトを実現できるため、多くのデザイナーにとってなくてはならない技術の一つと言えます。しかし、初
「DOM」という言葉を聞いたことのあるWEBエンジニアの方も多いはずです。それは、DOMがウェブの動的なコンテンツを生成する上で非常に重要な役割を担っているからです。しかし、初心者の方にとっては、「DOM」という言葉だけでも、かなり意味不明
【HTML】「mailto:」とは?起動しない時の対処法や注意点も解説!
WEBサイト上に、クリックするだけでメールを送信する機能をつけたい場合「mailto:」を使う方法があります。
HTMLの始め方と書き方について説明します。 HTMLはテキストエディタがあれば誰でもすぐに書き始めることができます。 書き方を覚えて自分だけのWebページを作成してみましょう!
【HTML】段落を表すpタグの使い方のご紹介!改行を作るbrタグとの違いも解説!
HTMLで、段落を表すには、pタグを使います。 pタグは、文章に段落を作成する事が出来るので文章を読みやすくし
【HTML】全てのタグの意味、使い方を覚える必要はあるのか?現役WEBコーダーが考えてみた。
HTMLを勉強し始めの頃は、謎の文字列が沢山並んでいる画面を見る事になるので、目がチカチカする方もいらっしゃる
【HTML】言語指定に使うlang属性とは?必要性や各国の一覧もご紹介!
サイトの主要の言語を指定する際に使う、lang属性。 今回は、どうやって指定するのか、そもそも指定する必要性が
【HTML】ページのタイトルを設定する時に!titleタグの使い方のご紹介!SEOの視点から解説も!
WEBサイトで、ページのタイトルを指定するには、HTMLタグのtitleタグを使用します。 こちらで指定した文
【HTML・CSS】ツールチップを表示したい時の指定方法のご紹介!改行を無くしたい場合の対処法も!
対象にカーソルやマウスポインターを合わせると表示される事がある「ツールチップ(ツールヒント)」。 リンク等に補
【HTML】略語を表す時に使用!abbrタグの使い方のご紹介!サンプル付き!
会話や、WEBサイト上で、たまに使う機会がある「略語」。 例えば、「RT」と言われて何を連想しますか?一般的に
【HTML】ふりがな(ルビ)を振りたい時に!rubyタグの使い方のご紹介!サンプル付き!
普段、WEBサイトや本を読んでいるとたまに遭遇する、読み方がよくわからない文字列。 そんな時に役に立つのが「ふ
【HTML】上付き、下付き文字を付ける時に!supタグ、subタグの使い方のご紹介!サンプル付き!
「上付き文字」「下付き文字」と聞いただけでは、何の文字のことを指しているのかピンと来ない方もいらっしゃるかもし
【サンプルあり】強調したい時に!HTMLのemタグ、strongタグの使い方のご紹介!
文中の特定の箇所を強調したいというシーンありますよね? そんな時、HTMLでは、emタグやstrongタグを使
【HTML・CSS】おすすめ参考書のご紹介(初心者〜上級者向けまで)!本の選び方、正しい使い方も解説!
コロナウイルスの流行がきっかけで、家で過ごす時間が増えて、一層注目されるようになったWEB制作。 WEB制作の
wordpressブログ記事投稿での引用の書き方を紹介します。
wordpuressブログ引用はblockquoteコードで正しく引用しよう。記載方法などを詳しく解説。
CSSで画像を重ねて表示,【position:relative】と【position:absolute】を使うと可能です。文字の重ねも出来ました。
「position:relative」と「position:absolute」を使うとCSSで画像と画像を重ねたり、画像と文字を重ねたりするのが、簡単に出来きます。この方法を覚えると、いちいち画像加工して重ねた画像を作って反映させる必要がな
【サンプルコードあり】HTML・CSS ボタン作成1サイトに数種類のbuttonをコーディングする時の簡単なやり方。
HTML・CSSコーディングの時。いろんなボタンがあるが多くのサイトは、1サイトで数パターンのボタンが必要になる場合が多い。そんな場合は、まず基本のボタンを1つ作成して、そのボタンを基本にして作っていくようにしてます。例えば、下記のボタン。
wordpressブログはh1など見出しタグの意味や使い方を覚えて、適切に使用すると効果的です。上手に使ってseo対策につなげましょう。
主な言語コードの一覧表 lang属性(グローバル属性)、hreflang属性、srclang属性で使用する言語コード(言語タグ)の一覧です。 言語名 言語コード 日本語 ja 英語 en アメリカ英語 en-US イギリス英語 en-GB 中国語 zh 韓国語 ko ドイツ語 de フランス語 fr ...
html/cssタグを用いた段落や改行、インデントの方法を解説。
html/cssで段落や改行、字下げを制御してwordpressブログをアップデートする方法を解説します。
<html></html> html要素は、HTML文書の最上位に 位置する要素(ルート要素)です。この要素は、DOCTYPE宣言のすぐ後に配置します。 <!DOCTYPE html> <html> <head>文書情報</head> <body>文書のコンテンツ</body> </html> html要素にlang属性やdir属性を追加することで、 文書全体の言語や書字方向を指定することもできます。html要...
WEBフォントについてCSSを使用してfont-familyプロパティで指定するフォントは、デバイスにインストールされていなければ表示されない。複数指定することで問題は解決できますが、WEBフォントを使用することでも解決できる。WEBフォン
CSSとは、Webページの見た目を指定するための言語のこと。HTML要素の色や大きさ、背景色、位置などを、整えたり装飾したりします。
パスには、絶対パスと相対パスの2種類があります。どのファイルがどこのフォルダに保存されているか、という道筋を記述したもののことです。
HTMLを勉強してホームページを作ってみよう(3) 勉強記録 HTML画面入力編
参考書を使用してHTMLの勉強を始めた主の勉強記録でございます。今からHTMLが 全く 解らない方が、勉強をされようとお考えの方々の参考になればと執筆を開始しました。 第3章に入っています。この本の紹介を続けていますが、事細かにまでは、紹介が出来ないのでザックリとHTML初心者目...
HTMLを勉強してホームページを作ってみよう(2) 勉強記録 ホームページを作る準備編
この記事は、とある参考書を使用してHTMLの勉強を始めた主の勉強記録でございます。今からHTMLの勉強をされようとお考えの方々の参考になればと執筆を開始しました。 HTMLを習得してブログに活かせるようになりたいこの頃です。 こちらの本を使って勉強をしています。 できるホーム...
HTMLの勉強を始めたいと思います。 また、私の甘い考え方からの発想ですが少しでもいいから副業なんて出来ないかな?と思っての事です。 全くの無知からのスタートです。何から始めたらよいかも解らず… 取り合えず、本を読む事から始めたいと思います。で、買ったのがこちらの本です。 中...
カレーも3日目になると飽きたと言われそうなので、カレードリアにリメイクしました。 こちらはご飯たっぷりのドリアなので全然低糖質ではないです。 次女用に作った普通のルーのカレーをご飯にかけてチーズ乗せて焼いただけですが、子供達はこれが大好き。
jQueryでクリック操作を検知して、イベント処理を実行する方法について解説していきます。click()とon()の違いやクリックイベントが効かない時の対処方法についても紹介していきます。
【HTML/CSS】jQuery UI Sortableを利用してフッターに伸縮バックパックを常に表示
フッターにバックパックを常に表示させるCSSのテクニックについて解説していきます。jQuery UIのSortableを利用することで要素を自在に移動させたりバックパックに出し入れしたりすることが可能となるので、Webアプリ開発に活用できるテクニックとなります。
【コーディングできないとだめ?】Webデザイナーがコーディングができたほうが絶対良い5つの理由
今回はWebデザイナーになりたいと思っている人に質問された「プログラミングやコーディングはできたほうが将来に役立ちますか?」という質問をベースにWebデザイナーはコーディングできたほうが絶対良い!という理由を5つにまとめました。コーディングが苦手っていう人にも読んでいただけるとコーディングの重要性も伝わるんではないでしょうか?ぜひ参考にしてもらえれば嬉しいです。
フッターをブラウザの一番下に固定で表示させるCSSのテクニックについて紹介します。2段のセクションに分けてそれぞれの高さを指定するだけのシンプルなテクニックです。
【失敗しない!】Webデザイナーにおすすめのプログラミングスクール徹底比較【HTML/CSS/JavaScriptなど】
こんにちは!グラフィックデザイナーから独学でWebデザイナーに転身したずぼらなオッターです。Webデザイナーならプログラミングができて、コーディングができたほうが絶対に良い!と僕はいつも話しています。しかし、実際には独学ではなかなか理解できない、書けるようにならない!という人も多いので今回はWebデザイナーの僕がWebデザイナーにおすすめのプログラミングスクールをご紹介します。
What)予約待ちしないでシャクッと借りられたのがこの2冊。 Why)脳内のhtml概念が前世紀の内容なので、更新したい!…ということで去年読んだ。 How)いきなり買わずに、自分にあった本に出会えるよう、図書館で内容を確認するのがいいですね。 たった1日で基本が身に付く! HTML&CSS 超入門 作者:WINGSプロジェクト,宮本 麻矢 技術評論社 Amazon 私みたいに古いのしか知らない人間が読むと、 「あ〜、今ってそうなんだ」 と、21世紀がどうなっているのかがわかります(笑)。 サラッと見て雰囲気を掴むのに使いました。ペラペラめくると、なんとなく更新すべき知識のイメージがとらえられ…
JavaScriptでRPGを作ろう!4つのおすすめライブラリとマップツールを紹介
「JavaScriptでRPGを作ろう!」の第一弾!本記事では4つのおすすめライブラリとマップツールのTiled Map Editorの入出先についてまとめました。この記事を見てオリジナルのRPG作りのための環境を整えましょう!
JavaScriptでRPGを作ろう!自作したマップをブラウザに表示しよう!
「JavaScriptでRPGを作ろう!」の第三弾!少ないコードでここまで動く。自作したマップをHTMLで読み込む所から、p5.js、p5.tiledmapライブラリを利用してブラウザに表示するまでを解説。
JavaScriptでRPGを作ろう!主人公のアニメーションとマップスクロールを解説
「JavaScriptでRPGを作ろう!」の第四弾!主人公が上下左右にアニメーションしながらマップをスクロールするところまでを解説。ここまでJavaScriptのステップ数129行です。たったこれだけで動くんです!
JavaScriptでRPGを作ろう!自由に歩き回るNPCも登場
「JavaScriptでRPGを作ろう!」の第五弾!自由に歩き回るNPCが登場するところまでを解説。村の雰囲気に生活感が漂ってきます。