Googleスプレッドシートの関数や便利な使い方。HTML/CSSコーディングに関することを書いてます。
自分が実際に勉強してて、わからなかった問いに解決した方法を基本で書いてます。
YouTubeの自動翻訳機能を使ってみよう!簡単に使用可能です。
YouTubeを視聴している際、時には外国語の動画でも内容を理解したいと思うことがありますよね。 そんな時、YouTubeの便利な機能である自動翻訳が役立ちます。 今回は、その使い方を詳しく解説します。 まずは、YouTube動画の下部にあ
Googleスプレッドシートを使用する時、知らないと効率ダウン。ショートカット集作成しました。
Googleスプレッドシートを使う時に、知ってると便利なショートカットコードがあります。この方法知ってると作業効率がアップ。この記事ではその、ショートカットコード一覧を作成しました。一般的な操作セルの書式設定スプレッドシートの操作...
【サンプルコードあり】Swiperで画像にbox-shadowの効果を実装する1例とSwiperのレスポンシブの指定方法わかったんで記事にしてみました。
Swiperで画像をスライドする時に、画像に影をつける方法を、図を使って説明。また、Swiperで表示する画像の枚数を画面サイズで変更する、レスポンシブの指定もやってみました。この方法実装しようとした時に、いろいろ検索したがピンとくる情報が
【サンプルコードあり】画像リストを横並びにして、画像の右端にテキストを配置。グリッドレイアウトで実装レスポンシブ設定までしました。
画像のリストを横並びにして、その右端に文字を配置する設定。今回は、グリッドレイアウトを使ってやってみました。他にもflexも試したが、今回はグリッドレイアウトを使った方がレスポンシブを考えると簡単に実装できたのでその方法を記事にしました。実
【サンプルコードあり】HTML・CSSでドロップダウンリストのクリックしたらリストが表示されるパターンを作成してみました。
HTML・CSSでドロップダウンリストを作成してみた。今回は、ホバーじゃなくクリックでリストが下に出てくる方法でやってみました。今回は、HTML・CSSだけでやってます。JavaScriptの指定なども加えるともっと動きをつけることも可能に
【サンプルコードあり】画像とテキストコンテンツを横並びで上下にズラして配置。positionと疑似要素使用
今回は、画像とテキストボックスを横並びで少し重ねて、上下にずらしてる配置のやり方記事にしてみました。今期作成したのは下記になります。書いたコードも掲載してるので参考にしてください。またコーディングはいろんな書き方があるので、今回は一例になり
HTML・CSSでコーディングする時、最低限ブロック要素・インライン要素の理解は必要。よく見る要素の分類書きました。
HTML・CSSでコーディングする際に最低理解しといたほうがいい。コーディングする際の要素には、ブロック要素と、インライン要素ってのがある。この性質を理解してるかしてないかではまったく違ってくる。よく見る、ブロック要素とインライン要素。ブロ
【サンプルコードあり】HTML・CSS ボタン作成1サイトに数種類のbuttonをコーディングする時の簡単なやり方。
HTML・CSSコーディングの時。いろんなボタンがあるが多くのサイトは、1サイトで数パターンのボタンが必要になる場合が多い。そんな場合は、まず基本のボタンを1つ作成して、そのボタンを基本にして作っていくようにしてます。例えば、下記のボタン。
CSSで画像を重ねて表示,【position:relative】と【position:absolute】を使うと可能です。文字の重ねも出来ました。
「position:relative」と「position:absolute」を使うとCSSで画像と画像を重ねたり、画像と文字を重ねたりするのが、簡単に出来きます。この方法を覚えると、いちいち画像加工して重ねた画像を作って反映させる必要がな
Visual Studio Code のインストール から初期設定 日本語対応化まで図を使って説明。駆け出しプログラマー必見
プログラミング初心者でも、Visual Studio Codeのインストールから初期設定・日本語化までができるようこの記事では、図を使って説明してます。Visual Studio CodeはMicrosoftが開発してるテキストエディタでプ
プログラミング初心者が独学でPythonのに挑戦してみました感想。YouTube動画とUdemyと本でやってみました。
最近プログラミングの勉強始めました。まず、始めたのはPython!最初は、今自分がやってる作業、パソコンで商品登録在庫確認などの作業を、最近よく聞くようになった、自動化は出来ないものか?という疑問から始まりました。まずは、ネットで自動化につ
エックスサーバーで《半額キャッシュバックキャンペーン!》ご利用料金が実質月額495円から!。登録方法からドメインゲットまでのやり方書いてみました。
今レンタルサーバーのXserberで契約すると、ドメイン永久無料&初期費用無料しかも、12ヶ月以上の契約で利用料金が実質半額!キャンペーン中なのでお得にドメインが取得出来ますよ。こちらから申し込みで10日間お試しで無料で使えます。ドメイン取
今回、知人が自宅購入でインターネット回線調べてみたんですが私の住んでる、中国地方ではメガ・エッグが結構強いみたいです。最大1Gbps※のメガ・エッグ光は、中国電力グループのエネルギア・コミュニケーションズが提供する光ファイバーを 使った中国
Google Chromeで表示されてる画像の色のコードが簡単にわかる方法がわかった。
Google Chromeのデベロッパーツール使うと、サイトで掲載されてる画像の色も簡単に調べるとこが出来る。サイト見てたり、コーディング作業してると、あれこの色再現したいけど何色なんだろう?てことありませんか?私は、よくあります。そんな時
HTML CSSコーディング table作成のコードの書き方基本 CSS設定参考のこしました 【サンプルコードあり】
HTMLコーディング、テーブルデザインの時よく書き方探すこれからの参考でちょっとまとめてみました。tableHTML記述基本table シンプルなコード基本の書き方HTMLrowspan と colspantableでよく見るのが、rows
クリックポストの料金が値下げでお得に発送可能になるみたいなので、クリックポストの使い方等を図で説明してみました。
クリックポストの料金が値下げで185円で発送可能になるみたいなので、クリックポストの使い方等を図で説明してみました。またクリックポスト対応の梱包の箱やクリックポスト専用のラベル等もまとめて販売もされてるのでそのあたりの情報も書いてます。
「ブログリーダー」を活用して、inomitiさんをフォローしませんか?