レスポンシブWEBデザインでフィットネスクラブのサイトを作ってみる｜ cocope [Web制作ヒント集 ココペ]

2015/02/25 105 users フィットネスクラブ 実案件 サンプル 目標 スマホ

現在WordPressで実案件を想定としたWordPress構築術を紹介しています。レスポンシブWEBデザインで作っているのですがあまり詳しく解説していなかったので今回改めてまとめていきたいと思います。 今回目標としているサイトは小規模のフィットネスクラブです。サンプルサイトをご用意していますのでスマホやPCで確認してみてください。 今回のサンプル： Sample Fitness Club まずは... 続きを読む

『jQuery 最高の教科書』サンプルサイト

2013/12/04 919 users jQuery キャプション ホバーエフェクト かんたん 入門

Chapter 02 3 ステップではじめるかんたん jQuery 入門 # Easing Chapter 04 確かな基礎力を養う jQuery の基本テクニック 01 さまざまなホバーエフェクトで学ぶ動きのある表現の基本 02 画像とキャプションの表現 03 丸いボタンのレイアウト 04 見え隠れするサイドバー 05 タイポグラフィの表現 # Chaper 04 完成版 Chapter 05 ... 続きを読む

レスポンシブWEBデザインでフィットネスクラブサイトを作ってみよう | sichoru

2013/10/12 249 users フィットネスクラブ sichoru 実案件 サンプル 目標

現在WordPressで実案件を想定としたWordPress構築術を紹介しています。レスポンシブWEBデザインで作っているのですがあまり詳しく解説していなかったので今回改めてまとめていきたいと思います。 今回目標としているサイトは小規模のフィットネスクラブです。サンプルサイトをご用意していますのでスマホやPCで確認してみてください。 今回のサンプル： Sample Fitness Club まずは... 続きを読む

ASCII.jp：サンプルで学ぶTwitter Bootstrapの使い方：前編 (1/3)｜Webサービス開発者のためのTwitter Bootstrap入門

2013/07/25 175 users Twitter Bootstrap エンジニア サンプル

Webデザインができないエンジニアでも、見た目をすばやく整えられるフロントエンドツール「Twitter Bootstrap」。前回は、Twitter Bootstrapの概要と特徴、利用事例を紹介し、実際の設置方法までを説明しました。今回は、簡単なサンプルサイトを作りながら、Twitter Bootstrapの基本的なルールと使い方を説明します。 簡単なサンプルサイトで使い方を学ぼう サンプルとし... 続きを読む

ポケット詳細 jQuery Mobile辞典 サンプルサイト

2012/07/18 126 users HTML テキスト ２－２ 複数 作成

ポケット詳細 jQuery Mobile辞典 サンプルサイト 1章jQuery Mobileについて 1-3　jQuery Mobileクイックスタート(全サンプル) 1-5　jQuery Mobileにテキストを省略させずに表示する 1-5　jQuery Mobileの定義済みクラス(オリジナルボタンアイコンの作成) 2章ページ構築 2-1 単一のHTMLでサイト構築する 2-2 複数のHTML... 続きを読む

ウェブデザインのユーザーインターフェースに使えるサイトまとめ | DesignWalker

2009/08/24 1019 users ユーザーインターフェイス DesignWalker 要素

誰にでも簡単に使いやすいユーザーインターフェイスをデザインする事はウェブデザインにおいてとても重要な要素となります。 とは言っても、誰もが直感的に使いこなせるユーザーインターフェイスをデザインする事はなかなか簡単なことではありません…。 今回は、優れたウェブデザインのユーザーインターフェイスを作り出すために、参考になりそうなサンプルサイトをいろいろとまとめてみました。 User Interface... 続きを読む

公開APIを利用したサンプルサイトを作っていくよ

2009/02/12 905 users 公開API ソースコード 近日発売予定 WebサービスAPI

公開APIを利用したサンプルサイトを作っていくよは、Web上で公開されているWebサービスAPIを利用してサンプルサイトを作っていくサイトです。このサイトで公開するサンプルサイト、ソースコード、解説記事などをまとめた書籍を近日発売予定です。 続きを読む

ニュータイプなJSライブラリjQueryを使ってみよう！

2007/12/21 410 users jQuery ZAPA JavaScriptライブラリ 皆様

JavaScriptライブラリのニュータイプ「jQuery」。 jQuery is a new type of JavaScript library. jQuery: The Write Less, Do More, JavaScript Library ニュータイプと聞いては黙っていられないニュータイプファンの皆様こんにちは、公開APIを利用したサンプルサイトを作っていくよ管理人のZAPAです。... 続きを読む

早速Google AJAX Feed APIを導入してみました

2007/04/19 205 users Google AJAX Feed API フィード API

Googleから「Google AJAX Feed API」が公開されました。 このAPIは、他ドメインのRSSやAtomの一般的なフィードを簡単に取得するためのAPIです。 公開APIを利用したサンプルサイトを作っていくよ管理人として、早速「Google AJAX Feed API」のテストを兼ねて、[Z]ZAPAブロ〜グ2.0に導入してみました。 各記事の下部に、「この記事に言及していそうなブ... 続きを読む

ニコニコ動画みたいなものを作ってみるテストと問題点

2007/03/01 413 users テスト 問題点 動画 警鐘 ニコニコ動画

ニコニコ動画みたいなサービスを作るのがどれくらい難しくて、どれくらい大変なのかを確認してみるテストと、それによりわかった問題点をあげてみます。 テスト用にサンプルサイトとして作ってみたのは、以下の2つのページです。 ニコニコ動画みたいなものを作ってみるテスト 動画最新情報 解説はこの後に続きます。 ニコニコ動画(β)終了に見るWeb2.0マッシュアップ時代への警鐘に書いたように、ニコニコ動画は一旦... 続きを読む

公開APIを利用したサンプルサイトを作っていくよ

2006/09/14 1235 users 公開API マッシュアップ word API フォーマット

ZAPAnet総合情報局管理人ZAPAが公開API（Webサービス）を利用して、サンプルサイトを作って紹介しています。 Web2.0、マッシュアップの流行によってせっかくWeb上でAPIが公開されていても、利用する前に規約に同意して、開発用ドキュメント（HTMLからPDF、EXECL、WORDなどドキュメントのフォーマットもいろいろあります）を読んで理解して、さぁ開発…。 という一連の流れが大変で... 続きを読む