Hatena Blog Tags
はてなブログ トップ
WEBサイト作成
このタグでブログを書く
言葉の解説
ネットで話題
関連ブログ

WEBサイト作成

このタグの解説についてこの解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。
ソースコードを追いかけて•2ヶ月前

keyframesでアニメーションを設定する［記法］【CSS】【keyframes】

/*動画学習アウトプットです*/ ご参考程度に楽しんでいただければと思います♪ https://www.udemy.com*Udemy講座より ◆キーフレーム 基本的に0%〜100%のアニメーションの状態を記述する ［記法］ @keyframes アニメーションの名前 { 0% { 0%の時の内容 } 100% { 100%の時の内容 }} ☆50%など途中の動きも細かく設定できる 例）@keyframes kf-sampleanim { 0% { transform: scale(0); } 50% { transform: scale(2); } 100% { transform: sca…

#プログラミング学習#CSS#animation#keyframes#WEBサイト作成

ネットで話題

もっと見る
989ブックマーク素人でも簡単に一流のホームページが作れる無料Webサイト作成サービス7選＋α - Life is colourful.lifeiscolourful.hatenablog.com
948ブックマークwebサイト作成時にサイトカラーを決められない人の為のwebサービスいくつか*ホームページを作る人のネタ帳e0166nt.com
397ブックマーク【特集】業務で使える！ 無料Webサイト作成ツール集（1/3） － ＠IT上記ツールの詳細や、ほかのさまざまな無料Webサイト作成ツールについて知りたい読者は本稿に併せて、連載「どこまでできる？ 無料ツールでWebサイト作成」もぜひご参照ください。 Webサイト開発はテキストエディタだけで行えるのか？ ■ 今後もWebサイト開発にHTMLコーディングは必要なのか？ Web標準にのっとった制作、...atmarkit.itmedia.co.jp
373ブックマークWEBサイト作成者に超オススメ！たった500円でプロのアドバイスが買える「ココナラ」の費用対効果がすごい！ | お土産屋さんブログblog.omiyageya-san.com
235ブックマーク迫力あるWEBサイト作成に使えそうな煙やスプラッターブラシのまとめ:phpspot開発日誌迫力あるWEBサイト作成に使えそうな煙やスプラッターブラシのまとめ。 濫用するとグチャグチャしてしまうかもしれませんが、うまく使えば迫力あるWEBサイトに仕上げられるかもしれないブラシ集です。 スモークブラシ 様々な形状の煙のブラシ 21 Awesome Smoke Brushes | Qbrushes - Photoshop Brushes ２１種類のリアル...phpspot.org
154ブックマークGoogle、マテリアルデザインWebサイト作成キットを無償公開www.itmedia.co.jp
149ブックマーク私がよく使っているWebサイト作成に役立つブックマークレットweboook.blog22.fc2.com
95ブックマークコンポーネント満載のスマフォ向けWEBサイト作成フレームワーク「ChocolateChip-UI」:phpspot開発日誌コンポーネント満載のスマフォ向けWEBサイト作成フレームワーク「ChocolateChip-UI」 2011年04月06日- ChocolateChip-UI コンポーネント満載のスマフォ向けWEBサイト作成フレームワーク「ChocolateChip-UI」 ダウンロードしたサンプルにはかなりの量のiOSアプリ風のUIが含まれていて、これスマフォサイト用のインタフェ...phpspot.org
90ブックマークWebサイト作成の流れを変えるか？·LTSun-Engine MOONGIFTwww.moongift.jp

関連ブログ

ソースコードを追いかけて•2ヶ月前

mixinでanimationの詳細を管理【sass記法】【CSS】【アウトプット】

/*動画学習アウトプットです*/ ご参考程度に楽しんでいただければと思います♪ https://www.udemy.com*Udemy講座より mixinの使い方について動画学習からメモです。 ☆Sassの機能mixinを使ってanimationの詳細を関数化 ◆mixin演算子 sassファイルの中で使える。【注！】CSSファイルでは使えない ［記法］ ☆定義 @mixin 呼び出すための名前(引数) { 内容} 例）@mixin animation() { } * 「animation」はmixinを呼び出すための名前・関数のように定義できる・引数にデフォルト値を設けることができる ☆mi…

#プログラミング学習#CSS#animation#Sass
1人店舗を開業しよう•1年前

自店のWebサイトを作ろう

