タグ

2012年11月27日のブックマーク (7件)

  • jQueryコーディングの基本的なことからプラグイン化までの注意書き(Webデザイン)

    jQuery でのプログラミングの、基的なことからプラグインを作るところまで、初心者の頃につまずいた部分を中心にまとめてみました。公式ドキュメントなどで使われている、少し難しい印象の専門用語も織り交ぜながら書きました。jQuery で Webデザインのパーツを作るときの注意書きという感じです。 Webサイトを作るとき、私的にはとってもよく使っている jQuery。jQuery を勉強しだしたころは、自分の書いたコードが動いたりするのが、とっても楽しくて嬉しかった覚えがあります。私はあまり JavaScript でのコーディングが得意ではないので、今でもよく jQuery を使ってコーディングしてます …。 以前:CSSは分かるけど jQuery は苦手 … という人が jQuery に親しんでくれるといいなーと思って書きました という記事を書いたのですが、今回はその復習 & jQuery

    wingsgate
    wingsgate 2012/11/27
  • Webサイトの作り方のまとめ!デザイン制作からコーディング手前まで。

    話し合い Webサイトの制作に向けて、まず最初にする事は、依頼主についての情報を収集することです。依頼主と話し合い、どんなサイトにしたいのか、方向性を決めてゆきます。 依頼主との話し合いでは、以下の2点について、しっかりと決めておく事が大切です。 サイトにどんな情報を入れるか、どんな人に向けて発信するか、サイトをどう活用していきたいかなど、サイトを立ち上げる目的は何かを確かめる。 どんな雰囲気のサイトにしたいか、理想とするサイトや、希望・要望を聞きながら、どういうデザインにするかイメージを固める。 また、同業他社のサイトを片っ端から見まくる事。今回の場合、喫茶店やパン屋さん、ケーキ屋さんなんかが参考になるかもですね。他のサイトではどんなコンテンツがあるか、どんな見せ方をしてるかとか、この業種だとどんな色遣いのサイトが多いのかとか、たくさんみる事で、刺激になったり、イメージが掴めたりします。

    Webサイトの作り方のまとめ!デザイン制作からコーディング手前まで。
    wingsgate
    wingsgate 2012/11/27
  • Webサイトの作り方のまとめ!番外。

    サンプルサイトの制作を通して、「Webサイトの制作手順」についてまとめてみました(の番外です)。 前回の記事では、トップページのデザイン制作と、勢い余ってスライスまでしてしまいましたが、その後、依頼主からデザインの修正依頼がありました。この記事では、トップページデザインの修正と、下層(コンテンツ)ページのデザイン制作について書いてます。 目次です。クリックするとその項目へ移動します。 トップページデザインの修正 依頼主からの返答 改善案を考える 修正案を制作する ちょっと寄り道:ロールオーバー時の見せ方 サイトの役割を再確認 サイトの構成を決める サイト構成図を制作する ちょっと補足:サイト構成図?サイトマップ?sitemap? 下層(コンテンツ)ページの制作 各ページに入れる内容を整理する レイアウトを考える 下層ページのデザイン制作 スライスしてWeb用に書き出し トップページデザイン

    Webサイトの作り方のまとめ!番外。
    wingsgate
    wingsgate 2012/11/27
  • Webサイトの作り方のまとめ!トップページ完成まで。

    サンプルサイトの制作を通して、「Webサイトのコーディング」についてまとめた、第3(+α)回めです。 トップページにツイートを表示したり、Like Boxを設置したり、JavaScriptでいろいろ実装したり、その他もろもろ。 「Lopan cafeというWebサイトのトップページ総仕上げ」について、制作過程をまとめました。 以下目次。 その前に、ちょっと修正 一番上のナビゲーションのところ Lopan's infoと新作パン/おすすめパンのところ 「画面を縮めると変」だったところ ちょっと脇道:サーバーの話 Webサーバーとは サーバーにファイルをアップロードする トップページにツイートを表示する。 Twitter ウィジェット Embedded Timelines(埋め込みタイムライン) トップページにLike Boxを表示する。 Facebookページを作る Like Boxを設置す

    Webサイトの作り方のまとめ!トップページ完成まで。
    wingsgate
    wingsgate 2012/11/27
  • Webサイトの作り方のまとめ!コーディングまで。

    サンプルサイトの制作を通して、「Webサイトのコーディング」についてまとめました。 ここで言うコーディングとは、「HTMLで文書を書いて(マークアップして)、CSSで見栄えを整える(CSSコーディングする)」ことを指します。主に「Webデザイナー」と呼ばれる人たちが担う範囲のコーディングについて書いてます。 以下は目次です。クリックするとその項目へ移動します。 コーディングの下準備 ディレクトリの構造を考える ディレクトリの設置 Web開発環境について CotEditorというテキストエディタ Zen-Codingという便利なプラグイン その他のWeb開発環境 コーディング!まずはマークアップ(HTML) index.htmlの基設定 トップページの内容をマークアップ コーディング!レイアウトを整える(CSS) style.cssの基設定 トップページのレイアウトを整える <heade

    Webサイトの作り方のまとめ!コーディングまで。
    wingsgate
    wingsgate 2012/11/27
  • Google Maps APIのおさらい。

    Webサイトで地図を表示するのに便利なGoogle マップ。Googleが提供しているGoogle Maps APIを使って、地図を設置する方法から、マーカーを置いたり、道のりを表示したり、地図の色を変えたりするためのコードをまとめました。※Google Maps APIの中でも、ここではGoogle Maps JavaScript API v3を使ったサンプルを掲載します。 以下は目次です。クリックするとその項目へ移動します。 Google マップを設置する。 いちばん簡単なGoogle マップ ジオコーディングなGoogle マップ Google マップの読み込み方 場所を示す。 マーカーを置く アイコンを置く 吹き出しを出す 道のりを表示する。 ポリラインで描画する Directions Serviceを利用する 見た目をカスタマイズする。 コントロールのカスタマイズ デザインのカス

    Google Maps APIのおさらい。
    wingsgate
    wingsgate 2012/11/27
  • iPhone/iPadでdocomo WiFi(ドコモ公衆無線LAN)に自動ログインする方法

    ドコモが永年無料キャンペーンを提供しておりエリア内では各キャリアの公衆WiFiの中でも比較的快適に利用できるdocomo WiFiですが、iOS端末からは利用のたびにID/パスワードの入力が必要です。これを自動化する方法を紹介します。 手順 iPhoneiPad、iPod touchなどのiOS端末はMacWindowsで利用できるiPhone構成ユーティリティというツールにて設定プロファイルを作成する事でパソコン側から設定をあらかじめ作成する事ができるので、今回はこれを利用します。 以下のリンクのAppleの公式サイトからiPhone構成ユーティリティをダウンロードします。 iPhone 構成ユーティリティ 3.5 – Mac OS X iPhone 構成ユーティリティ 3.6.1 – Windows システム用 今回はMaciPhoneを使用して説明していますが、基的に手順は同

    iPhone/iPadでdocomo WiFi(ドコモ公衆無線LAN)に自動ログインする方法
    wingsgate
    wingsgate 2012/11/27