2019-12

Photoshop

モバイル用のバナーの作成

Photoshopバナー広告とはディスプレイ広告の1つです。広告代理店によってバナー広告のサイズは細かく決まっています。ここではGoogleのディスプレイ広告のガイドラインに沿って、モバイル用のバナーを作成してみましょう。バナー広告の種類レ...
css3

縦書きとrubyタグの使い方

css3「webは横書きが当たり前」そんな常識は変化しつつあります。実はwebにおける縦書きの取り組みは、Internet Explorer5.5(2000年)が独自に実装していましたが、他のブラウザーでは実装されていませんでした。CSS3...
JavaScript

javascript 演習問題

JavaScript以下の指示に従い、Javascriptを記述せよ。【問01】ユーザーがプロンプト画面で年齢を入力したら、if文を使って以下のように条件分岐されるよう記述せよ。19歳までは「未成年です」20歳〜60歳は「成人です」61歳以...
css3

@font-faceを使ったWebフォントの使い方

css3webフォントには大きく分けて2種類の使い方があります。1つはGoogleFontのようにネット上にあるCDNを使うパターンです。今回は、もう1つの、「自身でフォントデータをサーバーにアップする」方法をやってみましょう。こちらの方法...
JavaScript

setIntervalを使ってタイマー処理を行う

JavaScriptsetInterval一定時間ごとに特定の処理を繰り返す、関数です。これを使いタイナー処理を行う事でリアルタイムに動く時計や一定時間で画像が変わるスライドショーなどを作る事が出来ます。ミリ秒javascriptでは秒数の...
JavaScript

コピーライトの記述方法

webサイト制作JavaScriptフッター要素などにあるコピーライトの記述。サイトによって色々な書き方がありどう書いて良いか迷う所ですが、そもそもコピーライトの記述は絶対に必要なものでは無く、記述しようがしまいが、日本では著作物は法律でち...
JavaScript

DOM (ドキュメント・オブジェクト・モデル)とは

JavaScriptDocument Object Model(DOM) は、HTML およびXMLドキュメントのためのAPIです。これはドキュメントの構造的な表現を提供し、内容や表示形態の変更を可能にします。簡単に言い換えるとhtmlの各...
JavaScript

DOMでのオブジェクトの使い方

JavaScriptWindowオブジェクトWindowオブジェクトは、ブラウザーが持っている情報をそのまま持っています。ブラウザーの様々な情報を確認・取得する事が出来ます。早速確認してみましょう。<script>console.log(w...