one's way blog

ワクワクを生み出せるWebエンジニアを目指して。

2015-04-01から1ヶ月間の記事一覧

【8:ProgressBar】画像が読み込まれるまでプログレスバーを表示

プロジェクトNo.8:ProgressBar JavaScriptを使ってプログレスバーを作ってみました。今回のポイントは以下の通り。 画像を読み込む度に関数を呼び出す|ShowProg() 画像を全て読み終わった時にプログレスバーを消す|body onload

【7:Bomb】ランダムでボタンアクションを切り替える

プロジェクトNo.7:Bomb JavaScriptのランダム関数を使用して、複数用意したボタンの中から、毎回異なる1つのボタンだけ違うアクションをするというものを作成した。

【6:One day】時刻によってテキストとスタイルを変更|JavaScript - Date(), DOM

プロジェクトNo.6:One day今回からJavaScriptも使って開発していきます。 JavaScriptを使用して、時刻によって朝昼晩夜の4パターンのテキストとスタイルを変更するというものを作成しました。

CSSで文字を回転させる|transform: rotate()

CSS

transform: rotate()を使って、テキストを-90度回転させる方法です。

CSSで線形、円形グラデーションを表現する

CSS

今回はCSSを使った線形、円形グラデーションの表現方法を紹介する。

positionプロパティを使用する際の注意点|ブラウザ間での違い

CSS

positionプロパティを使って絶対位置・固定位置を指定した際に、ブラウザ間で配置が異なる事がある。その際の対処法を紹介する。

【5:Horizon】positionプロパティによるスクロールコンテンツ

プロジェクトNo.5:Horizon水平線から太陽が昇る様子を、positionプロパティを使って表現してみた。

フリー素材ユーザのためのillustratorの使い方|画像をスライス(分割)する方法

Web制作している時、よくお世話になるのがフリー素材。 希望のフリー素材が見つかった場合はいいのですが、画像の一部分を使いたいって時あると思います。 その際にillustratorのスライス機能を使って、画像をスライス(分割)して新たに画像データとして抽…