Web制作

2021/8/25

【CSS】テキストをグラデーションにする方法

テキストをグラデーションにする方法ってある？あまり使う機会はないかも知れませんが、たま～にあります。今回はテキストをグラデーションにする方法について解説してきます。テキストのグラデーションはCSSで3行だけまずは左から右へグラデーションする場合です。 <p>About</p> p { color: red; // 非対応のブラウザの為に色を設定 background: -webkit-linear-gradient(0deg, red, white); // 背景色にグラデ ...

Web制作ノウハウ

2021/8/15

【ノマドワーカーになりたい人必見！】プログラミングはリモートワーク出来るのか？

リモートワークするならプログラミングがいいらしいけど本当？ Web制作ならフルリモートも可能だよ！今回はこんな疑問にお答えします。ちなみに私は初案件からずっとフルリモートです。プログラミングの仕事とは？まずプログラミングの仕事についてお話します。自分が今のWeb制作を始めたきっかけとしては、リモートワークがしたかったからです。そして「リモートワーク」や住む場所を短期間で変えながら仕事をする「ノマドワーカー」で検索して辿り着いたのがプログラミングでした。そしてプログラミングの仕事とはどんな仕事 ...

Web制作 WordPress サーバー

2021/8/15

エックスサーバーでWordPressサイトやMySQLデータベースを削除する方法

使わなくなったWordPressサイトやMySQLデータベースを削除したいけどどうやるの？今回はそんな疑問にお答えしていきます。通常のブログなどは削除する事はそうそうないと思いますが、Web制作ではテストサーバーを使う事が多く、作っただけではどんどん増えていってしまいます。なのでWeb制作においては納品完了後にテストサーバーにインストールしたWordPressは削除しましょう。削除の際には十分ご注意の上、自己責任でお願いしますなおテストサーバーの作り方については以下の記事を参照下さい。エックス ...

Web制作 WordPress ノウハウサーバー

2021/9/9

エックスサーバーでテストサーバーを作る方法

テストサーバーってどうやって用意するの？今回はエックスサーバーでテストサーバーを作成する方法について解説していきます。テストサーバーとは？まずテストサーバーについて簡単に解説しておきます。通常Web制作は自分のPC上（ローカル環境）で制作し、それをテストサーバーという実際にインターネットに繋がっているサーバーにアップして、問題がなければ本番環境に移行するという形になります。ローカル環境で制作テストサーバーにアップ本番環境に移行ローカル環境では問題なくても実際のサーバーにアップしたら問題が発 ...

Web制作

2021/9/14

XDなどで良くある8桁のカラーコードの見方

XDでカラーコードが8桁なんだけどどういう事？今回はそんな疑問にお答えしていきます。カラーコードといえば通常6桁かRGBだと思いますが、XDのカンプでは8桁表示の時もあるので「？？」となる人もいるでしょう。一般的なカラーコードまずは赤を通常のカラーコードで表したいと思います。 6桁（16進数） color: #ff0000; RGB color: rgb(255, 0, 0); RGBA（透過） color: rgb(255, 0, 0, 0.3); 6桁とRGBは全く同じですが、RGBAは透過率 ...

JavaScript Web制作コーディング

2021/8/25

iPadを判別するユーザーエージェント【iOS13以降対応】

iPadのみ適用したい処理があるんだけどどうしたらいい？今回はそんな疑問にお答えしていきます。画面幅によって処理を変えるのはレスポンシブ対応が出来れば簡単ですが、同じ画面幅でもiPadでは処理を変えたいという事があるかも知れません。今回はその方法をご紹介します。デモまずはこちらも見て下さい。 See the Pen by junpei (@junpei-sugiyama) on CodePen. パソコンやスマホで見ている方は「これはiPad以外です」と表示されていると思います。そしてiPad ...

Web制作スライダー

2021/8/15

slickのスライダーをスマホのみ無効にする方法

slickのスライダーをスマホのみ無効にする方法ない？今回はそんな疑問にお答えしていきます。スマホのみスライダーを無効にしたい場合もあると思います。スマホの判断は画面幅で決めていきます。スマホ時にはスライダー無効まずはスマホ時にスライダーを無効にしてみます。今回はこのブログをPCで見た時に確認が出来るように、画面幅500px以下になったらスライダーを無効にしてみたいと思います。 See the Pen by junpei (@junpei-sugiyama) on CodePen. 最初はスラ ...

Web制作お問い合わせフォーム

2021/8/15

Googleフォームのカスタマイズ方法（サンクスページも解説）

Googleフォームってデザインのカスタマイズ出来ない？今回はそんな疑問にお答えします。 WordPressであればContact Form7などプラグインを使えば大丈夫ですが、静的サイトでは当然ながらWordPressのプラグインは使えません。また、特に指定が無ければレスポンシブメールフォームなど使う事も可能です。レスポンシブ対応の無料お問い合わせフォーム「Responsive Mailform」の使い方とカスタマイズ方法ただクライアント側から「Googleフォームで実装したい」という指示があっ ...

jQuery アニメーション Web制作コーディング

2021/8/25

【jQueryプラグイン】inview.jsでスクロールして表示領域に入ったらフェードインさせる方法

スクロールして表示領域に入ったら要素をフェードインさせる事出来ない？ jQueryのプラグインを使えば簡単に出来るよ！以前「スクロールに応じてアニメーションが発生するwow.jsの使い方」で同じような物をご紹介しましたが、実務でよく使うのは圧倒的に今回のinview.jsの方になります。正確に言えばフェードインだけではなく、スクロールして表示領域に入ったらclassを付与して色んなイベントを発生させることが出来ます。 inview.jsをダウンロードまずは今回使用するinview.jsを以下のページ ...

Web制作ノウハウ

2021/9/2

Notionを使ってコード管理をする方法

コードをまとめてすぐ引き出せるようにしたいんだけど、いい方法ない？ Notionっていうツールがおすすめだよ！コーディングのスピードを上げる為にはコードの管理が必須です。その為にはよく使うコードは管理しておく必要があります。今回は万能ツールNotionを使ってコード管理する方法について解説していきます。またコーディングスピードを上げるには自作したコードスニペットの登録も有効で、そちらについてはこちらの記事を参照下さい。 VSCodeで自作したスニペットを登録する方法 Notionを使うコード管理 ...

« Prev 1 2 3 4 5 … 11 Next »