-
【jQery】よく使う動きをまとめました。JqueryjQeryでよく使う動きをまとめました。 コーディングの際によく使うjQeryをまとめました。 jQery設定の際に参考にしてください。 参考サイト:jQery動きのまとめ ハンバーガーメニュー 参考...
-
【jQery】リンクによってタブ切り替えのタブを指定JqueryjQeryでタブ切り替えの開く場所指定 jQeryを使ってタブ切り替えはよく行うと思います。カテゴリーへのリンク先の場合そのタブが開いてくれていると親切ですよね。 そこで今回idによって何番目のタブが...
-
【初心者必見】コーディング作業で間違えやすい場所コーディングコーディングを初めて作業する時に間違えやすいポイント コーディングで間違えやすいポイントを紹介します。 ファイルの場所 通常のファイルの構成をご紹介 間違っているファイル構成 「htdocs」のフォル...
-
【コーディング初心者向け】数字の連番CSSリストやスタイルシートで数字の連番を設定する方法 順番に数字を割り振りたい時に、数字を書くのが大変。 それぞれにクラスを与えるのも大変… そんな時に役立つ、連番の設定方法についてご説明しま...
-
jQeryで時間になったら表示非表示JqueryWordPressのウィジウィグでbrが反映されない WordPressのウィジウィグで「テキスト」表示に切り替えて、 「br」を入力しても、公開後消えてしまう。 そんな時の 記述を紹介します。 jQ...
-
よくある質問のテンプレートCSSよくある質問のテンプレートの紹介 サイトを作成する時によくある質問は結構ページとして作成されます。 そんなよくある質問についてテンプレートを紹介させて頂きます。 通常のよくある質問 特に動きもないよく...
-
スマホサイトの際にtableをどの様に表示するCSSスマホの際にtableを横スクロールで表示 PCサイトを作成した際に表を作ったけどスマホの時にでどうすればいいか? 非表示にして同じ内容をSPで作ることないdrすか? そんな時は横スクロールで表示して...
-
【コーディング初心者向け】positionの使い方CSSpositionの使い方 今回は「position」の使い方に関しまして、ご説明致します。 「position」には色々な種類があります。 どのように分けて使用するかを説明致します。 position...
-
【コーディング初心者向け】max-widthとwidthの違いCSSwidthの横幅の設定の違い 今回は「width」の使い方に関しまして、ご説明致します。 「max」がつくのとつかない場合で、用途は大きく違います!! 「max-width」と「width」の違いに関...
-
【コーディング初心者向け】border-radiusの使い方CSSmarginとpaddingの違い 今回は「border-radius」の使い方に関しまして、ご説明致します。 「border-radius」とは角丸設定をするためのcssです!! 「border」が...
-
jQueryでページ移動の際に全体をフェードインで表示コーディングjQueryでページ移動の際のフェードイン 「jquery」で中ページに移動する際にフェードインで表示される方法のご紹介です!! 「jquery.js」をダウンロード致します。 ダウンロード先 「fu...
-
【コーディング初心者向け】センター寄せの方法CSSCssでのセンター寄せ色々を紹介 Cssで要素をセンターに寄せたい場合、色々なセンターに寄せる方法があります。 センターに寄せる方法で悩んだ時はご覧ください。 1つの要素の場合 中身の要素が1つの要素...
-
【コーディング初心者向け】Animate.cssの使い方CSSAnimate.cssの使い方 Webサイトに動きをつけたい!! そんな時にとても簡単にアニメーションをつける事が可能です!! Animate.cssのサイトにアクセス Animate.cssのサイト...
-
【コーディング初心者向け】marginとpaddingの違いCSSmarginとpaddingの違い マージンとパディングの違いを解説していきます!! 上のスペース設定 margin-top: 20px;とpadding-top: 20px;の違い サンプル マージ...
-
【コーディング初心者向け】フレックスボックスの使い方CSSdisplay:flexの使い方編 コーディングでよく使うフレックスボックス!! そのオプションについてご説明させて頂きます。 「display: flex;」 親要素に設定する事で子要素が横並びに表...
-
Css3セレクタ一覧CSSセレクタを使う セレクタとは、クラスやIDを決める際の名前の部分「.hoge」の部分を指します。 新しいセレクタ一覧 それではスタイルしーとのセレクタの紹介をしていきます!! セレクタ名[href$=...
-
jQueryでコンテツをフルスクリーンに設定JqueryjQueryで各コンテンツをフルスクリーンで表示させる方法をご紹介します 「jquery」でスクロールするとコンテンツ事にスクロールされるスクリプトの紹介です!! スマホの時に縦幅の影響で表示おかしく...
-
jQueryで下からフワッと画像を表示JqueryjQueryで画像をフワット表示させる方法をご紹介します 「jquery」でを[投稿件数]使ってスクロールした際に画像を下からフワッと表示させます!! 「jquery.js」をダウンロード致します。 ...
-
jQuerytoggleメニューClass追加で表示を変更JqueryjQueryでtoggleメニュー作成 「jquery」でクリックした時に表示する方法をのご紹介!! 「jquery.js」をダウンロード致します。 ダウンロード先 jRumble をダウンロード ダ...
-
DreamweaverでSassを使う方法CSSSassとは? Sassとは、「Syntactically Awesome StyleSheet」の事を言います。 簡単に説明するとスタイルシートを簡略して書く記述の方法の事です。 SassからCss...
-
コーディングの始め方コーディングコーディングとは? コーディングとは、デザインされたデータを「HTML」や「css」「Javascript」や「PHP」などを使ってブラウザ上でボタンを押せたり、 動きをつけたりする事をコーディングと...
-
WebコーディングCss適用編CSSCss適用編 前回作成した、「初めてのコーディング実践編」で作成したHTMLデータを元にCSSを適用していきます!! 前回のデザイン内容 下記の画像の内容を元にCssを調整していきます!! サンプル画...
-
Webコーディング実践編コーディング初めてのコーディング実践編 初めて1からコーディングをする時の手順を公開します!! 今回のコーディング内容 下記の画像の内容をコーディングしていきます。 サンプル画像 samole02 HTMLを作成...
-
Webコーディングする時によく使うCss編CSS初めてのコーディング 初めて1からコーディングをする時によく使うCssの記述を紹介します。 whidth 「whidth」とは要素の横幅を設定するCss whidth:100px;/*横幅100px*...
-
ローディングアニメーションの作り方JqueryjQueryでローディングアニメーションの設定 「jquery」でローディングアニメーションの設定方法をのご紹介!! 「jquery.js」をダウンロード致します。 ダウンロード先 HTMLを記載 下...
-
jQueryで画像が揺れるJqueryjQueryでグラフを設定 「jquery」で画像が震える方法をのご紹介!! 「jquery.js」をダウンロード致します。 ダウンロード先 jRumble をダウンロード ダウンロード先 HTMLを...
-
リンクタグボックス全体を囲う方法CSSaタグでボックス全体を囲いたい時 ボタンをcssで作成した際に、全体を囲いたい!! そんな時に使えるcssを記載します。 cssを記載 下記のソースを追加してください。 HTMLを記載 下記のソースを...
-
jQueryでカーソルが動くグラフJqueryjQueryでグラフを設定 「jquery」でグラフを作成する方法をのご紹介!! 「jquery.js」をダウンロード致します。 ダウンロード先 cssを記載 下記のソースを追加してください。 ※読み...
-
jQueryページトップボタンJqueryjQueryでページトップを設定 「jquery」でページトップを設定する方法をのご紹介!! 「jquery.js」をダウンロード致します。 ダウンロード先 cssを記載 下記のソースを追加してくださ...
-
jQueryでランダムな大きさの画像を綺麗に並べるJqueryjQueryで画像を綺麗に配置 「jquery」でランダムな画像を綺麗に配置する方法をのご紹介!! 「Masonry.js」をダウンロード致します。 ダウンロード先 cssを記載 下記のソースを追加し...