WEB

WEB 作りたい

【WEB制作】PCのみにパララックス効果を効かせる方法【javascript分岐】

2021/7/13    ,

不具合が出やすいスマートフォンへのパララックス効果は諦めて、パソコンでの閲覧時のみにパララックスを効かせる方法をご紹介します。

360度画像をブログに埋め込む方法

WEB カメラ 作りたい 撮りたい

【2020年】撮影した360度画像をWordPressブログに埋め込む方法【THETA、insta360】

【WPバージョン5.4対応確認】他のサイト様で紹介してくれている360度画像埋め込みプラグインが使用できなかったので、WPバージョン5.4で使用できるプラグイン「WP VR」の使い方を簡単にご紹介いたします。

WEB 作りたい

知らなかった!レスポンシブサイトでjavascriptを分岐させる方法2パターン紹介

2021/8/12    ,

レスポンシブサイトでCSSと同じ要領でJavaScriptをデバイスごとに切り替える方法、ウィンドウサイズによって切り替える方法をご紹介します。

誰でもホームページの更新ができるようにする方法【googleドキュメント簡単活用術】

WEB 作りたい

誰でも簡単にホームページの更新ができる方法【Googleドキュメント活用】

2021/8/22    

ホームページの更新をしようと思えば専門の業者さんにお願いをしないといけませんが、googleの提供するワード・エクセルを使うことで部分的に使うことで、ホームページを気軽に更新ができるように設定をご紹介いたします。

簡単な透過pngの作り方

design WEB 作りたい

【初心者向け】透過PNG(ピング)画像の作り方【画像編集ソフト不要】

2021/4/9    , , , ,

背景が透明な透過PNG画像の作り方をご説明します。画像加工編集ソフトは一切使わずWEBサービスを利用します。背景を透明にすることで、画像を重ねて配置することが可能になり、資料の作成やホームページ・ブログなどで非常に便利です。

ウェブブラウザのリロードの種類をご紹介

WEB 作りたい

ブラウザの再読み込み(リロード)に種類があるって知ってた?【初心者向け】

2021/8/22    , ,

ホームページが更新されない時の対処法、ブラウザの再読み込み(リロード)の方法とスーパーリロード、キッシュのクリア方法、プライベートブラウザでの閲覧と4種類の対処法をご紹介いたします。

【簡単】ブラウザのリロード時にページの一番上から表示する方法【開発者向け】

WEB 作りたい

【簡単】ブラウザのリロード時にページの一番上から表示する方法【開発者向け】

ブラウザでページをリロード(更新)したときに、ページの先頭に自動でスクロールさせる方法をご紹介します。パララックスなどトレンド的に縦に長くデザインされたホームページが多くなってきました。ページのトップ(一番上)から順番に見せたい場合などに利用してみて下さい。

WEB 作りたい

【コピペ】#ハッシュタグを指定してツイートできるリンク作成

2021/9/21    , , ,

【超簡単】#ハッシュタグを指定してツイートできるリンクの作成方法をご紹介します。記事内にあるコードをコピペで流用可能なのでウェブの知識がない方でも簡単に設定できます。会社や団体の公式アカウントを運用している方は知っておいて損はありません。

insta360シリーズの360度写真を簡単にブログやサイトに貼る方法

WEB カメラ 作りたい 撮りたい

insta360シリーズの360度写真を簡単にブログやサイトに貼る方法【プラグインなし】

WordPress(ワードプレス)プラグインを使わずに、insta360シリーズカメラで撮影した360度画像を簡単にホームページやブログに掲載する方法をご紹介いたします。htmlでサイトを更新する場合や、自分のサーバ容量を気にされている方にもおすすめです。

配色ツールおすすめタイトル画像

design WEB 作りたい

【色数別】オンラインデザイン配色ツールのご紹介

2021/9/21    

オンライン配色ツールを色数別にご紹介します。あらゆるデザインや生活の中のファッションの基本となる配色1つで全く印象が変わってきますので、とても重要な要素のひとつだと思います。配色が苦手な人も、得意な人も、配色選びをオンラインツールに選んでもらってみてはいかがでしょうか。

WEBアイコンフォント「FontAwesome」の使い方

WEB 作りたい

【超簡単】WEBアイコンフォント「FontAwesome」の使い方を簡単にご紹介

2021/4/19    ,

ホームページの制作において欠かせないのがアイコン!
昔は画像の作成など手間のかかる作業をしていましたが、もうそんな作業は不要です。
WEB上にアップされているアイコンフォントを呼び出し、簡単にアイコンを表示させましょう。

design WEB 作りたい

【コピペのみ】CSSだけでおしゃれなグラデーション実装まとめ【WEB制作】

2021/9/17    , ,

デザインのトレンドとして数年前から再流行しているグラデーション。CSSだけで実装する方法をまとめてみました。コピペだけで簡単にborder、background要素にグラデーションをデザインに取り入れて、今風サイトに仕上げましょう!
もう画像なんて使わなくて大丈夫!

CSSで背景画像を複数重ねて表示する方法

WEB 作りたい

CSSで背景画像を複数重ねて表示する方法

2021/9/14    ,

【簡単】1つのCSS要素に背景画像を複数枚、重ねて表示する方法をご紹介。コードの記述がごちゃごちゃにならず超簡単なので知っておいて損なし!3枚でも4枚でも重ねれるので便利です。綺麗なソースコードを心がけて編集効率アップを図りましょう!

WEB 作りたい

【初心者にも簡単】HTMLにCSSを適用する方法3種類まとめ

2021/6/18    , ,

HTMLにCSSを適用する方法を3種類まとめました。最もポピュラーな方法や、各ページ単位でCSSを適用させる方法、イレギュラー対応時などの即効性のあるものまで、必要に応じてその方法を覚えておくと作業の効率が図れます。それぞれの適応範囲や優先順位も改めてご確認を!

WEB 作りたい

【web】リストタグ(箇条書き)の使い方と頭の装飾(マーカー)の消し方

2021/4/20    ,

【初心者向け】htmlで箇条書きを表すリストタグの使い方と「ul」と「ol」の2種類の違いをご紹介します。また、その際に先頭に自動で入る「・(中黒)や連番」などのマーカーをCSSを使って消すことも可能です。方法も併せてご紹介します。

© 2021 ひゃくやっつ