READ MORE

Javascriptを使ったユーザーアクションの取り扱い

webデザイナー平尾誠です。 javascriptの学習をやり直していたら、わからないことだらけでした。 今後も逆引き形式でまとめていきますので、わからないところだけをつまんでご覧ください。 Javascriptを使った …

READ MORE

jqueryでメガドロップダウンメニューを作ろう

メガドロップダウンメニューを今度コーポレートサイトで使う予定です。 だから今のうちに作っておこう。 コピペして使えるようにしたので、こちらをお使いください。 jqueryでメガドロップダウンメニューを作ろう See th …

READ MORE

vue.jsの学習で役立った記事にありがとうを言いたい

webデザイナーの平尾誠です。 最近はvue.jsを学習しています。 そこでVue.jsを始めるために役立った記事を、これから始める人のために備忘録としてまとめておきたいと思います。 何から学習していいかわからない イン …

READ MORE

SCSSの使い方を初心者用にまとめた

Webデザイナーの平尾誠です。 現在CSSを書いている人は、SCSS に記法を変えるだけでCSSの記述が極端に減りますよ。 SCSS は一言で言うと、CSSの記法です。 よく使うSCSS の記法は限られています。 調べれ …

READ MORE

Web系プログラミングを独学で継続したければ脱線しよう

Webデザイナーの平尾誠です。 表題の通りweb系プログラミングの歩き方をまとめています。 この記事は筋肉質な勉強法を否定するものです。 あらかじめご了承ください。 僕はもともとオリジナルの家具を作る家具の施工会社にいま …

READ MORE

Web系エンジニアのスキルチェックシートを作ったよ

Webデザイナーの平尾誠です。 最近アップデートしたポートフォリオが評判が良くて驚いています。 本当にありがとうございます。 さて、僕は最近MENTAというサービスを使い、Webサイト制作初学者へ向けたメンターをしていま …

READ MORE

初心者にありがちなHTMLの書き方と対策

Webデザイナーの平尾誠です。 最近、初学者に向けてオンラインでマンツーマンの講師をしています。 初学者が忘れがちな場所っていつも同じだと感じます。 この記事は下記のような方に向けて書いています。 ドットインストールで勉 …

READ MORE

魅力的なCSS/javascript のテキストアニメーションまとめ

Webデザイナーの平尾誠です。 今日は汎用的なテキストアニメーションを集めました。 テキストの現れ方が魅力的だと印象はグッとよくなります。 また、引きつけたいものに目線を導くことも可能です。 ほとんどのものはJquery …

READ MORE

マウスカーソルを利用したマウスストーカー好例まとめ

Webデザイナーの平尾誠です。 PC表示の際に、マウスポインターを利用してユーザーの体験を新しくするサイトが増えています。 ユーザーの体験をよりリッチに表現してくれます。 こんな感じですね。 自分もポートフォリオで実装し …

READ MORE

お手軽なスマホでジャイロを用いたparallax.js

これ以上ないんじゃないかってくらい簡単で便利なJsのプラグインを発見! スマホで見たら傾けたときに、ふわふわっと傾きます。 これは携帯に内蔵されているジャイロセンサーを使用したものです。 PCで見たときはカーソルに追従す …

READ MORE

【jquery】ユーザビリティをよくするサンプルコードまとめ

制作現場では決まって時間がない。 だから決まって使うソースコードは使いまわしたいですよね。 コピペで使える便利なコードを、役割別にまとめました。 今後もどんどん追加していくので、ブックマークとしておくと困った時に役に立つ …

READ MORE

特定の時間で表示を変更する時限式javascript

今年のエイプリルフールは休日です。 休みの日に出社しなくてもいいように、特定の時間が来たら表示して、終わったら消す。 そんなソースコードを紹介します。 時限式で実装できるのでとてもおすすめです。 [crayon-5cd9 …

READ MORE

Javascriptの慣性スクロールはSCROLL MANAGERを使う

とっても便利なススクロール系Jsを発見しました。 しかもMITライセンスときたら、使わせてもらうしかない。 では手を合わせて。いただきます。 SCROLL MANAGER とりあえず見てもらえるとわかります。 アニメーシ …

READ MORE

Adobe XDとSketchで飲食店のサイトを作る【後編】

やっとムスリム向け日本食レストラン”HALAL SAKURA”様のWebサイトを公開しました。 いやー感無量ですね!東京のクライアントを相手に大阪から初めてフルリモートで全ての工程を終えることができました。 おめでとうご …

READ MORE

jqueryを使ってレスポンシブサイトでパララックスを使う

僕が使い慣れている、一番簡単なパララックスのjqueryのプラグインを紹介します。 パララックスを使う理由 写真素材をもらってからの制作依頼はとても多いでしょう。 だから、できるだけ写真素材がいろんな角度から見えるように …

READ MORE

jqueryでマウススクロールのスピードを調整する

スクロールのスピードはjaueryを使って調整することができます。リッチに見せるための表現技法としては古くからありますね。 スクロールのスピードを調整すると文章をじっくり読ませることができます。 コピペして使えるjque …

READ MORE

サムネイルがアニメーションしてループするスライダー

よくサイトの横幅いっぱいに画像が流れていくやつをみます。 カルーセルスライダーと同じものなんですが、もっとダイエットしているシンプルなものを作りたかったので、調べていました。 じゃあ見つけました。 いつも参考にさせてもら …

READ MORE

レスポンシブでの画像の振り分け方

先日、Webデザイナーでおそらく知らない人はいないだろうブログ・Webクリエイターボックスを読んでいてobject-fitプロパティなるものが衝撃だった! 知らないCSSがまだまだ出てくるんだなーと。 1行追加でOK!C …

READ MORE

jqueryでsliderを自作するなら

Webデザイナーの平尾誠です。シンプルなスライダーごときならわざわざプラグイン入れる方がめんどくさかったりする。 だから現場でサクッとコピペして使えるようにここにライブラリとしておいておきますので、みなさんもコピペして使 …