こんにちは。10月の組織編成でブログビジネス部に異動になりました飯田です。 普段はディレクターしてますが、時にモバイルサイトのマークアップをするときがあります。以前、こちらのエントリーでモバイルサイトを作るうえでのノウハウを紹介していますが、本エントリーではもう少し実践的な「モバイルサイトで○○を表現するには」をすごく簡潔に紹介してみたいと思います。 ある程度の端末で正常に表示されることを確認していますが、一部を除いて正常に表示されない場合もありますがご了承ください。なお、本エントリーで紹介している記述はわかりやすいように style 属性を全てインラインで記述しています。 見出しに背景色 div タグXHTML 対応の端末であれば下記のタグで簡単に見出しに背景色をつけることができます。 <div style="background-color="#0000ff;">ほげほげ</div>
iPhoneと過ごして500日経ちました。(2008年7月12日に買ったので2009年11月24日で500日。) 宮本武蔵さん曰く「千の稽古を鍛とし、万日の稽古を練とす。」らしいのでiPhone道も道半ばですが...500日を記念してどんなアプリを使っているのかまとめておきます。 とりあえずホーム画面を横繋ぎにするとこんな感じです。中にはあんまり使っていないアプリもありますが...一応スタメンアプリ達です。(ロックスクリーンから9枚目まで。10枚目は以降は現在お試し中アプリ領域なので割愛。) 大きな画像 2009/11/30 - 別冊と付録も書きました。 別冊:1軍なアクセサリートップ5 付録:アプリ表の作り方 前置き ページ分けしていない重い記事でごめんなさい... HTML込みの原稿レベルで10万文字超あります...があえての1記事。 iPhone 3GS(OS 3.0)での使用感で書
2009.11.01 営業・マーケティング 必見!あまりに人間的で面白いマーケティング実験! 中村 修治 有限会社ペーパーカンパニー 株式会社キナックスホールディングス 代表取締役 マーケティングに携わる者にとって、この動画は見過ごせない。必見である。 コア・コンセプト研究所代表の大西宏さんのブログに紹介されていた「TheFuntheory.com」からの実験映像である。 「理性は常に感情の奴隷でしかない」と言った哲学者がいる。マーケティングに携わる者にとって大事にしたい言葉である。売れる仕組みは、経済合理を優先するような理性だけでは作れない。 それを証明してくれるような「あまりに人間的なマーケティング実験」がTheFuntheory.comに掲載されているので紹介する。 参考・・・大西宏のマーケティングエッセンスより ひとつ目は・・・ エスカレーターより、ピアノ模様の階段! 地下鉄の階段
CSS Nite in Ginza, Vol.41フォローアップ(1)concrete5 記事公開日:2009年11月24日(火) 2009年11月19日、アップルストア銀座 3Fシアターで開催したCSS Nite in Ginza, Vol.41のconcrete5のセッションが講演者の上野さんによってYouTubeにて公開されましたので、お知らせします。 concrete5日本語公式サイト by Usagi Project 映画とマーケティング日誌 : CSS Nite & アメリカの個性と日本の個性 20分でわかるconcrete5 ベストセッション20192019年、CSS Niteでは49回の関連イベントを通して123セッションが行われました。その中からベスト・セッション+αを選びました。 2010年から2019年のベスト・セッションCSS Niteベスト・セッション2019CS
[PHOTOSHOP] 85 Ultimate Photoshop Light Effect Tutorials – フォトショップで描くライトエフェクトのチュートリアル Pocket Tweet 今日はアレです、フォトショップ押しです。ライトエフェクトを描くためのチュートリアルがまとめられた記事。この手のまとめ記事はよく目にするんだけど、このまとめ記事は数がスゴいです。85例も紹介されてます。けどこれ系のライトエフェクトって、実はブラシさえあればそんなに難しいものではないので、1つ作ってしまえばコツが身につくので、あとはどうにでも応用ができたりします。光のラインだけでなく、煙や虹のグラデーションなんかとも相性がイイですね。 85 Ultimate Photoshop Light Effect Tutorials
jQselectable : make selectbox so useful > project home change skins:selectable | natural Default selectbox 1) 都道府県適用前 2) 都道府県 optgroupあり、selected属性なし、selectable 3) 都道府県 optgroupあり、selected属性あり、selectable 4) 都道府県 optgroupなし、改行指定、selectable 5) 日付、改行指定、selectable 年 月 日 Simplebox 6) 都道府県 optgroupなし、simpleBox 7) 日付、simpleBox 年 月 日 Using Callback 8) セレクタ、Callback
もうWebデザインしないなんていわないよ、絶対(4) [番外編] 消費されずに成長するための デザイナの3つの命題 ワンパク 宮城秀雄、吉森大介、野村政行 2009/11/26 新人デザイナよ。君は、Web制作がどんな体制で行われ、デザイナが何を担当して、何をすべきなのか、を考えているか インターミッション 右も左も分からないままに歩き出したWebデザイナへの道。チームプレーを学び(第1回「入社1年目、デザインしないデザイナなんて!?」)、スキルを磨き(第2回「デザイナーは消費されるもんだぞ」)、プレゼンでもまれて(第3回「デザイナーのためのUI設計段階のデモ制作6カ条」)、僕は少しずつ進歩してきた。 「消費されずに成長し続けるWebデザイナ」として1人前になるべく、これからの物語は新たな局面を迎えるわけだが、今回は外伝として理想の制作体制について僕なりに考えてみることにする。『フォレスト
少ないスペース内でコンテンツをグリグリスクロールさせられるjQueryプラグイン「Flips」が公開されています。 小さな枠を3分割させてページをスライドさせるなど動きとしてもおもしろいコンテンツスクローラーになっています。 少ないスペースに色々なコンテンツを置くような場合に参考にできそうです。 デモページを見るとその凄さが分かる筈。 jQueryなので次のように実装も超簡単です。 $('#flips1').flips( { autorun_delay:0, direction: 'left' } ); 詳細・ダウンロードは以下のページを参照してください。 FLIPS | jQuery Plugins
知人に頼まれて和柄の テクスチャを探していましたが その過程でいくつか見つけた素材 をメモしておきます。フリーの 日本風なテクスチャ素材です。 背景に使えそうなものが中心です。 何に使ってもその方の自由ですけどw 多少はメモしていますが、著作権はご自身でお確かめ下さい。 Japanese Textures 15種類の和壁、和紙や漢字が書かれた紙のテクスチャ。商用利用可。 Japanese Paper Textures 14 High-Res Japanese Paper Textures 和風の高品質なテクスチャ14種類が個人商用ともに利用可能。 14 High-Res Japanese Paper Textures Fireworksの和風・伝統紋様テクスチャ 商用OKの和風パターンテクスチャ。 Fireworksの和風・伝統紋様テクスチャ Paper Texture Pack 02 か
先日書いた商用サイトでも無料の 国内外のWeb制作に使える素材 サイト総まとめ・2009にも 含めていましたが、このサイトだけ は単体でご紹介したかったので エントリーさせて頂きます。 記事でも書いたようにArs Grafikで配布しているWeb素材は商用サイトでも使うことが可能です。以下は同サイトの利用規約(Terms of Use )より引用します。 You may use Brushes, Patterns, Fonts, Textures, Icons, and Vector Graphics downloaded from Ars Grafik, for personal or commercial use. You may use Brushes, Patterns, Fonts, Textures, Icons, and Vector Graphics downloaded
If web design inspiration is as easy as drinking a cup of coffee or you can easily find inspiration in a cup of coffee, then a web designer’s life is a breeze. However, like their art and all that code that goes with it, there are times when inspiration seems hard to come by. So where do you get inspiration as a web designer? Your Web Designer Toolbox Unlimited Downloads: 500,000+ Web Templates, I
このブログをリニューアルして思ったこと やっぱりCSS3は便利でした。 自分でちゃんと触ってみて4点ほど、利点があったのでそれについてチマチマ書いて見ます。 レイアウト組むのが楽ちん セレクタが便利 画像に頼らず色々出来る アニメーションが素敵 といった4点が利点かなー なんて思いました。 本日はレイアウトについて便利だったことを書いてみます。 詳細は続きで。 まず始めに css2までは基本的に、FloatかPositionのどちらかでレイアウトを組んでいたと思います。 css3からは違う概念でレイアウトを組むことが可能になっています。 表示確認には、Firefox3.5、Chrome4を使用しています。 ※ちなみに説明する中で「-webkit-」(Webkit系)「-moz-」(Mozilla系)「-ms-」(IE系)などのプロパティがありますが、ブラウザごとの独自規格扱いになっ
質感がすごいアイコンを色々と集めたエントリのご紹介です。 次のようにアイコンだけど、アイコンとは言い難い芸術作品が多数掲載されていて見るだけでも楽しいです。 W-shop Icon Archigraphs Collection Icons Archigraphs Cars Icons Icons for Yellow Pages Office Icons こういうアイコンは作ろうと思っても、素人にはなかなか難しいんですよね。 リンク先は以下のエントリを参照してください。 50 (fresh) Beautiful and High-quality Free Icon Sets|Dzine Blog
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く