WEB制作で人生を豊かに！

WEB制作小ネタ集

: HTMLとJavaScriptで実現する画像クリック拡大機能【コピペ可】

2024/4/1 javascript, コピペ可, スニペット

ウェブサイトやブログで、コンテンツをより魅力的に見せる方法の一つに、クリックによる画像や動画の拡大表示があります。この記事では、HTML、CSS、およびJavaScriptを使用して、画像と動画の両方 ...

JavaScript スニペット

: textareaにおける初期値と改行の取り扱い

2024/3/28 HTML/CSS, テクニック, トラブル

textareaの初期値の設定通常テキストボックスに初期値を設定する場合は、value属性を使用すれば簡単に初期値が設定できます。 <input type="text" v ...

HTML&CSS

: 初心者でも簡単な多言語サイトの作り方を解説【html】

2024/3/23 HTML/CSS, javascript, PHP, SEO, 言語切り替え

多言語サイトとは、複数の言語でコンテンツを提供するウェブサイトのことを指します。グローバルに展開する企業や、多言語を話すユーザーを対象としたサービス、観光や国際交流を促進する公的機関などが主に利用して ...

HTML&CSS JavaScript

: hoverのスタイルをスマホで実装する方法完全版【html】

2024/3/24 hover, javascript, テクニック, 疑似クラス

hoverクラスのスタイルはスマホに反映されないスマホなどのタッチデバイスでhoverスタイルがうまく反映されない主な理由は、タッチデバイスには「マウスオーバー」の概念がないためです。chromeな ...

HTML&CSS JavaScript

: CSSのみで「ページトップへ戻るボタン」を作る完全ガイド

2024/3/12 HTML/CSS, テクニック

サンプルとソース See the Pen Untitled by kokusyo (@kokusyo) on CodePen. ポイントはただ２つです。 aタグのhref属性にページ先頭のidを指定す ...

HTML&CSS

: 【完全無料】ブラウザ上で学ぶ実践的プログラミング「Tech Sapuri（テックサプリ）」

2024/3/14 Tech Sapuri, おすすめサービス, 学習サービス

「Tech Sapuri（テックサプリ）」は、オンラインプログラミング学習サービスで、ブラウザ上で実践的な学習ができる特徴を持っています。煩雑な環境構築は不要で、初心者でも手軽にアクセスできるため、学 ...

ブックマーク推奨おすすめサイト

: 【css】カードレイアウトのテキストをgridで揃えよう

2024/4/29

カード型レイアウトのテキスト位置が揃わない今回テキスト位置を揃えたいのは以下のような、よくあるカード型レイアウトです。赤線で分かりやすく示しましたが、タイトルの文字数が異なるため、その下のテキストの ...

HTML&CSS

: JQueryをVue3に置き換えてみよう【サンプルあり】

2024/2/25 Vue.js, 初心者

Vue.jsをCDNで読み込む Vue.jsを使用する時は、プロジェクトを作成～と思ったかもしれませんが、Vu.jsはCDNで読み込むことができます。CDNは以下の通りです。 <script s ...

Vue.js

: 【jQueryのみ】htmlでページネーションを実装してみよう！【コピペOK】

2024/2/13 HTML/CSS, javascript

静的なHTMLにページネーションを実装ページネーションは、項目の数が多い時などに便利です。下記のように、ただズラズラと並んでいても、ページネーションを実装すればすっきりするし、視認性も良いです。しか ...

JavaScript

: 【2024年】WordPressのバックアップ方法を解説

2024/2/4 Wordpress, バックアップ

WordPressのバックアップの重要性 WordPressのバックアップが重要な理由は以下の通りです。定期的にバックアップを取ることで、あらゆるトラブルからウェブサイトを守ることができます。データ ...

WordPress

« Prev 1 … 3 4 5 6 7 … 14 Next »

WEB制作副業を始めたい方はこちら

副業初心者でも仕事が獲得できる

30代からの案件獲得ロードマップ

カテゴリー

kokusyo

コーダー歴3年の37歳キャンプとWEB制作をの融合を推し進めています。現在フロントエンドエンジニアへキャリアアップ中

人気記事

1: 【2024年】Web制作会社20社のブレイクポイント調べてみたら...

皆さんはブレイクポイントをどの値に設定していますか？

会社によって指定はあるとは思いますが、現在はどこに設定するのが主流なのか、Web制作会社の制作実績から調べてみました。

トレンドを理解してコーディングに活かしましょう。

2: Web制作独学での案件獲得ロードマップ 35歳未経験男性が案件獲得した方法

私は現在35歳でWebコーダーとして２年目に突入しました。元々Web制作に関しましては、素人でしたが、2021年の１月から勉強を始め、4月に初案件獲得。6月より現在の職場でコーダーとしてWeb制作の ...

3: プログラミング初心者におすすめの単語学習アプリ「プログラミング単語帳」

最近おもしろいいアプリを見つけたので、ご紹介します。今までにありそうで、なかったアプリではないでしょうか？その名は！プログラミング単語帳（プロ単）このアプリでは、初心者から中級者が学ぶべきプログ ...