CODE

開発言語とその他

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初級編

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

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

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

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

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

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

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

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

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

CSSで文字を縦書きにする方法

Toshi 今回は、CSSで文字を縦書きにする方法について説明します。一般的なWebサイトは横書きですが、目を引くデザインにするためには CSS で文字を縦書きにしても良いんじゃないでしょうか?では、早速解説します! ...
CODE

【Atom】作業効率を上げる便利なショートカットキー(Mac)

Toshi 今回は、テキストエディタ「Atom」の「作業効率を上げる便利なショートカットキー」を紹介していこうと思います。また、全ファイルの文字列検索と置換のやり方についても詳しく解説します! 今回解説していく内容は...
スポンサーリンク