フロントエンド

フロントエンド

失敗しやすいプログラミング学習の特徴

がんばってプログラマーになる!こうした想いを実現させられるか自身の経験を踏まえて話します。あてはまっていたら要注意、どのように取り組むと良いかも紹介します。稼ぐことを目的として始める稼ぐことを主な目的としてプログラミングを学ぶ場合、失敗しや...
フロントエンド

プログラミングは何度でも挫折して良い理由を紹介します

難しすぎて諦めたいですこうした悩みを解決します。プログラミングは難しい結論から言うと プログラミングは難しいです。ちょっとやってすぐ理解できるようなものではないということをまず知っておくとよいでしょう。私は就職先で人手不足だということから ...
フロントエンド

特定の区間だけ要素を非表示にするjQueryプログラム

ページの特定区間だけ要素の表示を制御する処理ってどうするの?こうした悩みを解決します。本件はココナラ案件です。プログラムの概要画面中に固定表示しているボタンを特定の区間だけ非表示にさせます。注文はこちら!↑こういうボタンですね。画面中央下端...
フロントエンド

【CSSで解決!】WordPressのテーブルブロックを自由に色付けする方法

WordPressのテーブルって横線しかできないの?こうした悩みを解決します。今回作るもの今回、自由に色付けする方法を紹介します!.rei th{background-color:#82CBAB !important;}.rei th, ....
フロントエンド

【WordPress】CSSで画像に文字を重ねる方法を紹介します

画像の上にテキスト重ねるオシャレなあれ、どうやったら作れるの?こうした悩みを解決します。まずは見本からこういうの作る方法を紹介します。よっしゃー!画像にテキスト重なってるぞー!やることと考え方1.画像とテキストが入った箱を作る2.箱と中身に...
フロントエンド

vue-fade

.fade-enter-active, .fade-leave-active { transition: opacity .5s;}.fade-enter, .fade-leave-to /* .fade-leave-active bel...
フロントエンド

HTMLのレイヤー”z-index”を覚えておこう

優先順位...というかHTMLには階層(レイヤー)がある?こうした悩みを解決します。デザイン性に欠けるWordPressは導入したテーマの上で動作するので、デザインはテーマによる制限がかかります。WordPress自体は画像やショートコード...
フロントエンド

CSS カーソルが乗ったときに動作するホバーをまとめて紹介します

ホバーでどういうことができるんだろ?こうした悩みを解決します。影を付ける See the Pen ホバー_影を付ける by Hidenori Himeno (@hidenori-himeno) on CodePen.要素がずれる ...
フロントエンド

WordPressのスクリプトでつまずいたことまとめ

うまく動かない...こうした悩みを解決します。&が&038に変換されるカスタムHTMLでスクリプト作って複数のAND条件のif文を書くときに困りました。解決するには、テーマエディターのfunctions.phpにて、add_filter( ...
フロントエンド

vueで要素のスタイルを動的に変更するにはどうすればよいのか解説します

CSS要素を動的に変化させたい…こうした悩みを解決します。先に結論HTML部にv-bind結合したstyleを記述し、そのstyle内に変数を入れてやります。たとえば、下記のようにstyle属性にnum変数を入れてやるのです。<div v-...