メインカテゴリーを選択しなおす
【デイトラ初級編】jQuery実践課題②モーダルで画像の拡大表示
デイトラWeb制作コース初級編【調べながら実装しよう】jQuery実践課題②「モーダルで画面の拡大表示」を終えたので、復習のために記事にしました。HTML、CSS、jQueryを載せています。
【デイトラ初級編】jQuery実践課題①ページトップへ戻るボタンを付ける
デイトラWeb制作コース初級編【調べながら実装しよう】jQuery実践課題①「ページトップへ戻るボタンを付ける」を終えたので、復習のために記事にしました。HTML、CSS、jQueryを載せています。
【デイトラ初級編】調べながら実装しようjQuery実践課題①
2024年8月から、デイトラでWeb制作コースを学んでいます。 今回は初級編DAY21「調べながら実装しよう」で、jQueryを使って自分でサイトの動きを実装する課題です。 初級編で構築したスイーツサイトに動きをつける課題が2つ出ました。
米セキュリティ企業のPhylumは7月3日（現地時間）、JavasScriptライブラリ「jQuery」の特定バージョンがトロイの木馬化され、GitHubなどで拡散していると警告した同社は5月26日、パッケージ管理システム「npm」でトロイの木馬化されたjQueryを確認。少なくとも1カ月にわたって、数十のパッケージで“汚染”されたバージョンが公開されているのを確かめた。さらに、GitHubやCDNサービス「jsDelivr」でも拡散していることが分かったとしている。「jQuery」とは懐かしいですね。コーポレートサイトのリニューアル時にDreamweaver等を使用せず、全てコードを手書き（…
今回は、jQueryで文字数・バイト数をカウントする方法について説明します。※この記事を読むことで、文字数・バイト数（全角、半角、改行）カウントの仕組みを知ることができます
【JavaScript】パスワードを入力してページ遷移をさせる方法
この記事ではJavasscriptでパスワードを入力してページ遷移をさせる方法についてご紹介しています。特定のユーザーのみに表示を許可したい場合に、ベーシック認証等を設定する事が多いですが、サイト規模や場合によってはJavasscriptで簡単に実装できる事もありますので、是非一度試してみてください！
この記事ではWEBサイトの文章を縦書きにする方法をご紹介いたします。文章を縦書きにするには、CSSのwriting-modeプロパティを使用します。writing-modeプロパティにはいくつかの値があり、実際の表示などもご紹介しています。
よくある質問 プログラミングスキルは必要ですか？ いいえ、必要ありません。しかし、iSaraでは参加費以上の金額が稼げることを保障しています。 従って、事前通話面談時点で簡単なテストを実施し、場合によ
SCSS・SASSがとても便利なので基本的な使い方をご紹介します
制作の現場でも使う機会が増えているSCSSについて、これからSCSSを学びたいと考えている方へ向けて、基本的な使い方のご紹介をしたいと思います。
Dreamweaverのテンプレート機能でコーディングの効率を上げよう
Dreamweaverのテンプレート機能を使ったコーディングのご紹介をしています。テンプレートファイルを作成し共通パーツを作成すると、効率良くページの作成が行えます。また、編集可能領域を設定する事で個別で編集できるパートも作成する事でより、コーディングの効率化が可能です。
CSSが適用されない原因とは？反映されないときの対処法を解説！
「せっかくCSSを書いたのに、ブラウザに適用されない！」と困った経験がある方もいらっしゃるのではないでしょうか。 スタイルシートが反映されない原因は多岐に渡りますが、主な原因をひとつずつ確認し、 対処すれば解決法は見つかります。 今回は、CSSが適用されない主な原因と対処法を解説します。 まずは「デベロッパーツール」を起動 CSSが適用されない原因を探るために、まずはデベロッパーツール（検証機能）
【CSS】背景に複数の画像や色を1つのプロパティで読み込ませる方法
cssで1つのbackgroundプロパティに、複数の背景画像や背景色を読み込ませる方法をご紹介しています。背景画像を複数読み込ませる方法と、背景色と背景画像を読み込ませる方法を詳しい手順を解説しています。短いコードを覚える事で生産スピードも挙げられます。
CSSで表のデザインを綺麗に！誰でも簡単にできる方法を解説！
この記事ではCSSで表(テーブル)の作成を詳しく解説をしています。最後まで読んでいただくことで、「なぜCSSで表をデザインする必要があるのか 」「目的別にCSSで表をデザインする方法」「表のレスポンシブ対応の仕方」について理解することができます。
【WordPress】アイキャッチ画像が無い場合に、別の画像を表示させる2つの方法
WordPressでブログ記事のアイキャッチ画像が無い場合に別の画像を表示させる方法を、テンプレートを編集する場合と、プラグインで対応する場合と2つに分けてご紹介しています。アイキャッチを入れたいけど、用意が難しく悩んでいる方は是非一度ご覧ください。
【サイト表示高速化！】GoogleWEBフォントをサブセット化して表示速度を上げよう
Webサイトの速度表示の改善に繋がる、GoogleWebフォントをサブセット化する方法をご紹介しています。今回はGoogleWebフォントを使用しているサイトでサブセット化する方法をご紹介していますので、GoogleWebフォントを使用していて、サイトの表示速度の改善をしたい方は是非一度参考にしてみて下さい。
【WordPress】投稿スラッグを自動で日本語から小文字英数字に変更する方法
WordPressで記事と投稿する際日本語になっている場合に、スラッグを自動で日本語から小文字英数字のスラッグに変更する方法をご紹介しています。スラッグを日本語から英数字に変更する方法にご興味のある方は是非一度ご確認下さい！
WordPressでヘッダーをページによって切り替える方法をご紹介しています。この記事ではトップページと下層ページでヘッダーが違うといったパターンで、ヘッダーを切り替える方法をご紹介しています。
【簡単】Googleフォントの使い方と注意点や、おすすめGoogleフォント5選！
この記事ではGoogleフォントの使い方から、使う上での注意点についてご紹介しています。また、その他におすすめのGoogleフォントを5つご紹介していますので、これから使用を検討している人は是非参考にしてみて下さい！
WordPressで記事の編集を行っている時に、文字が絵文字に勝手に変換されて困った経験はありませんか？WordPressではバージョン4.2以降より絵文字機能が追加され、場合によっては文字が絵文字に変換されてしまう事があります。この記事ではそうしたWordPressの絵文字機能を無効にする方法を2通りご紹介しています！
WordPress(ワードプレス)の自作テーマのメリット・デメリットは？
WordPressを利用する時、WEBサイトのデザイン決めるテーマを選ぶのですが、こだわりだすと以外と「これだ！」と思えるテーマが見つかりません。また、いざテーマを選んでカスタマイズをしてみたものの「何だか思っていたものと違う…」なんて事も意外とあります。そこで、今回は既存のテーマではなくWordPressのテーマその
WordPress(ワードプレス)の構築を簡単に！子テーマを作成する方法
WordPress(ワードプレス)の構築には、大まかに二通りあるかと思います。 1,自作(オリジナル)テーマを作成する。 WordPressのデザイン面にあたるテーマフォルダを自作していく方法です。これにはHTML・CSSの経験や、WordPressのテンプレート階層や構造などをある程度理解しておく事が必要となり、初心
かなり前からやってみたいと思い、ぼんやりと構想などはあったのですが、とうとうブログを開設までに至りました。 WEB制作に関する情報をメインに発信 このブログでは、主にWEB制作に役立つ知識を中心に発信していければと思います。自分が制作の現場で経験し、解決してきた事を発信する事で、誰かの役にたれてば幸いです。また、このブ
スマートフォンの普及により、2017年にはネットの利用にスマホを使って利用する方の割合がPCを上回り、WEB制作の現場でも、デバイスごとに表示を最適化すデザイン手法として「レスポンシブWEBデザイン」が好まれるようになりました。WEBサイトの機能も、スマホの登場によりタップをしてメニューを開いたり、電話をかけたりと、動
LazyLoadの設置｜画像の遅延読み込みでWEBページを高速化
このページでは画像の遅延読み込みをさせてWEBサイトの表示速度の改善に役立つプラグイン「LazyLoad」について、インストールから、設定方法などを詳しくご紹介しています。
【コピペで簡単】CSSでトップへ戻るボタン12種類！JQueryでスクロールインもできる
トップへ戻るボタンを作りたいという方のためにサンプルをたくさん作ってみました！よろしければ参考にしてもらえると嬉しいです！