お店を始める際に自店のサイトを作るのは当たり前だと思っていたのですが、意外とサイトのないお店も多いですね 飲食店や美容室に多いように感じますがやはり自サイトは作成すべきだと思います なぜならあらゆることを自分でコントロールできるほうが商売がやりやすいからです 以前に飲食店の店主さんに聞いたことがあるのですが「お客さんは食べログでweb予約するからそっちでいいよ」ということでした なるほど～、と思いましたが少し脇が甘い印象です 他社のサイトに依存すると自分でコントロールできないことが多いからです お店の紹介文やメイン商品の説明、店内の様子や商品画像を掲載することができると思うのですがおそらく文字…

#自営業　自サイト
シゲ様 セレクト（はてなブログ）•2年前

ホームページの作成なら「ホームページ制作メゾフォルテデザイン」

本記事はアフィリエイト広告を利用しています。 ホームページの作成依頼なら ホームページ制作メゾフォルテデザイン ホームページの作成依頼なら ホームページ制作メゾフォルテデザイン 今やホームページも立派な資産。 ホームページの作成をお考えなら、こちらへどうぞ。 高品質・低価格・短納期の三拍子で任せて安心。 ご相談・お見積りは無料。 先ずは、お気軽にどうぞ。 -参加ランキング- にほんブログ村 ★ 人気ブログランキング

#ホームページ制作#ホームページ作成依頼
ゆるゆるITブログ•2年前

WEBページの作り方－CSSとは・導入準備－

