一定期間更新がないため広告を表示しています
TOP > Design > 1ページに全てのコンテンツを集約したデザインwebサイトまとめ「35 Nice Single Page Web Designs」 多様化するwebデザインの中で、効率的にユーザビリティーに配慮したサイトを構築するというのは難しい部分でもあります。今回紹介するのは、1ページに全てのコンテンツを集約したデザインwebサイトまとめ「35 Nice Single Page Web Designs」です。 WebGuerilla 一つのwebサイトにいくつものページを構成するのではなく、1ページのみですべてのコンテンツを完結させた、機能性と構成のアイデアを融合させた斬新なwebサイトが多数紹介されています。中でも特に気になったサイトをチェックしてみましたので、下記よりご覧ください。 詳しくは以下 ■Polecat それぞれのページが全く異なるデザインの各ページが
別ドメインへのリンク時に、現ドメインのクッキー情報をパラメータにしてリンクURLに乗せる「_link」という関数があって、こう使いますね。 <a href="https://www.secondsite.com/?login=parameters" onclick="_gaq.push(['_link', 'https://www.secondsite.com/?login=parameters']); return false;">Login Now</a> これは、onclickのときに_linkを実行してます。_linkの引数はそのリンク先情報そのもの。 _linkの動作は、引数(URL)にパラメータをつけてリンク先に遷移するというもの。 で、_linkは内部的には_getLinkerUrlという関数を実行していて、そいつは引数(URL)にパラメタをつけて、つけたURLを返すというと
WordPressを使い始めた頃は、テンプレート階層、テンプレートファイルの上手な使い方などは、全く考えずに Webサイトを作ってました。 いまではもっと効率的に、もっとスマートにサイトを構築できるようになったかも!そのためにちょっと覚えておきたい、テンプレートファイルについてのあれこれをご紹介します。 WordPress というと、ブログ構築のための CMS(コンテンツマネージメントシステム)というイメージが強いですけど、一般的な Webサイトを作るの時にもとっても便利です。私も仕事で Webサイトを作る時に、WordPress で作成することがとても多いです。 WordPress はバージョンも 3.0 になって、カスタム投稿タイプやカスタムメニューなど、さらに CMS としても充実してきたように思います。 ブログと違って一般的な Webサイトは、そのサイトによって仕様が様々です。コン
パスワードフィールドに入力された文字列を設定されたパスワードと照合し、一致していたらログイン後画面に飛ばす 簡単なログイン処理のサンプルソースです。 CookieとSession両方晒しておきます。 phpファイルを二つ用意しますが、便宜的に login.php → ログイン画面 admin.php → ログイン後画面 としています。 先頭行にパスワードを設定する定数がありますが、 ファイル数の多いスクリプトではconfig.phpなどを作ってincludeすることが多いです。 ログイン処理の流れは大体こんな感じです。 パスワードフィールドに文字列入れて送信 送信された文字列が設定されたパスワードと一致するか確認 一致していたらクッキー、またはセッションに暗号化したパスワードを保存して次のページへ遷移 一致していなかったらエラーメッセージを出す ログアウト処理について追記しました Cook
私は毎日使っている Adobe Photoshopですが、まだまだ使いこなせてません ...。 初心者だったころは今以上に分からないことだらけでした。 今回はとても長い記事になってしまいましたが、初心者だった頃分かりにくかったなーと思った Photoshop の機能についてまとめてみました。 私が Web制作をするときに、いつもお世話になってるのが Adobe Photoshop。Photoshop は Webデザイナーでなくても、DTP デザイナーさんやカメラマンさんなど、職種を問わずいろんな所で使われていますよね。もちろん仕事で使っていないけれど、趣味のことに Photoshop を使っている … という人もたくさんいると思います。 Photoshop はとっても高機能でいろんな機能がついていて、分からないことだらけ …。難しい用語もあったりして、取っ付きにくいなーと思ってる人も多いは
WordPress をカスタマイズするなら覚えておきたい条件分岐タグと、カスタマイズにとっても便利なカスタム投稿タイプについて、簡単にまとめてみました。 WordPress をカスタマイズするなら、必ずと言っていいほど使うのが条件分岐タグ。ブログとして Webサイトを構築するなら、とってもよく使う … というほどではないかもしれませんが、一般的な Webサイトを WordPress で構築していくとなると、動的な Webサイトであればあるほど、条件分岐タグはよく使います。 また、話は変わっちゃいますけど、WordPress 3.0 から本格的に採用された新機能、カスタム投稿タイプも、WordPress でのサイト構築にはかなり便利です。おなじみの条件分岐タグから、カスタム投稿タイプ、タクソノミーまでを、メモっぽくまとめてみました。 WordPress サイト構築 Tips 目次 WordP
2008年12月13日(土)に、 WCAN mini ActionScript vol9が開催さてました。 今回はアニメーションです。 俺の好きアニメーションはこちらです。 森の安藤 歌覚えました。たまりません。 むきだしの光子 こちらも歌覚えました。踊りもGoodです。 さて、関節フェチ入門の資料とかアップします。 みなさんも関節フェチ入門。 ※Flash CS4が必要になります。 英語版でも体験版でも製品版でも!あぁあーっ! 関節フェチ入門 Flash CS4のボーンツール 資料PDF(PDF: 244kb) http://bigchu.com/web/session/wcanminias/vol9/wanminivol9.pdf 関節素材(FLA: 468kb) http://bigchu.com/web/session/wcanminias/vol9/man.zip FLAをひらく
併用についてのGoogle の公式のヘルプ記事がありますので、まずは、そちらをご覧ください。 GWOは、Google Website Optimzer。GAは、Google Analytics。ともに、Googleが提供するウェブサイトの効果計測の為のツールです。この二つのツールの使用は、機能として非常に似ているので、両者の良い部分を併せてみようと言うのが、今回のエントリーです。ちなみに、GWOで何をOptimize(最適化)するのかというと、コンバージョンレートを最適化(ためのテスト)します。A/Bテスト、もしくは多変量テストで数字を見比べて、適するテストを選択するわけです。 まず、両者の比較から入ります。 GAの方が分析用の機能は豊富 GWOは、ユーザー単位(cookie)でのコンバージョンを測るという機能を提供するのですが、同じことは、GAでもできます。カスタム変数をユーザーレベルで
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
去年の11月にリリースされた「MT5 (Movable Type 5)」。 「管理画面が良くなった」とか、「カスタムフィールドが便利になってる」とか、聞こえてくる噂は肯定的なものばかり。 そんなMT5を使う機会がやっと訪れて、ワクワクしながら使い始めたんだけど、意外にMT4系と同じ感じというか、違和感なく使えるっていうのか。なんかメリットを活かしきれてないような感じで、やや拍子抜け...。しかも、久しぶりすぎて、MTのタグをほぼ忘れているという残念な状態。 まあ、でもせっかく使ってみたことだし、次の機会のために、今回おさらいしたMTタグ(一部、MT5の新規タグ)を自分用にまとめておく。 [ブログ関連] 文字のエンコードを表示 (リファレンス) <$mt:PublishCharset$> ブログの説明文を表示 (リファレンス) <$mt:BlogDescription$> ブログの名前を表
これからMT5を調整して行く中での覚え書きを、ここにまとめて行く予定。 いきづまったときの解決法や参考にさせていただいたサイトなど、書き残しておかないとすぐに忘れてしまうので・・・。 と思ったら、パンくずリストのソースを公開されているサイトさまがあったので、一部を有り難く使わせていただきました。 ・Movable Type でパンくずリストを自動で設置する方法 http://lem-on.net/2008/11/movable-type.html ※その後、MT5用に試行錯誤しながら作ってみました。 →MT5 共通で使えるパンくずリストを考えてみた ◎カテゴリの並び替え カテゴリを自分の考えている順番で表示させたい。 でも、できればプラグインは使いたくない。 と思っていたところ、こちらのサイトさまに解決法が。(カテゴリーの説明欄を利用する) ・MTカテゴリーの表示順変更、プラグインを使わ
JavaScript チュートリアル 初級編 JavaScript の基礎 JavaScript の第一歩 JavaScript の構成要素 JavaScript オブジェクト入門 JavaScript ガイド 入門編 文法とデータ型 制御フローとエラー処理 ループとイテレーター 関数 式と演算子 数と日付 テキスト処理 正規表現 インデックス付きコレクション キー付きコレクション オブジェクトを利用する Using classes プロミスの使用 JavaScript 型付き配列 イテレーターとジェネレーター メタプログラミング JavaScript モジュール 中級編 クライアントサイド JavaScript フレームワーク クライアントサイド Web API Language overview JavaScript のデータ構造 等値比較と同一性 プロパティの列挙可能性と所有権 クロ
※DBとEC-CUBEのバージョンを追記させて頂きました。 [EC-CUBE] EC-CUBE Version 2.3.4 [データベース] PostgreSQL 8.4 Google Analyticsのeコマース トランザクションにて、商品ごとの設定をしようとしているのですが、カテゴリ名の取得方法についてご教示頂けないでしょうか? /data/Smarty/templates/default/shopping/complete.tpl <!–{section name=cnt loop=$arrDetails}–> pageTracker._addItem( “<!–{$orderId}–>”, // Order ID “<!–{$arrDetails[cnt].product_code}–>”, // SKU “<!–{$arrDetails[cnt].product_name}–>
10月16日にアクセシビリティをテーマに勉強会を行ないました。 スピーカー 持田さん(@motchie, アルファサード) あらたさん(@aratakojima, NPO法人しゃらく) みるくさん(@milk54, White Stage) 当日のおおまかな流れ 持田さんのセッション:10分 みるくさんのセッション:40分 あらたさんのセッション:40分 グループディスカッション、質疑応答:80分 みなさんのセッション内容 アクセシビリティ・イントロダクション(持田さん) タイトル通り「アクセシビリティって何?」というところを持田さんにお話していただきました。アクセシビリティというと高齢者や障がい者のための、という意識の人は多いんじゃないかと思うんですが、いかにして私たちがつくったものを多くのひとが気持ちよく使ってくれるか、ということなんですね。イントロダクションとしてすばらしいセッション
もはやこの業界ではかなり浸透しつつあるjQuery。 今回はそんなjQueryにスポットを当て、本年度紹介された中でも、ホットなトレンドプラグインをご紹介します。 ※プラグインつかってないのもあります。 1)3D表示プラグイン サンプルデモ 今年のトレンドと言えば3D。 というわけでこちら。まずはサンプルデモを確認。 触ってわかる通りですが、2枚の画像が3D表示されます。 呼び出す $(function() { $('#mindscape').smart3d(); }); HTML <ul id="mindscape"> <li><img src=".../mindscape1.png" /></li> <li><img src=".../mindscape2.png" /></li> </ul> CSS #mindscape { width: 720px; height: 170px;
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く