S-wander

広告代理店SEが考える成果を出すためのウェブ制作メモ

Oiden

      2015/10/25

概要

シドニーにあるセルフサービス式レストランのウェブサイト。お店のコンセプトは大正ロマン。
デザイナーが描いたドラフト画を元にHTML化。
自分にとっては初のレスポンシブ対応。CSS(Media Query)とjQueryにてPCサイトとスマホサイトを切り替え。スマホ版はパフォーマンス重視の為、不要な画像やスクリプトの読み込みをさせないようにしたり、PCとスマホとで共通なところはできるだけ同じソースを使おうと、PC部分とスマホ部分の切り分けに苦労した。

担当
HTML / CSS コーディング 、ドメイン設定
使用スキル
JavaScript (jQuery)、レスポンシブ対応
リンク
Oiden デモサイト
oiden1oiden2oiden3oiden4
この記事は良かったですか?

 -

  関連記事

WEB制作にもつかえるバージョン管理ツール

バージョン管理のすすめ バージョン管理とは、コンピュータ上で作成、編集されるファ …

no image
WordPressサイトのRSSを自分のブログへ表示する方法

RSSを表示したい箇所に以下のコードを挿入。 <?php $RSSpath …

no image
ハッシュタグを指定してInstagramの写真をブログに表示する。

WordPressサイトのRSSを自分のブログへ表示する方法を応用して、 特定の …

真っ白な画面
エラーメッセージ Warning: “continue” targeting switch is equivalent to “break”. が出てWordPress管理画面にログインできない

ある日突然、Wordpressで構築したサイト上に以下のエラーメッセージが表示さ …

ショートコードが表示される
記事を抜粋表示したらショートコードまで表示されてしまった [WordPress]

[gallery ids=”10001″&#0 …

画像にbnrやbannerといったクラスやファイル名を付けるのは注意

ホームページを作るときにバナー設置スペースや、バナー画像に対してよくクラス名もし …

Cake PHP をインストールする方法

Cake PHPを入手する まずは Cake phpをダウンロードします。 Ca …

no image
Xoopsサイトのサーバー引っ越し

Xoopsで作られた社内サイトがある日突然閲覧できなくなった。 どうやらレンタル …

シェル
シェルとCronを使って簡単自動バックアップ

万が一の時のことを考えてサイトのバックアップは定期的に取らなくてはならないですよ …

no image
Instagramの写真をRSSでギャラリー表示する方法

最近巷で流行っているInstagram。 Instagramって何?っていうのは …