jQuery jQueryの「animate」メソッドを使ったアニメーション
jQueryanimateメソッドとは？jQueryのanimateメソッドを使うと簡単にアニメーション(値を変化)させることが出来ます。animateメソッドは値で指定出来る物（margin、color、width、positionなど）...
web-design
jQuery jQuery 要素の属性を操作する
jQuery属性とは各要素に付属している情報です。img要素であればsrcやalt、a要素であればhrefなどです。もちろんidやclassも属性の一つです。jqueryでは「attr」メソッドを使う事で任要素の属性に対して値を設定／取得す...
jQuery スムーススクロール
jQueryscrollイベント要素がスクロールした時のイベントとして関数を指定できます。scrollTopイベント「scrollTop()」を使用した場合、要素の最上部から縦スクロールした現在位置の上部までのピクセル数を取得します。{ s...
JavaScript javascript実技試験 復習
JavaScript【問8】以下のコピーライトの「2019」の部分をdomとdateオブジェクトを使って、動的に変更させなさい。<p><small>© 2010-<span id="thisYear"></span>Felica ...
jQuery jQueryとは
jQueryjQuery（ジェイクエリー）とは、ウェブブラウザー用のJavaScriptコードをより容易に記述できるようにするために設計された軽量なJavaScriptライブラリである。ジョン・レシグが、2006年1月にリリースした。様々な...
css3 cssプラグインを使ってハンバーガーメニューを作る
css3jQuery前回の授業では擬似要素（before・after）を使ってハンバーガーメニューの3本線を作りましたが、スニペットを使う事で簡単に作る事が出来ます。jonsuh.comアイコンの切り替えはjQueryでclass「is-a...
JavaScript javascript演習問題２
JavaScript【問01】今日の西暦年月日曜日（形式例：2019年12月5日木曜日）を表示させなさい。【問02】「時間を表示」ボタンをクリックしたら、現在の時間（形式例：16時4分8秒）が表示されるプログラムを作成しなさい。【問03】「...
Photoshop モバイル用のバナーの作成
Photoshopバナー広告とはディスプレイ広告の1つです。広告代理店によってバナー広告のサイズは細かく決まっています。ここではGoogleのディスプレイ広告のガイドラインに沿って、モバイル用のバナーを作成してみましょう。バナー広告の種類レ...
css3 縦書きとrubyタグの使い方
css3「webは横書きが当たり前」そんな常識は変化しつつあります。実はwebにおける縦書きの取り組みは、Internet Explorer5.5(2000年)が独自に実装していましたが、他のブラウザーでは実装されていませんでした。CSS3...
JavaScript javascript 演習問題
JavaScript以下の指示に従い、Javascriptを記述せよ。【問01】ユーザーがプロンプト画面で年齢を入力したら、if文を使って以下のように条件分岐されるよう記述せよ。19歳までは「未成年です」20歳〜60歳は「成人です」61歳以...