apple風のアニメーションする超クールなメニューを作成:phpspot開発日誌
Create an apple style menu and improve it via jQuery | Kriesi.at - new media design apple風のアニメーションする超クールなメニューを作成。 次のような（デモページで動作も確認）のようなクールなアニメーションするメニューの作成チュートリアルが公開されています。 Photoshopでの画像の作成方法からマークアップ、ＣＳＳ、そしてjQueryによるアニメーションまで解説。 サンプルのダウンロードも可能でダウンロードしてそのまま使うことも出来ます。 サイト構築用に、そして流れが書かれているので学習用に使えますね。 関連エントリ デザイン性に優れたCSSメニュー集 メニュークリックでコンテンツをダイナミックにスライドさせるJSサンプル
第5回 GoogleAppEngineでMVCアプリケーションを作成する
GoogleAppEngineについて前回紹介し，SDKを用いたローカルでの開発方法，および「Hello, World」を表示して公開するところまで説明しました。 今回はかんたんなアプリケーションの作成を通してGoogleのwebapp Frameworkを説明します。サンプルとして，かんたんなひとことブログサービスを作成します。このアプリケーションの作成チュートリアルを通して，データの投稿や削除，ユーザー認証などWebアプリケーションの基本的な機能を実装する方法を一緒に学んでいきましょう。 仕様を決める 実装する機能は以下の通りとします（図1，図2）。 ひとことの投稿 ひとことの削除…自分が投稿したひとことを選んで削除できる すべてのひとことの削除…管理者のみすべてのひとことを削除できる
Amazonの画像加工について(まとめ)
Author:Betelgeuse Amazon画像いじり、クレイモア(漫画)、アインハンダー(ゲーム)などについてだらだらと続けるブログ。 その他、タクティクスオウガネタ、動植物ネタ、時事ネタ、宮城県・仙台ネタなども扱います。 はてなアカウント、fc2のこのブログ、twitterでおもに活動しています。それ以外のbetelgeuseさん達は同名の別人。HUMANオス。 Amazon.co.jpアソシエイト カテゴリー 未分類 (15)リンクや感想など (4)Amazon (107)雑記 (154)クレイモア (41)はてな (4)インスタントストア (5)PHSなど (11)PSP(PlaystationPortable) (13)アインハンダー (48)ニコニコ動画・YouTube (126)動植物 (117)事件・事故・単語などのメモ (261)コミック・ライトノベル (35)ゲーム
【ハウツー】ゼロからはじめるAdobe AIR - TodoMemoを作ってみよう | パソコン | マイコミジャーナル
Copyright (C) Mainichi Communications Inc. All rights reserved. 掲載記事の無断転載を禁じます
Ajax＆PHPでアニメーションするコンタクトフォームを作成するサンプル:phpspot開発日誌
Creating an Ajax contact form - from start to finish :: ENHANCE Ajax＆PHPでアニメーションするコンタクトフォームを作成するサンプル。 デモページを見る 必須入力値を入力しないとエラーになったりする機能はついているみたいだけど、入力値チェックはないみたい。 送信時にフォームが子気味よくアニメーションするため、ちょっとした訪問者への驚きや、フォームデザインに懲りたい人にはよさそう。 HTMLもクリーンなので、CSSでデザインしやすくなってます。 関連エントリ CSSでユニークなコンタクトフォームを作るチュートリアル 携帯サイトのフォーム設計ポイント CSSを使ってファンシーなボタンを作成するテクニック
【ga.js版】Google Analyticsでリンククリック数を追跡する方法｜WEBマーケティング ブログ
ga.jsに切り替えてから、しばらく放置していたのですが、urchin.jsでは計測できていたリンククリックがそのままではとれないことが発覚。てなわけでいろいろ探したら出てきたのでご紹介しておきます。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! ga.jsでリンククリックを計測する方法 デフォルトでリンクのクリックを追跡できるアクセス解析ツールもありますが、敢えてここはGoogle Analyticsで追跡するにはという方法をご紹介。ついでに「urchin.js」での追跡の仕方もご紹介しておきます。 「urchin.js」でリンククリックを追跡していました もともと、いままでのGoogle Analyticsの解析タグ「urchin.js」でも内部リンクだろうが外部リンクだろうがリンククリック
masuidrive on rails - ブログにはてブのコメントを表示するhatana_bookmark_anywhere.js
Photo by puddles for snails ブログを書いていると、はてなブックマークにいいコメントが付くことがあって、これが多くの人に見てもらえないのは、勿体ないなぁーと思うことがたまにあります。 本当はブログのコメント欄に残してもらえるとうれしいのですが、敷居が高いのかなかなか書いてもらえません。 それなら、ブログにはてなブックマークのコメントを表示すればいい！と思って作ってみました。 どこでもはてなブックマークのコメントを表示するスクリプト、「hatana_bookmark_anywhere.js ver 0.1」をリリースします。 実際の設置例はこのページの下の方を見てください。 設置方法は超簡単。https://raw.github.com/masuidrive/hatena-bookmark-anywhere/master/hatena-bookmark-anywhe
Google App Engineを使ってみた
Google App Engine(書きにくい。GAEとか略すのかなと予想)のページで、使える状態になっていたのでボタンを押して利用開始。 アプリは3つまで作らせてくれるということなので、まず Application名 […] Google App Engine(書きにくい。GAEとか略すのかなと予想)のページで、使える状態になっていたのでボタンを押して利用開始。 アプリは3つまで作らせてくれるということなので、まず Application名 “akky” を確保。 これで、http://akky.appspot.com/ が使えるようになる。(Google Appsのように、独自ドメインへのマップもできる予定) まずはローカルでちゃんと動くPythonアプリを作る、ということで、さきほどインストールしたSDK上で作業。 C:> cd “Program FilesGooglegoogle_
これだけは押さえておきたいSEO対策 - livedoor ディレクター Blog
こんにちは、livedoor Blog担当の坪田です。 以前に「HTMLタグを使わないSEOの話」というエントリーがありましたが、今回は新規ウェブサイト立ち上げ時や、リニューアル時に押さえておきたいSEO対策をまとめてみました。 「SEO」は、多くのマーケティング担当者を魅了し、盲目にさせてきました。 私も何か有効な手段はないものかと、ティッカーに「SEO」の文字が表示される度にクリックしては、とりつかれた様にブックマークしていました。 経験のある方も多いと思いますが、SEO について調べると情報が膨大すぎて正しい答えが見つかりません。というよりもその時・サイトに応じてケースが異なるため、「どうすれば順位があがるのか？」という知りたいことの結論がでないのです。 私は、基本的な施策を忠実に行い地道な効果測定の繰り返しを行うことが、上位表示の秘訣だと考えています。ただ、SEO 対策は長期的な運
第11回 PCサイトとこんなに違う！携帯サイトのフォーム設計ポイントとは | ユーザー視点のウェブデザインガイド
その半面、携帯サイトの設計については、PCサイトとは異なるユーザー特性があるにもかかわらずノウハウは少なく、中規模以上のサイトであっても「とりあえず作っただけ」のサイトや、やみくもに見た目だけを新しく装ったサイトが多いのが現状である。 今回は、携帯サイトの設計、その中でも特にビジネス成果に直結するフォームについてピックアップし、携帯ユーザー特有の行動に対していかに対応すべきかを考えてみたいと思う。 さて、複数のブラウザを立ち上げて、画面を切り替えながら操作が可能なPC環境と違い、モバイル端末では一度サイトから離れると、戻ってくるのが非常に大変である。そのため、携帯サイトのフォーム登録はPC以上に「一発勝負」であることを強く意識する必要があるだろう。 まず、ユーザーの入力負荷を減らし、自動入力が可能な部分は可能な限り実装するなどの配慮を欠かさないようにする必要がある。さらに、「携帯特有の機能
今日の覚え書き Tickler's bunkum days: 「激しく使える」サイトの自分用まとめ
open-arms.biz 2023 著作権. 不許複製 プライバシーポリシー
【レビュー】Googleからの贈り物 - Google AJAX Language APIでカンタンに翻訳サイトを (1) 超シンプルなAPIながらスゴイ実力 | エンタープライズ | マイコミジャーナル
20日に発表されたGoogleの新しいWeb API、Google AJAX Language APIは、誰でも簡単に言語の翻訳を行えるようにするJavaScript APIだ。同APIを使うと、JavaScript文字列に対して「日本語←→英語」や「中国語←→英語」と言った変換を簡単に行えるのみならず、文字列が何語で書かれているかを自動判別することもできる。 同APIのパワーがどれほどのものかというと、以下のような翻訳サイトを10分足らずで作れてしまったほどだ(ソースコードは次ページで解説)。 非常にシンプルなAPI(メソッド2つしかない!)にも関わらず、そのパワーがあまりに凄まじすぎる。この興奮をぜひ皆さんにもお伝えしたいと思う。 ということで、さっそくLanguage APIの使い方を学んでいこう。
テキストをかっこよく魅せるPhotoshopのチュートリアル集 | コリス
テキストにメタル・光沢・グランジ・立体化などのエフェクトを使用したPhotoshopのチュートリアルの紹介です。 各サイトは英語ですが、キャプチャ付きで作成方法を説明しています。 一部のサイトでは、PSDファイルをダウンロードできます。
prototype.js でタブ切り替え - AUSGANG SOFT
たつをさんのCSS と JavaScript でタブ切り替えをprototype.jsを使って書き直しました。 極力、再利用が簡単になるようにしてみました。 ライセンスは本家の「無償・無保証・著作権放棄」に準じます。 ご自由にお使いください。 サンプルはこちらからダウンロードできます。 基本コードは以下のようになっています。 <script type="text/javascript" src="prototype.js"></script> <script type="text/javascript" src="tabMaker.js"></script> <link href="tabMaker.css" rel="stylesheet" type="text/css" /> <div id="tabContent"> <ul id="tabIndex"> <li class="tab
Great flash MP3 and FLV player by Jeroen Wijering
JW Player End-to-End Video Delivery & Monetization Platform Enabling video-driven companies to deliver and monetize content using a single unified platform for Live & VOD. Broadcasters Publishers Advertisers Purpose-Built for Broadcasters, Publishers, & Other Video-Driven Businesses Innovative industry solutions to flawlessly stream video, improve audience engagement, and better monetize video con
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
カリビアンコム期間限定スペシャルー無料お試し開始！
シンプルでセンスの良い、WordPressのテーマファイル集 | コリス
Fireworksのチュートリアルいろいろ - DesignWalker
『無料＋ブラウザ』で全部やってしまおう。webジェネレーターとサービス50個まとめ*ホームページを作る人のネタ帳
いまさら聞けないAdobe AIR「超」入門（1/4）- ＠IT
