タグ

tipsに関するshinji_HKのブックマーク (586)

  • Photoshopでメタリック調のテキストを作る方法 / ウェブデザインライブラリー

    投稿日:2010年09月24日   レベル:初級者    ソフトウェア: このチュートリアルでは、メタリック調のテキストを作る方法を紹介します。 Step1 : はじめに Step2 : 背景をつくる Step3 : シルバーのくぼんだテキストをつくる Step4 : スクリーンのモードを利用して、メタリックにする Step5 : くぼみの箇所に金属を曲げたような質感を出す Step6 : リベットを打ち込む Step7 : 完成

  • Photoshopの切り抜き、選択範囲いろいろ:で、結局どれがいいの?

  • 現場でプロが培ったGoogle Analyticsの使い方

    Google Analytics(グーグルアナリティクス)とは、米グーグルが提供する無償のWebアクセス解析ツールのこと。「現場でプロが培ったGoogle Analyticsの使い方」は、ASCII.jpの担当者が蓄積してきた「Google Analytics」によるアクセス解析のノウハウを具体的なケースをもとに、Google Analyticsの使い方を学び、指標の意味を深く読み取るための方法を紹介する。 <cj:inc template="792" element_id="498083" />

    現場でプロが培ったGoogle Analyticsの使い方
    shinji_HK
    shinji_HK 2010/09/10
    ちょっと勉強しなおし
  • 永久保存版!?携帯コーディング、これだけ読めばすぐできる! | KAYAC

    マークアップエンジニア(以下、ME)のtacamyです!(`・ω・´) カヤックでは、デザイナーもHTMLコーディングをしてくれています。 (いつもありがとうございます!) そんなワケで、格的にHTMLコーディングはしないけど、 ちょこっとしたページなら組みますっていうデザイナー向けの、 「コレだけ読めばすぐできる」シリーズを始めました。 第一回は「携帯コーディング」についてです。 携帯はPCとは全くの別物なので、なんとなく敬遠しがちですが、 最低限の内容であれば覚えることも少ないですし、 一度覚えてしまえばスタンダードがしばらく変わらないので、覚えておいて損はないですよ! 携帯コーディングの基 基礎の基礎 文字コードはShift-JIS CSSはインラインで指定(タグに直接style属性を追加する) 画像を含むページ容量100KB以内(HTML自体の容量は9KB以内) 画像はgifか

  • mediologic.com/weblog » サイトを企画する時に考えたい、4つのポイント。

    ■サイトを企画する時に考えたい、まず4つのポイント。 Webサイト、特にブランディングサイト、スペシャルサイト、キャンペーンサイトというものを企画する時に気をつけたいこと。 Google勤務時代はさすがにそういう仕事はなかった訳ですが、博報堂、電通、そして今に至るまで、サイトの企画をする際に、気をつけてきたこと、一緒に仕事をするスタッフとシェアしてきたこと、そしてこれから一緒に仕事することがあるかもしれない人々にもシェアしたい、僕の考え方をまとめておきたいと思います。 1)そもそもWEBサイトに人は来ない 僕自身、多数のWEB企画に参加してきたけれども、常にまず第一に念頭におくのは、そもそもサイトに人は来てくれない、ということ。Google時代にその考えはますます強くなった。検索をしてサイトに飛びだつユーザーは、その目的のためにそれぞれを訪れる。SEO/SEM業界でいう[ランディングページ

  • スマートフォンサイトをデザインする7つのポイント (1/3)

    Webサイトをデザインするときは、単なる見た目の美しさだけでなく、情報の見やすさや使いやすさなどの「ユーザビリティ」や、高齢者や障がい者の方も快適に使える「アクセシビリティ」に留意する必要があります。さらに、スマートフォンサイトのデザインでは携帯電話端末ならではの特性も考慮しなければなりません。 デザインに必要な環境を整える WebサイトのデザインではいきなりHTMLを書くのではなく、まずPhotoshopやFireworksなどの画像作成ソフトを使って「デザインカンプ」を作成し、画像パーツを切り出してHTML化していくのが一般的です。こうした流れはスマートフォンサイトの場合でも変わりません。 ブラウザー枠を用意しよう PCサイトを制作するときには、デザインカンプを実際のサイトのイメージに近づけるため、Webブラウザーの枠を含む状態でデザインすることがよくあります。そこで、スマートフォンサ

    スマートフォンサイトをデザインする7つのポイント (1/3)
  • Twitterのサイドバーを透明化する方法*二十歳街道まっしぐら

    Twitter: Deixe a sidebar do twitter transparente」にTwitterのサイドバーを透明にする方法が書かれています。 簡単に設定できるので、紹介します。 Twitterのサイドバーは色を変更することはできますが、透明度は設定できません。 あるコードを適用することで、サイドバーを透明化することができます。 Twitterやってます。よければフォローしてくださいな。 →@kamekiti 以下に透明化の方法を載せておきます。 通常のTwitterページはこんな感じですね。 サイドバーは青色。透明になっていません。 まず、Twitterの「設定」にアクセスしましょう。 「設定」から「デザイン」へ移動します。 ここで、以下のコードをブラウザのURLバーに貼りつけて、エンターキーをぽん! javascript:d=document;c=d.createE

  • ライブドアのUstream配信セット&現場の運用ノウハウを大公開

    印刷する メールで送る テキスト HTML 電子書籍 PDF ダウンロード テキスト 電子書籍 PDF クリップした記事をMyページから読むことができます ライブドアでUstreamの配信を担当している櫛井優介と申します。所属は開発部です。ライブドアの開発部というのは、来はプログラマーやデザイナー、マークアップエンジニア、ネットワークエンジニアが所属しており、ウェブサイト制作を専門としている部署です。 私はエヴァンジェリストという肩書きで、「ライブドアという会社の今を伝える」という役割を担っています。普段は社外の方への協業提案の先陣を切る役目や、社内外のイベント運営などを業務としています。 ライブドアでは社外の方を招いてのカンファレンスや勉強会、あまり数は多くないですが記者会見などでUstreamを使っています。ライブドアは「Open&Share」を社是としており、情報はどんどん公開して

    ライブドアのUstream配信セット&現場の運用ノウハウを大公開
    shinji_HK
    shinji_HK 2010/07/09
    近々何かの役に立てる。
  • あなたのブログが10倍アクセスアップする文章テクニック - はてなこわい><

    立山黒部アルペンルート横断&富山旅行記 なぜ富山? 事前準備 ざっくりと予定を立てて、宿の予約をする 立山黒部アルペンルートの切符を買う JRの新幹線の事前受付の罠 はじめての新幹線eチケットサービス 「特定都区市内制度」が適用対象外であることを知る 新幹線eチケットがモバイルSuicaに紐づけられてい…

    あなたのブログが10倍アクセスアップする文章テクニック - はてなこわい><
    shinji_HK
    shinji_HK 2010/06/28
    最後まで読む気がしなかったがいつか役立つかな
  • 【HTML5】新規でサイトを作るのに使えそうなの一式。Ver 1

    HTML5版の新規でサイトを作るのに使えそうな一式です。 今までの新規で使えそうな一式のVer3からも有る程度流用はしていますが、結構いじってます。 今までみたいに、社内のマークアップエンジニアとかそういう人がもう居ない環境なので、何処かで使われていた訳ではありませんが、まー最初の準備って地味に面倒なのでちゃちゃっと始めるには良いんじゃないでしょうか。 【HTML5】新規でサイトを作るのに使えそうな一式。Ver 1をDL(zip:12kb) HTML5版のVer 1を見る 社内のマークアップエンジニアとかって書いたら、これどうなのよ?とか話してた頃がちょっと懐かしくなった。 コーダー飲みとか、CSS Niteなんかで、マークアップエンジニアやコーダーさんと会う機会は結構有るのに、そういう具体的な?話まではしないからなぁ・・・ それはさておき、中身のご説明などを続きにて。 中身のご説明 zi

    【HTML5】新規でサイトを作るのに使えそうなの一式。Ver 1
  • より早くcssやhtmlのコーディングが行えそうな情報いろいろ - かちびと.net

    Web制作を少しでも効率化しよう と思って(今更)いろいろ便利そう な情報を探しました。既に使って いる情報の方が多かったのです が、折角調べたのでシェアしたい と思ってエントリーです。 コーディングをもっと円滑に、という旨の情報です。順不同。あんまり多いと逆効果なので量は絞りました。一応これでも絞りました。絞ったつもり。 zen-coding 話題になったzen-coding。だいぶ慣れて来た方もいらっしゃるのでは。 zen-coding(家) HTMLコーディングが3倍速くなる?「Zen-Coding」 秀丸Zen- Codingマクロ コーディングの効率化を図るZen codingをDreamweaver cs4に入れる方法 WP Zen-Codingが凄く便利 初期設定とかTipsとか 制作前に知っておくと便利なコードとかTipsいろいろ。 css書く前にチェック。 もう、cla

    より早くcssやhtmlのコーディングが行えそうな情報いろいろ - かちびと.net
  • スマートフォン最適化を実施する際に最低限抑えておきたいこと : LINE Corporation ディレクターブログ

    こんにちは。livedoor グルメを担当している澤田です。 livedoor グルメでは3月に、iPhone版Safariブラウザでの表示最適化に対応いたしました。これは、iPhone版Safariブラウザでlivedoor グルメを閲覧した際に、PC版の画面ではなく、iPhoneの表示サイズや使い方に合わせてカスタマイズされた画面を表示させるものです。 最適化されてないサイトの場合は、基的にPCと同じ画面がiPhoneに表示されるので、表示される画面が小さく、大量の画像データなどを読み込むため表示に時間もかかります。 この「最適化」の作業を行うことで、iPhoneユーザーにとって必要な機能を、より使い易いナビゲーションで提供できるようになります。 今回はその画面開発時に、ユーザーの使い勝手に留意して設計した、いくつかのポイントについてご紹介します。iPhoneをお持ちの方は、ぜひSa

    スマートフォン最適化を実施する際に最低限抑えておきたいこと : LINE Corporation ディレクターブログ
    shinji_HK
    shinji_HK 2010/06/04
    そろそろこのへんも研究しないとまずいか・・・
  • PC

    Pythonで実感、「音声認識」の仕組みを知る 音声をどうやって認識するのか、従来型システムで流れを理解する 2024.12.16

    PC
  • 話題のスマートフォン「Xperia」、通信料金を劇的に安くするワザ - 日経トレンディネット

    5月1日発売の日経トレンディ6月号「スマートフォン&iPad」では、今年に入り注目度が急上昇しているスマートフォンについてのあらゆる情報を網羅している。特に注目を集める端末の1つが、iPhoneが支配していたカテゴリーに久々に現れた“大型新人”、「Xperia(エクスペリア)」だ。 アンドロイドOSを採用したスマートフォン「Xperia」(NTTドコモ/ソニー・エリクソン・モバイルコミュニケーションズ)が注目されている。こうした“対iPhoneの切り札”とも呼べる端末が登場したことで、そろそろスマートフォンデビューを考えている人も多いだろう。ただ、気になるのが月額料金などのランニングコストだ。そこで、さまざまな料金プランや通信サービスを徹底検証。Xperiaのランニングコストを一般的な料金プランよりもさらに下げる方法があることがわかった。 まず、Xperiaは一括払いでの購入が望ましい。独

    話題のスマートフォン「Xperia」、通信料金を劇的に安くするワザ - 日経トレンディネット
  • Loading...

  • 5分で絶対に分かるリスティング広告+運用テクニック

    Yahoo!Googleで検索すると表示される広告は、一体何なのか? その概要や歴史、種類、PCとケータイの違いなどを5分で解説 リスティング広告の概要 リスティング広告とは、どのような広告のことを指す言葉か、ご存じでしょうか? 「PPC(Pay Per Click)」「P4P(Pay for Performance)」「CPC(Click Per Cost)」「キーワード連動広告」「検索連動広告」「リスティング広告」などいろいろな呼び名がありますが、稿では、すべて「リスティング広告」と呼ぶことにします。 リスティング広告とは、具体的にどのような広告のことをいうのでしょうか? 下記の図1・2をご欄ください。 PCサイトは、図1の赤い枠で囲った「スポンサーリンク」という枠がリスティング広告です。モバイルサイトは、図2の赤い枠で囲った4つの枠がリスティング広告です。 この広告枠はランダムで

    5分で絶対に分かるリスティング広告+運用テクニック
  • マンガで分かる JavaScriptプログラミング講座

    はじめに 「マンガでわかるJavaScript」は、難しそうに思えるプログラムを、簡単そうに見えるマンガで解説するという初心者向けの入門講座です。 架空の高校生たちに教える形式で、プログラムの基礎から応用を、解説していきます。一通りのマンガを読めば、かなり実践的なところまで、プログラムを書けるようにしていきます。 (マンガは、左上から右下へと読みます) プログラムというと、けっこう大変そうに思えますが、この講座のテーマは「面倒くさいことを楽にする」です。面倒臭がりで、手抜き大好きの女子高生を主人公にして、楽しくプログラムを学んでいくことにします。 主な対象読者は「これからプログラムを学んでみたい人」「Webの世界に関わっていてJavaScriptを学んでみたい人」「昔JavaScriptを触っていたけど最新のトレンドが分からないので改めて学んでみたい人」などです。初心者だけでなく、Webデ

    マンガで分かる JavaScriptプログラミング講座
  • 最近話題だからという理由でツイッター始めた人の為のツイッター講座*ホームページを作る人のネタ帳

    今一度ツイッターの仕組みをおさらいし、快適なツイッターライフをエンジョイできるお手伝いをいたします。 ツイッターの事を知らないのにツイッターを題材にしたドラマを書いた人のせいで、ツイッターを始めた人も増えているようですが、そんな人が最初にぶちあたる「なにこれいみわかんないキャハハ」を解決します。 ちなみに世界中で使われているこのサービスは、1秒間に2000ものつぶやきが発生しているほど、大人気なサービスです。 始まり方は、牧場に捨てられる感じ 個人的なイメージですが。そんな感じ。 何も無いところに、あまりサポートもないところにポツーンと捨てられます。 Twitter の登録はこちら 始めたばかりの状態というのはフォロー0、フォロワー0の状態でスタートします。 このフォローとフォロワーは今後どんどん出てくる言葉なので今すぐ覚えてください。 フォロー あなたが、誰かのつぶやきをみます、という契

    最近話題だからという理由でツイッター始めた人の為のツイッター講座*ホームページを作る人のネタ帳
  • 「普通の写真」の撮り方 :: デイリーポータルZ

    フレーミングの超基 撮りたいのは、芸術写真とか人に感銘を与える写真とかではなく、ごくごく普通の写真。なので、特にテクニックなんか不要で、ただシャッターボタンを押しさえすればいい。 …と思っていたのだが、どうもそうでもないようだ。 基的なセオリーがあって、それを知らないと、なんとなく不自然な写真になってしまう場合がある。(個人差アリ) 図1を見て頂きたい。 写真として、どこか不自然さを覚えるだろう。

    shinji_HK
    shinji_HK 2010/04/24
    被写体が普通でないのは置いといて。
  • PCを買い替えしたとき、iTunesのライブラリを完全に移行する方法

    好きなものは空と緑とS2000とガンダムとラジコン・ミニ四駆、Perfume(かしゆか)。ときどき子育てとキャンプ。 現在のリンクはこちらからどうぞ⇒iTunesを移行・バックアップ、新しいPCへライブラリを移動 以下、アーカイブ iTunesのライブラリを他のPCに移行する手段です。簡単な方法ではmp3ファイルなど音楽ファイルをコピーしてドラッグ&ドロップすれば移るのですが、これだとプレイリストやレート、再生回数などが全部なくなってしまいます。そこでプレイリストやレート、再生回数などを維持しながら比較的(ここポイント)簡単に移行する手段をまとめました。 iTunesライブラリ移行ソフト: プレイリストや再生回数、iOSのバックアップなどiTunesの全てのデータを他のPCへ移行するならCopyTrans TuneSwiftという専用のソフトを使うと便利です。 このソフトで簡単に iTun

    PCを買い替えしたとき、iTunesのライブラリを完全に移行する方法
    shinji_HK
    shinji_HK 2010/04/22
    いつか役立てる