1件〜71件
Webデザインの新しい教科書 改訂新版 基礎から覚える、深く理解できる。[ こもりまさあき ]
What)HTML5 Why)HTML無印世代のため… How)これが現代版ですぞー。 Lesson 1 Webデザインの世界を知る Lesson 2 Webサイトを設計する Lesson 3 HTMLの役割とできること Lesson 4 CSSの役割とできること Lesson 5 Webサイトを構成する素材 Lesson 6 Webサイトを表現する色 Lesson 7 Webサイトを公開する Lesson 8 Webサイトを運用する Lesson 9 Webサイトを制作する 知識更新のつもりで読むとgood はじめましての人から対応している、という触れ込みです。 知識更新のつもりで読んで、ち…
サイトマップって何なんでしょう……有ると皆が嬉しいらしいのですけれど……。
どうもー!コミックバンド闇鍋の丼でございます!!第51回でございます!まぁた懲りずにブログの設定で頭を抱えていたという話!今日は朝からずっと【サイトマップ】に思いを馳せておりました。え?何のことかって??いやあ、ブログとかホームページ的なものを運営するのに
お疲れ様です。 HTMLビューではなく、作成ビューにするとタグで文を書かなくて良い事実を今知ったヤハタルでおます。 今日は水道料金の支払いを口座引き落としにすべく、仕事終わりに果敢に信金に向かいました。 それはそれは果敢です。 水道料金の領収証を持って果敢にです。 受付票は29...
WordPressでおみくじを作る【HTML・JavaScript】
この記事は、Webページでおみくじを作る方法を紹介しています。HTMLとJavaScriptはコピーOKで解説付きです。この記事を読めば、自分のサイトで中身を変えたり確率を変えたりして遊びながらプログラミングの勉強することができます。
【Cocoon】5分でできる!高速化おすすめ設定3つ★プラグイン不要!
WordPressテーマ【Cocoon】プラグインなしですぐにできる高速化設定3つを紹介しています。Lazy LoadやHTML,CSS,JavaScriptの縮小化など。読み込みを高速化してSEOに強いサイトにしよう!
こんにちはです。あっちのそららです。今回は新しいチャレンジ!HTMLとCSS(ウェブ制作などで使う言語)で、団子のイラストを描いてみました。 基本構造 団子を「丸」「丸」「丸」「串」の4パーツに分けると仮定。4列のグリッドレイアウトを作り、それぞれのグリッド内にパーツを入れます。そしてグリッドごと回転させれば、団子のベースが完成。あとは、作りたい団子の種類に合わせて、色を変えたり、影や模様を加えていきます。このやり方だと、各パーツのサイズや位置は、グリッドが基準となるので、楽に調整できます。無茶な数値にしなければ、デザイン崩れもあまり起こらないかと思います。以下、作った団子をコード付きで紹介!…
【jQuery】ぬるっとスクロールさせたい!スムーススクロールの実装
【jQuery】ぬるっとスクロールさせたい!動きのあるウェブページにかかせない、スムーススクロールを実装しよう。
【jQuery】もはや常識?!ページトップボタンを実装しよう!
【jQuery】よく見かける「ページトップボタン」。ボタンの作り方からjQueryのコードの詳細まで徹底解説します。
CodePenでjQueryの使い方が分からない方は、この記事を参考にしてください。Font Awesomeを使いたい場合は、こちらの記事をご覧ください。CodePenでjQueryの設定をする設定はとても簡単です!「JS」の歯車マーク(
【HTML/CSS】filterプロパティで画像にフィルターをかけよう
【HTML/CSS】Photoshopいらず!filterプロパティを使って、簡単に画像にフィルターをかけよう
【jQuery】上手に隠してデザインすっきり!ドロップダウンメニューを実装しよう
【jQuery】上手に隠してデザインすっきり!マウスが乗ると現れる、ドロップダウンメニューを実装しよう
【jQuery】上手に隠してデザインすっきり!アコーディオンメニューを実装しよう
【jQuery】上手に隠してデザインすっきり!クリックすると現れるアコーディオンメニューを実装しよう
HTMLとは?タグの概念やコードの書き方が簡単にわかる!|Udemy メディア
https://udemy.benesse.co.jp/design/web-design/what-is-html.h
はじめまして!理系大学生のオクラです。 今日でブログを始めて1週間が経ちました。 きりがいいのでここでこれまでの1週間を振り返っていこうと思います。 これからブログ始めようと考えている人はちょっと参考になるかも? 目次 1日目 2日目 3日目 4日目 5日目 6日目 7日目 1日目 初投稿の記事はこちらになります。 okura222.hatenablog.com そもそもこのブログを始めたきっかけはスターデューバレーというゲームでした。 modを入れる際に色々ブログ見たんですけど直近の記事が無くて所々参考にならないことがあったので、どうせなら自分で書いちゃおうということで始めました。 初めての…
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が登場するところまでを解説。村の雰囲気に生活感が漂ってきます。
JavaScriptでRPGを作ろう!壁やキャラクタへの衝突判定
「JavaScriptでRPGを作ろう!」の第六弾!壁にぶつかるキャラクタにぶつかる!衝突の実装について解説します。
(adsbygoogle = window.adsbygoogle || []).push({}); ブログの文章にHTMLコードのみでかわいい背景を簡単に設定する方法。 文章(ブログ)を書く上で、読みやすさや文字の強調などを考え装飾文章を作成したいと思いますよね! 読む側からしたら読みやすい、見やすい文章の方が最後まで読んでくれる事が多いです。 また他人のブログより目立つブログにしたい!カッコ良く装飾してみたい!って思った事があると思います。 そこで、誰でも簡単に文字の背景にかわいらし装飾を設定できるHTMLコードを紹介したいと思います。 HTMLのみでドット柄背景【コピペOK】 <div …
(adsbygoogle = window.adsbygoogle || []).push({}); ブログの文章にHTMLコードのみで囲み線や枠線を簡単に設定する方法 。 文章(ブログ)を書く上で、読みやすさや文字の強調などを考え装飾文章を作成したいと思いますよね! 読む側からしたら読みやすい、見やすい文章の方が最後まで読んでくれる事が多いです。 また他人のブログなどを見て、このブログ読みやすい!カッコイイ!って感じると最後まで読んでしまうものです。 そこで、HTMLコードのみで誰でも簡単に装飾できる囲み線・枠線を紹介したいと思います。 囲み線HTMLコード【コピペOK】 <div styl…
誰でも簡単!HTMLコードだけで文字に蛍光アンダーラインを設定する方法
ブログの文章にHTMLのコードのみで蛍光アンダーラインを簡単に引く方法 蛍光ラインHTMLコード【コピペOK】 <span style="background: linear-gradient(transparent 50%, #ff99cc 0%);"> 文字半分にピンクのマーカー</span> アンダーラインを引きたい文章の場所に上記HTMLコードを設置する。 文字半分にピンクのマーカーと書いてある部分に蛍光アンダーラインを引きたい文章を記述する。 ライン色を変えたい場合は、#ff99cc(ピンク)を他の色コードに変更すだけでライン色も変えられる。 緑色のコード(#00ff00)に変えた設…
誰でも簡単!HTMLコードだけで点滅文字や動く文字を設定する方法
ブログの文章にHTMLコードのみで点滅文字や動く文字を設定する方法 文章(ブログ)を書く上で、読みやすさや文字の強調などを考え装飾文章を作成したいと思いますよね! 読む側からしたら読みやすい、見やすい、気になる文章の方が最後まで読んでくれる事が多いです。 また他人のブログなどを見て、このブログ読みやすい!カッコイイ!何これ!って感じると最後まで読んでしまうものです。 そこで、点滅文字や動く文字を使ってアピール文字を誰でも簡単に設定できるHTMLコードを紹介したいと思います。 点滅文字のHTML設定 HTMLコードで文字点滅【コピペOK】 <MARQUEE SCROLLDELAY="500" S…
誰でも簡単!HTMLコードだけでフォントサイズや文字色を設定変更する方法
ブログの文章にHTMLのみでフォントサイズや文字色を簡単に設定変更する方法 文章(ブログ)を書く上で、読みやすさや文字の強調などを考え装飾文章を作成したいと思いますよね! 読む側からしたら読みやすい、見やすい文章の方が最後まで読んでくれる事が多いです。また他人のブログなどを見て、このブログ読みやすいと感じると最後まで読んでしまうものです。 そこで、文字サイズや色の変更を誰でも簡単に装飾できるHTMLコードを紹介したいと思います。 フォントサイズのHTML設定 フォント変更HTMLコード【コピペOK】 <divstyle="color:black; font-size:10pt;">テキスト</…
display:flex;で横並びにした要素を中央と右寄せで配置する方法
文字列とボタンを横並びにして、なおかつ文字列は中央寄せ、ボタンは右寄せにする方法。両方の要素が中央に寄ってしま
translateXを使うと、IEで横スクロールバーが表示されてしまう問題
IEがついにサポート終了ということでその界隈は賑わってますね。 https://blogs.windows.c
こんにちは、maiです。 育児休業中に独学でWEB制作の勉強を始め、 WEB制作会社の下請けコーダーとしてお仕
【YouTube】ショート動画の埋め込みコード【Shorts】
Keitan Tube公式ブログ「KEITAN TUBE LOG」です。 Youtube連動ブログです。
見出しをFont Awesome 6を使ってカスタムしてみました。
ボクの記事を読んでいただき☆を付けてくださった方のブログを見に行ったら皆さんとても魅力的なブログを書いてらっしゃったので、HTML、CSSが全くわからないボクでもどれくらいカスタマイズできるかチャレンジしてみました。 ※ボクは元システムエンジニアですが、Webデザインに関しては全くの素人なので右も左もわからない状態でのチャレンジです! 参考にしたブログ Font Awesome設定 Font Awesome の登録 Font Awesome の Kitコードの取得 見出しをカスタム 見出しのアイコンを変える アイコンを変えるコードを取得 参考にしたブログ まずは見出しのカスタマイズをしてみまし…
初心者が初心者の方向けにHTMLについてまとめてみました。 要素の一覧も載せていますので、これからプログラミングを始める方、 参考にしていただければ幸いです。
VSCodeで使えるHTMLの拡張機能おすすめ5選【HTML編】
結論から言うと、VSCodeの拡張機能を使えばHTMLを楽にコーディングすることができます。拡張機能の役割は、自分のコーディングをサポートしてくれるというものです。仕事の効率化、強化を図ってくれます。
Wordpressのテーマはおしゃれなものが多いですよね。その中でも、作業工程などを説明する際に便利なstep1, step2...と垂直方向に表示されるアレ。憧れます。今回は、できる限りタグを少なく、簡単に垂直ステップデザインを実装する方法を紹介します。
プログラミングに苦手意識がある人や初心者でも読みやすい入門書10冊をまとめました。児童書、新書、ExcelVBA、HTML、CSS、JavaScript、アルゴリズムパズルなど。
【blogger QOOQ】吹き出しをhtmlとCSSを使って設定してみた
bloggerのQOOQでhtmlとcssを使って設定。初心者が吹き出し設定で2点つまづいたところと解決方法。htmlとcssを使った吹き出し設定の仕方
【コピペOK】CSSで作る見出しのデザインパターン16選をご紹介
WEBサイトの見出しに使われるデザインのパータン16選をご紹介しています。今回ご紹介する見出しデザインは全てCSSで実装が可能なので、コピペをして使用してもらって問題ありません。見出しのデザインでお悩みの方は是非一度ご覧下さい!
HTMLのみでアイコン表示・拡大・色変えができる簡単コード紹介
HTMLのみでアイコンを表示したり拡大したり色を変えてブログなどに貼り付ける簡単な方法。 ブログを書く上で、ちょっとした飾りにアイコンなどを作成して貼り付けてみたくないですか! ちょっとした飾りで文章に合うアイコンを使うだけでインパクトがあり読む側に記憶として残りやすいです。 そこで、アイコンの表示や拡大、色を変更したHTMLコードを紹介したいと思います。 コードの簡単説明 bloggerアイコンを使った変更例 アイコンの大きさを変えるコード アイコンの色を変更するコード appleアイコンを使った変更例 アイコンの大きさを変えるコード アイコンの色を変更するコード </>アイコンHTMLコー…
Google Tag Managerを使って、AMP対応サイトでアナリティクスを使用できるようにする
amp-analyticsタグを使ったAMP環境化でのGoogleアナリティクスの実装について、同じ穴に陥まる人が1人でも減るように残しておきます。HTML ≒ AMPだと思っていましたが、HTML ≠ AMPだということを思い知らされました。
スクールに通う前に試したい月額1500円以下でWEBデザインを学べるサービス【未経験からWEBデザイナー】
「WEBデザイナーになるにはどうすればいいの?」「とりあえずスクールに行っとけばいいの?」 そう考える方も多いと思います。ですがいきなり大金を払ってスクールに通うのはおすすめしません。
春の足跡 朝の光の中で コロナがなかなか治まらないし毎朝の散歩がただ一つの日課その散歩路で梅が開いた もう80年の使った電池(あたま)を今更と思うけど結果がどうなるかただいま充電中です。 QR
HTMLの基礎を解説!まずはここから初めてみよう【HTML編】
HTMLを初めて聞く人、これからHTMLを勉強していく人向けに解説していきます。HTML(えいちてぃーえむえる)とは、コンテンツの構造を定義するマークアップ言語です。
web制作を学ぶためにデイトラweb制作コースを受講しました。受講するか迷っている方へ向けて、実際に受講して感じたことや体験談などレビューしていきます。
JavaScriptでイベントをキャンセルする方法!子要素から親要素へのonClickイベント伝搬をストップ
HTMLでは、クリックなどのイベントが発生した時に、発生した要素だけでなくその親要素にイベントが伝搬していくようです。イベントが発生した要素から親要素へとどんどん伝播していくことを、バブリング(Bubbling)とか言うみたいですね。いや、
【blogger初心者】Googleスプレッドシートで表(テーブル)を作成する、さらにVSコードでテンプレート化
【blogger初心者】Googleスプレッドシートで表(テーブル)を作成する、さらにVSコードでテンプレ化
【blogger初心者】『Materiapollo』のナビゲーションメニューとハンバーガーメニューをカスタマイズする方法
【blogger初心者】『Materiapollo』のナビゲーションメニューとハンバーガーメニューをカスタマイズ
【blogger初心者】『Materiapollo』のCSSを編集して『見出し』をカスタマイズする方法
【blogger初心者】『Materiapollo』のCSSを編集して『見出し』をカスタマイズする方法
1件〜71件