2019-12

Illustrator

フリー素材を編集してロゴ画像を作成する

Illustratorベクター形式のロゴデータであれば、文字などを自由に編集できるので、場合によってはフリー素材などを使って編集してみましょう。photoshopvip.net
css3

CSSで変数が使えるカスタムプロパティ

css3cssで変数というとSASSやLESSといったcssを拡張したメタ言語が一般的ですが、最近ではcssのみでも変数を使う事が出来ます。SASSやLESSと比べると、出来る事は少ないですが、cssファイルに直接記述する事が出来、非常に簡...
webサイト制作

TwitterやFacebookなどのSNSをサイトに埋め込む

webサイト制作Webサイト上で新着情報や更新頻度の高い情報を表示させたい時には、TwitterやFacebookなど既存のSNSのプラグインを使うのが非常に便利です。SNSのプラグインを使用すれば、わざわざHTML内のデータを触る事無く、...
jQuery

jQueryの「animate」メソッドを使ったアニメーション

jQueryanimateメソッドとは?jQueryのanimateメソッドを使うと簡単にアニメーション(値を変化)させることが出来ます。animateメソッドは値で指定出来る物(margin、color、width、positionなど)...
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演習問題2

JavaScript【問01】今日の西暦年月日曜日(形式例:2019年12月5日木曜日)を表示させなさい。【問02】「時間を表示」ボタンをクリックしたら、現在の時間(形式例:16時4分8秒)が表示されるプログラムを作成しなさい。【問03】「...