CODE

開発言語とその他

CSS

ドットインストールで学ぶ、CSS入門(全17回)まとめ!【徹底解説】

ドットインストールのCSS入門(全17回)の講座内容のポイントをまとめてみました。これは前回作っていたプロフィールサイトの続きです。 HTML入門(全15回)まとめ!【徹底解説】 ドットインストール:CSS入門(全17回) 目次 ...
HTML

ドットインストールで学ぶ、HTML入門(全15回)まとめ!【徹底解説】

ドットインストールのHTML入門の(全15回)の講座内容のポイントをまとめてみました! ドットインストール:HTML入門(全15回) 目次 ・#01 プロフィールサイトを作ってみよう ・#02 ブラウザに名前を表示しよう ・#...
CSS

【CSSで動きを出す】hover ,active,focus の使い方

CSSはHTMLの装飾をするだけではなく、JavaScriptのような動きをつけることもできます。今回は、hover , active , focus を紹介したいと思います。
スポンサーリンク
CSS

CSSの擬似要素【Before,After】を解説

CSSの擬似要素(::before,::after)ってなんのために使うんだろう?そう思ったことはありませんか?今回は、そんな擬似要素の::beforeと::afterについて解説していきます。サンプルコードがあるので参考にしてみてください!
Javascript

【jQuery】fadeOutとslideUp

今回は、jQueryで簡単にアニメーションをつけてみようということでfadeOutとslideUpを使用しました。fadeOutとslideUpの書き方について簡単に説明させていただきます!
WeChat

【WeChat】ミニプログラム 作成(開発環境構築)

WeChatのミニプログラム が作りたいということで何回かにわけてWeChatのミニプログラム の作り方についてお伝えします。今回は第一段ということで開発環境を整えていくところからスタートします!※手順をしっかり書いているため開発未経験の初心者でも大丈夫です。
CODE

【jQuery】便利なテキストボックス連動方法(keyup)

jQueryでテキストボックスの1つに文字を打ち込むと、もう1つのテキストボックスに文字が打ち込まれるというコード作りました。どこいった場面で利用できるかパットは思いつきませんが、「keyup」イベントについて理解が深められるかと思います。
HTML

小学生からわかるプログラミング HTML&CSS初級編

小学生からわかるプログラミング、ということで今回から「Progate」というプログラミング学習サイトを利用して一緒に勉強していきましょう。まずは、基礎の「HTMLとCSS」について学んでいきましょう!これを学ぶとWebページが作れます!
CSS

コピペで使えるCSS【メニュー・ボタン・吹き出し】

Toshi コピペで使えるCSSということで今回は、メニュー・ボタン・吹き出しを作ってみました!誰でもコピーして使えるため、ぜひWebデザインに使っていただけたらと思います。 今回解説していく内容は以下です! ...
CODE

初心者が始めるプログラミング!言語は何を選ぶ?

Toshi プログラミングを始めようと思っているけど何から始めればいいかわからない。そんなお悩み解決します。初心者が学びやすいプログラミング言語〜困った時はこうしよう…というところまで解説していきます! ...
CODE

【なぜ?】2020年よりプログラミング教育が必修化

Toshi 2020年よりプログラミングが小学生から「必修化」になりました。ということで、このサイトでも小学生にわかりやすいようなプログラミングコンテンツを増やしていけたらと考えています。今回は、なぜ?プログラミン...
CODE

CodePenとは? コードの埋め込み、コードの共有

Toshi Webデザイン(プログラミング)を学習しよう!といった時、いろいろな準備がありますがこの「CodePen」を使ってしまえば、「HTML」「CSS」「JavaScript」がWebブラウザ上で簡単に学習で...
スポンサーリンク