皆さん、こんにちは🥵 暑い日が続き、食欲がわかない日も あるかもしれませんが、食事と水分補給を しっかりして、体調を整えていきましょう！ 前回は、<nav>・<a>タグ、相対パスなど 今までのタグを復習しながらフッターを 完成させました。 フッターの作り方を復習をしたい方は下記より 前回の記事をぜひ見てみて下さいね！ nikusukix.hatenablog.com 今回は、CSSを使って前回までで作った 各ページ共通部分の『common.html』を スタイリングする準備をしていきましょう(^^♪ この記事で学べること！ CSSはHTMLファイルのスタイルを 調整するためのもの CSSでスタ…

#ウェブデザイン独学#WEB制作#WEBサイト作成#ホームページ　手づくり
ゆるゆるITブログ•2年前

WEBページの作り方－フッターの作成－

皆さん、こんにちは🍧 梅雨が明け、さっそく台風が来たりと 一気に夏になってしまいましたね(*´Д｀) 暑い日が続きますので、水分補給をしながら 体調管理をしていきましょうね！ 前回は相対パスを使った画像の指定や <a>タグを使ったリンクの飛ばし方を 解説しました！ 相対パスや<a>タグの使い方を確認したい方は 下記より前回の記事をぜひ見てみて下さいね！ nikusukix.hatenablog.com 今回は、<nav>、<a>タグや相対パスなど 今までに学んできたことを凝縮して ヘッダー部分を作っていきましょう！ この記事で学べること！ フッター部分を記述する時もコメントアウトする 『&co…

#ウェブデザイン独学#webサイト作り#WEBサイト作成
ゆるゆるITブログ•2年前

WEBページの作り方－相対パス・<a>タグの使い方－

皆さん、こんにちは🥵 7月に入り各地で猛暑日が続くなど、厳しい暑さに なっていますね。 熱中症にならないよう水分補給をしながら エアコンも活用して体調管理に気を付けて いきましょうね！ 前回は、ヘッダーの作り方という事で <div>タグを使った領域の確保や、 <nav>タグを使ったナビゲーションメニューの 設置方法を見てきました。 前回の記事をご覧になりたい方は下記URLより読んでみて下さいね！ URL：WEBページの作り方－ヘッダーの作成－ - ゆるゆるWEBブログ 今回はパスを使った画像の指定方法や<a>タグを使った リンクを飛ばす方法について解説していこうと思います！ この記事で学べるこ…

#WEBサイト作成#Webページ#ウェブデザイン独学
ゆるゆるITブログ•2年前

WEBページの作り方－WEBフォント・SEO対策－

皆さん、こんにちは！ 沖縄地方の梅雨明けが発表され、 全国の梅雨明けも迫ってきましたね⛅ 既に暑い日が続いていますが、水分補給をしながら 健康に気を付けて過ごしていきましょうね！ 前回は、コメントアウトとスマホ対応の準備という事で <head>部分に<meta name>タグを記述することを解説しました！ 前回の記事をご覧になりたい方は下記URLより読んでみて下さいね！ URL：WEBページの作り方－コメントアウトからスマホ対応－ - nikusukixのブログ 今回はWEBフォントの使い方や<meta name>タグを 使った簡単なSEO対策について解説していこうと 思います！ この記事で学…

#WEBサイト作成#Webページ#ウェブデザイン独学
Elsaの技術日記(徒然なるままに)•3年前

jsonやcsvファイルの相互変換や編集サイト作成

前にjsonやcsvファイルの相互変換や編集の方法を備忘録としてまとめました。 elsammit-beginnerblg.hatenablog.com elsammit-beginnerblg.hatenablog.comこちらの変換サイトですが、少し便利で使うときもあり、せっかくなのでWebサイトにて作成することにしました。 ■サイトリンク ■使い方 ■最後に ■参考 (adsbygoogle = window.adsbygoogle || []).push({}); ■サイトリンク 作成したファイル変換のサイトですが、こちらになります。 https://elsammit.github.io…

#JSON#csv ファイル 読み込み#WEBサイト作成
paiza times•3年前

独自ドメインもOK！無料でNotionドキュメントをWebサイトに変換する「Popsy」を使ってみた！

どうも、まさとらん（@0310lan）です！今回は、万能なドキュメントサービスとして知られる「Notion」で作成したドキュメントを、誰でも簡単に一般的なWebサイトに変換して公開できるサービスをご紹介します。基本的な機能はすべて無料で使えるうえ、とにかく簡単な操作でWebサイトに変換できるのが特徴です。また、ボタンやヘッダーメニューなども手軽に追加できます。 手っ取り早くWebサイトを作って公開したい方も含めて、ご興味ある方はぜひ参考にしてください。 【 Popsy 】 ■「Popsy」の使い方 「Popsy」はNotionで作成したドキュメントを手軽にWebサイトへ変換してくれるサービスで…

#Notion#Popsy#Webサービス#WEBサイト作成
オロチインフィニティ｜驚きの自動更新プログラムと最新のAIが自動で収益化コンテンツを作り出す！•5日前

ワンランク上のウェブサイトを作りたいならコレ！最新制作ツールの魅力

オロチインフィニティ 最新のウェブサイト制作ツールを駆使することで、あなたのウェブサイトをワンランク上のデザインに昇華させることが可能です。ツールの使い方をマスターすれば、より使いやすく魅力的なウェブサイトを手軽に構築することができます。従来よりも効率的にデザインをカスタマイズし、訪れる人々を魅了するコンテンツを提供することができるでしょう。制作ツールの活用により、ウェブサイトの魅力が飛躍的に向上し、ビジネスや情報発信の効果を最大化することができます。いますぐ制作ツールを導入し、魅力的なウェブサイト作りに挑戦してみませんか。 新しいWEBサイト作成ツールを使って、あなたの理想のウェブサイトを手…

水瓶座列車•13日前

PHPの始め方、基本構造やブラウザ表示までを解説 ( XAMPP & Apache2 & Nginx )

PHP は、Web サイト作成や Web アプリケーションのプログラミング言語として、よく使用されており、 ブログやサイト作成に人気の WordPress も PHP で作成されています。 PHPは、コンパイルの必要が無く、さらに HTML タグを混ぜて記述できますので、 ブラウザに表示するだけで、すぐに実行結果を確認することができます。 ここでは、PHP の始め方として、Windows では、XAMPP を、 Ubuntu、Raspberry Pi では、Apache２や Nginx での作業環境の構築手順を解説していきます。 また、合わせて、PHP の基本構造、確認手順までを解説していきま…

レビューブログ【レブログ！】•13日前

絵がふつうに上手くなる本

絵がふつうに上手くなる本 はじめの一歩×上手い絵の技術×安定して稼ぐ秘訣作者:よー清水SBクリエイティブAmazon絵が上手くなるための練習方法や表現方法を 初心者でもわかるように説明したもの。 「絵がうまくなりたい」と漠然と思っているような人も含めて わかりやすくて立体的な描き方と 陰影を意識した着色が丁寧に解説されている。 特に、対象物の観察の仕方や立体構造としてのとらえ方など 絵が苦手な人に足りない部分がしっかり押さえられている。 後半では実際に絵を描くにあたり、 テーマや題材から絵を組み立てていく考え方や 光の使い方による印象の違いなど、 絵を仕上げていくまでの具体的な流れが語られてい…

Joy to the world•18日前

あの日見たWebサイトの名前を僕たちはまだ知らない。

その昔、自分の母校である舞鶴高専の先輩が、スーパーファミコンの光線銃を改造してサバゲーをするという個人Webサイトの記事があった。確か、光線銃から出る赤外線を受光するシステムを構築して、サバゲーをやったという記事の内容だった気がする。その内容が高専生らしくて割と好きだったのだが、昨今の無料Webサイト作成サービスの終了によって、ついに探し出すことができなくなってしまった。たまに思い出して探してみるのだが、やっぱりそれらしい記事が見つからなくて、結局諦めてしまう。流石にもう、ネットの海の藻屑となってしまったのかもしれない。僕らみたいな素人が書き連ねる文章というのは、自分が生きている間でさえ忘れ去…

子どもに関する資格独学ブログ•19日前

ベビーマッサージの費用はどれくらい？資格や開業にかかるコストを徹底解説！

👉 ラーキャリのベビーマッサージプロフェッショナル講座はこちら 赤ちゃんとの触れ合いを深めるベビーマッサージですが、資格を取るとなると費用が気になりますよね。 「どれくらいお金がかかるの？」「開業を目指すなら何を準備すればいい？」といった疑問を抱えている方も多いのではないでしょうか。 この記事では、ベビーマッサージにかかる費用や資格の選び方、さらに開業を目指す場合のポイントについて詳しく解説します。 最後には、費用対効果に優れた「ラーキャリのベビーマッサージプロフェッショナル講座」の情報もご紹介しますので、ぜひ最後までご覧ください。 ベビーマッサージの費用はどのくらい？基本を解説 まず、ベビー…

hittatioのブログ•1ヶ月前

メモ書き: daisyUIでテーマ切り替えを実装する

Webサイト作成のメモ書き 前回の続きから daisyUIの導入 １からコンポーネントを作成するのはしんどいので、UIライブラリを追加。 マテリアルデザイン3準拠のいいライブラリがなかったので有名なdaisyUIを選択。 daisyui.com テーマ対応 ドキュメント通りにthemesにlight, darkを追加する。 daisyUI themes — Tailwind CSS Components ( version 4 update is here ) 前回作成したテーマと揃えるため、一部のフィールドをカスタマイズする。 // tailwindcss.config.ts const l…

優子の独り言•2ヶ月前

ブログ記事作成におすすめのAIツール

このAIツールの詳細を見る アフィリエイトを始め、物販ビジネスなど、 今はコンテンツ生成可能に幅ひろくAIツール画活用されています。 しかも、人が書いた物とAIが書いた文章の区別がつかないくらい、クオリティーの高い記事を作成してくれます。 ここでは、一度に4000文字くらいの記事を一瞬で生成出来るAIツールをご紹介します。 尚、アフィリエイトブログ記事作成にオススメのAIツールに関しては、 以下の記事でも公開しています。 fxbroker.fxyume.net AIツールの種類について 月額の費用について どうせAIツール使うなら断然「買取版」が便利 使える！おススメのAIツール コブラ オロ…

キャリアアップ情報・自己成長ブログbyカコ•2ヶ月前

プログラミングを学ぶメリット

※イメージ画像です。 プログラミングを学んで未来を切り開こう！ ＜プログラミングを学ぶメリット＞ ＜プログラミングスキルで得られるもの＞ ＜プログラミング学習のハードルを乗り越える方法＞ <初心者におすすめの学習方法> <プログラミング学習の目標設定と計画> <まとめ> プログラミングを学んで未来を切り開こう！ ＜プログラミングを学ぶメリット＞ プログラミングを学ぶことは、単にプログラマーになることだけを意味しません。 様々なメリットが得られます。 仕事: IT業界への就職: プログラマー、エンジニアなど、IT業界で幅広く活躍できます。 キャリアアップ: 現職でプログラミングスキルを活かすこと…

備忘録•2ヶ月前

初めてのコーディング HTMLとCSSでWEBサイト/ホームページを制作してみた

youtu.be 今後の業務でHTMLを（メインではないですが）使うかもしれないとのことで、今日は初めてHTMLとCSSでWEBサイト作成にトライしてみました。ものすごく親切な動画があったので、こちらの解説に沿ってやってみました。丁寧で分かりやすく、使う画像素材も全部無料でダウンロードできたので、初心者の方にはオススメの動画です。 あれ？！せっかくCSS書いたのに反映されていない！！えっ、なんか画像がめっちゃ縦長（ひょろ～～ん）に表示されちゃってるんですけど？？リンクが機能していない（涙）などなどミスを連発しながらも、どこが間違ってるんだろうと目を凝らして一つずつ丁寧に直していって、やっと完成…

たなごGo！•3ヶ月前

たなごGO!5周年！600記事＆400万PV記念イベント！

こんにちはかつやんです！ 2019年6月に開始した当ブログ『たなごGO！』は皆様のお陰で 5年目を迎えました！ 投稿記事数600記事！ 合計PV数400万PV！ を達成しました！どれも読者の皆様のお陰です。 本当にありがとうございます！今後は更に楽しんでもらえるコンテンツや面白い記事の作成を行い。たなごGo！を今以上に育てて行きたいと思います！今回はブログをリニューアルしたので4つお知らせ！とリニューアル内容を紹介したいと思います！ ①投票アンケート実施！ ②サイトリニューアル ③コリ物語オープン ④ついにYoutube始動！？ 今後の展望について ①投票アンケート実施！ 今後どんなコンテンツ…

manabi2900のブログ•3ヶ月前

スマホでできる在宅ワークの選び方と始める際のポイント

スマホで在宅ワークを始めるなら自分のスキルや興味に合わせて選ぶといいでしょう。 スマホでできる主な在宅ワークの種類 クラウドソーシング ライティング: 記事作成、ブログ記事作成、SNS投稿などデザイン: ロゴ作成、バナー作成、イラスト作成などデータ入力: アンケート入力、データ整理など 翻訳: 英語、中国語など、語学力を活かして翻訳作業プログラミング: アプリ開発、Webサイト作成などその他: 音声入力、画像加工、動画編集など スキルシェア: 語学レッスン: 英語、中国語など、オンラインで語学レッスン音楽レッスン: 楽器演奏、ボイトレなど、オンラインで音楽レッスンその他: 料理教室、ヨガレッス…

思ったこと、考えたこと。•3ヶ月前

過去にwebサイト作成サービスを使って書いていた日記がサービス終了とともに失われたと思っていたが、webアーカイブ上に現在もその一部が保存されていたことを知った。少しは読み返す価値のありそうな記録について、抜粋してこちらに保存しておこうと思う。 『彼らはすべて自己の内部の不完結性を感じ取り、自分を外見だけで決めつけようとするあらゆる定義を内側から突き破って、それを虚偽としてしまうような自己の可能性を感じているのである。生きている限り、人間はいまだ完結しないもの、いまだ自分の最後の言葉を言い終わっていないものとして生きているのである。』 「ドストエフスキーの詩学」の魅力は、それがドストエフスキー…

情報Ⅰ・Ⅱの寺子屋•3ヶ月前

情報系の学部選び

何個か記事を書いてみて、具体的な学習内容ばかり書いていると、かなり淡泊なブログになってしまうな～と感じたので、今回は、情報系の学部選びについて、書いてみようと思います。大学受験をする人はもちろん、たまたまこのページを見てくれた人も、そんな世界があるんだなーと思ってもらえればいいかと。 ブログの筆者は、現職エンジニアですが、大学は情報系の国立大・大学院出身です。なので、大学時代や、社会人になってからの経験から、学部の選び方の観点を書いてみます～。（ブログ初心者なので、表現が拙いのはご愛敬ということで。。暇なときに推敲します。） ■目次：情報系の学部の選びのポイントは？ １．情報系の学部の種類を理…

リスキリングで拓く未来：デジタル技術者のキャリアパス•3ヶ月前

Webサイト作成の基礎から応用まで学べる1冊『はじめてのHTML&CSSコーディング HTML Living Standard準拠（よくわかる）』

※This page uses affiliate advertising. ※本ページは、アフィリエイト広告を利用しています。 Amazon.co.jp: Amazon Prime Amazon.co.jp: Prime Student - 学生のためのお得なプログラム Kindle Unlimitedにサインアップして無料体験に登録する Amazon.co.jp: Amazon Music Unlimited Amazon.co.jp: Audibleオーディオブック (adsbygoogle = window.adsbygoogle || []).push({}); はじめてのHTML&…

主に散らかっています•4ヶ月前

環境構築 Mac+Docker+WordPress

本日のテーマ：当座の目標である動的WEBサイト作成のため環境を構築する 仮想環境を構築するぞ そもそも仮想環境ってなによ なんか響きがかっこいいよね。 理解がふわっとしているのでChatGPTにきいてみます。 仮想環境とは、コンピュータのハードウェアやオペレーティングシステム（OS）を仮想化して、1台の物理マシン上で複数の独立した環境を作り出す技術のことです。仮想環境を使うことで、開発者や運用担当者は、異なるソフトウェアやOSを独立して実行し、管理することができます。 世の中にはOSやハードの組み合わせで沢山のマシンが存在するけど、 その多種多様なマシンごとの動作のプレビューがご自宅のPCで再…