css

【初心者向け】HTMLにJavaScriptを適用する方法を2パターン紹介

WEB 作りたい

【初心者向け】HTMLにJavaScriptを適用する方法を2パターン紹介

2021/6/27    , ,

HTMLにJavaScriptを適用する方法を2種類まとめました。一般的な方法、各ページ単位で適用させる方法があるので必要に応じて「JavaScript(ジャバスクリプト)」を使ってリッチで快適なホームページを作りましょう。

電話番号への自動リンクを無効にする方法【iPhone・edge】

WEB

電話番号への自動リンクを無効にする方法【iPhone・edge】

2021/9/14    

主にスマートフォンで電話番号を自動で検出し、クリック1つで発信できるようにリンクを作成する機能があります。この便利な機能が図していない自動検出が起こり問題が起こる場合があります。そんな時の電話番号への自動リンクを無効にする方法をご紹介します。

CSSでリンクタグの色や下線の設定変更

WEB 作りたい

CSSでリンクタグの色や下線の設定変更

2021/9/21    , ,

普段、当たり前のように使っているリンクテキスト。そのリンクテキストにcssを使って色をつけたり、装飾をしたりできる設定方法をご紹介します。リンクテキストのデザイン1つでブログやホームページのセッション数・回遊率が変わるので、色々と設定を変えて試してみてください。

簡単な透過pngの作り方

design WEB 作りたい

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

2021/10/20    , , , , ,

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

design WEB 作りたい

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

2021/9/26    , , ,

デザインのトレンドとして数年前から再流行しているグラデーション。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 ひゃくやっつ