開発言語とその他
画像編集 Photoshopで画像から文字を消す方法
CODE
CSS【CSSで動きを出す】hover ,active,focus の使い方
CSSはHTMLの装飾をするだけではなく、JavaScriptのような動きをつけることもできます。今回は、hover , active , focus を紹介したいと思います。
CSSCSSの擬似要素【Before,After】を解説
CSSの擬似要素(::before,::after)ってなんのために使うんだろう？そう思ったことはありませんか？今回は、そんな擬似要素の::beforeと::afterについて解説していきます。サンプルコードがあるので参考にしてみてください！
Javascript【jQuery】fadeOutとslideUp
今回は、jQueryで簡単にアニメーションをつけてみようということでfadeOutとslideUpを使用しました。fadeOutとslideUpの書き方について簡単に説明させていただきます！
WeChat【WeChat】ミニプログラム 作成（開発環境構築）
WeChatのミニプログラム が作りたいということで何回かにわけてWeChatのミニプログラム の作り方についてお伝えします。今回は第一段ということで開発環境を整えていくところからスタートします！※手順をしっかり書いているため開発未経験の初心者でも大丈夫です。
CODE【jQuery】便利なテキストボックス連動方法（keyup）
jQueryでテキストボックスの１つに文字を打ち込むと、もう１つのテキストボックスに文字が打ち込まれるというコード作りました。どこいった場面で利用できるかパットは思いつきませんが、「keyup」イベントについて理解が深められるかと思います。
HTML小学生からわかるプログラミング HTML&CSS初級編
Toshi 小学生からわかるプログラミング、ということで今回から「Progate」というプログラミング学習サイトを利用して一緒に勉強していきましょう。まずは、基礎の「HTMLとCSS」について学んでいきましょう！こ...
CSSコピペで使えるCSS【メニュー・ボタン・吹き出し】
Toshi コピペで使えるCSSということで今回は、メニュー・ボタン・吹き出しを作ってみました！誰でもコピーして使えるため、ぜひWebデザインに使っていただけたらと思います。 今回解説していく内容は以下です！ ...
CODE初心者が始めるプログラミング！言語は何を選ぶ？
Toshi プログラミングを始めようと思っているけど何から始めればいいかわからない。そんなお悩み解決します。初心者が学びやすいプログラミング言語〜困った時はこうしよう…というところまで解説していきます！ ...
CODE【なぜ？】2020年よりプログラミング教育が必修化
Toshi 2020年よりプログラミングが小学生から「必修化」になりました。ということで、このサイトでも小学生にわかりやすいようなプログラミングコンテンツを増やしていけたらと考えています。今回は、なぜ？プログラミン...
CODECodePenとは？ コードの埋め込み、コードの共有
Toshi Webデザイン（プログラミング）を学習しよう！といった時、いろいろな準備がありますがこの「CodePen」を使ってしまえば、「HTML」「CSS」「JavaScript」がWebブラウザ上で簡単に学習で...
CSSCSSで文字を縦書きにする方法
Toshi 今回は、CSSで文字を縦書きにする方法について説明します。一般的なWebサイトは横書きですが、目を引くデザインにするためには CSS で文字を縦書きにしても良いんじゃないでしょうか？では、早速解説します！ ...
CODE【Atom】作業効率を上げる便利なショートカットキー（Mac）
Toshi 今回は、テキストエディタ「Atom」の「作業効率を上げる便利なショートカットキー」を紹介していこうと思います。また、全ファイルの文字列検索と置換のやり方についても詳しく解説します！ 今回解説していく内容は...