[連載]Webデザイン入門（3:光とボタン）
3日目の講義ではちょっとしたボタンを制作したのですが、テキストに載っていたボタンがちょっとおかしな感じだったので、反射光に関して簡単に説明してから、反射光を取り入れたボタンを制作しました。 ちょっとおかしな HOME ボタン Photoshop のテキストの最後にボタンの作り方が載っていたのですが、なんだかちょっとおかしいですね…なぜおかしいのでしょうか。 電球マークは光源、オレンジの矢印は光線を表すものとします。 おそらく、著者の方はボタンには上から光があたっているものと考えて、このようなボタンにしたのではないでしょうか。 あるいは、単に Photoshop のデフォルトのグラデーションが白から黒なので、このようにしたのかもしれません。 しかし、このような光の当たり方は、現実世界ではありえません。 （たとえ太陽光などの入らない密室でも、壁や床に光が反射する場合があるため） もっと身近な例
![[連載]Webデザイン入門（3:光とボタン）](https://cdn-ak-scissors.b.st-hatena.com/image/square/ba55948aebf9bd09cec00d2b9655ded91948f9f2/height=288;version=1;width=512/https%3A%2F%2Fi0.wp.com%2Fstocker.jp%2Fdiary%2Fwp-content%2Fuploads%2F321-1.png%3Ffit%3D300%252C300%26ssl%3D1)
略奪されたコンビニの暴力的な現実 突入！この目で見てきた原発20キロ圏内（後篇） | JBpress (ジェイビープレス)
広い駐車場にワンボックスカーを入れた。今度も手短にお願いします。国道はパトカーが多いですから。ジローくんはそう言って、また「見張り役」を引き受けてくれた。 セブン-イレブンに歩み寄る。向かって左側の側面のガラス壁が割られていた。人がくぐれるくらいの穴があいている。 破壊されたATM、中身がぶちまけられた商品 頭を中に入れたとたん、何か邪悪な空気が気道に流れ込んできて、胃からすっぱい塊が上がってきた。それは肉や野菜が腐った匂いだった。 私は中で何が起きているか、察知した。コンビニが1軒まるごと腐っているのだ。 こういう匂いは殺人事件の取材で経験があった。私はマスクの上から頭にかぶっていた手ぬぐいを巻き、後ろで縛った。そして深呼吸して、鼻から息を吸わないようにして、中に入った。 真っ先に目に飛び込んできたのは、破壊されたATMだった。パネル画面の下の引き出しのような部分（こんな部分が隠れている
Google Analyticsでリアルタイム分析が可能に
Googleが提供する無料のWeb解析ツール「Google Analytics」にリアルタイムデータの分析機能が追加された。 米Googleは9月29日（現地時間）、Web解析ツール「Google Analytics」に、リアルタイムのデータを分析できる「Google Analytics Real-Time」機能を追加したと発表した。向こう数週間で全ユーザーが使えるようになるが、早期アクセスの申し込みをすることもできる。 Google Analyticsでは、ページビューやユニークユーザー数の把握、キャンペーンのトラッキング、トラフィック解析などの機能を無料で利用できる。通常、24時間ごとにリポートが更新され、トラッキングコードを追加してからデータが表示されるまでに24時間かかる場合もある。Real-Timeでは、「Webサイトで起こっていることをそのまま表示する」という。 例えば、ブログ
0から始めるiPhoneからのWordPress更新術 – Feelingplace
0から始めるiPhoneからのWordPress更新術のまとめページを作りました。 過去の記事をこちらからご確認ください。 第0回 はじめに。そもそも何でわざわざiPhoneでブログを更新するのか。 第1回 iPhoneでブログを更新するための準備をしよう。 第2回 書きたいテーマをどこに保存するのか。何で書くのか。 第3回 画像・動画素材を準備しよう。 第4回 画像・動画素材の置き場を考えよう。 第5回 本文の流れをイメージしよう。 第6回 HTMLタグを使ってブログを書こう。 第7回 画像・動画素材のHTMLタグを取得しよう。 第8回 ブログを更新しよう。 第9回 終わりに。一連の流れを振り返ろう。
ECサイトのスマホ対応が今すぐ必要なたった1つの理由 | Web担当者Forum
オンラインショップにとってスマートフォン対応が必要な理由とは？ また「スマートフォン最適化」ではどのような点がポイントになるのか。 個人ユーザーのインターネットの利用ツールが、「PC＆ケータイ」から「スマートフォン＆タブレット端末」へと大きく変わりつつあるイマと近い将来を、データを交えながら解説する。 スマホ経由の売上伸び率がPCの売上伸び率を凌駕2010年7月、ドミノ・ピザがiPhoneアプリ「Domino's App」経由で1億円以上を売り上げたことが話題になった。iPhoneユーザー、しかもアプリ利用者という極めて限定された顧客セグメントでこれだけの売上が上がったことに、衝撃を受けたネットショップ運営者は多いのではないだろうか。 2010年下半期以降は、iPhoneに加えてAndroid端末の普及も進み、アパレル関連業界でもスマートフォン（スマホ）対応の“成功事例”が、ちらほらと報じ
フォーム周りのエレメントのデザインを見やすいインターフェースに変更できるjQueryプラグイン・jNiceItと、似たようなやつ何個か
どこかで使いたいなと思ってメモ。フォーム で良く使うラジオボタンやチェックボックス などのデザインを割りと簡単に見やすいデザ インに変更できるjQueryプラグインです。 この手のプラグインは沢山あるので選択肢の 一つとして、ですが、個人的には使いやすい 印象でした。 昨日に続き、今日もフォームのスクリプト。今日はフォームデザインを変更できるやつです。IE6だけちょい崩れるけどそれ以外は共通したデザインに変更できます。 ラジオボタンとかチェックボックスを画像に置換するプラグインですかね。なので、デザインの変更は基本的に画像とCSSを少し変えるだけです。尚、画像の指定もcssで行います。 左が普通で、右がリア充ですね。シンプルでいい感じです。見た目がいいほうが愛されるんですねきっと。世知辛い世の中ですこと。 マークアップも特別なことはしなくて済むのも楽かも。デザインの変更は基本的に画像を変え
パーフェクトJavaScriptはガチ本。クソと言われる言語仕様をまとめあげた良書 - 三等兵
執筆した井上誠一郎氏ら共著者に敬服。お疲れさまでした。 パーフェクトJavaScript (PERFECT SERIES 4) 言語仕様のpart2(2〜7章)まで読みました。その後はパラパラっと流し読み。まずは言語仕様までの内容について雑感を述べます。 JSには既にサイ本と呼ばれるバイブルが存在しますが、サイ本は「仕様を淡々と解説している本」といった印象を持っています。対してパーフェクトJavaScriptは「仕様における用語を整理し、分かりやすくまとめて解説している本」といった印象でした。そして表紙がダサいです。ガラケーがのってます。サイ本に対してガラケー本といったところでしょうか。・・・って不名誉な名称だからやめとこうと思いましたが、パーフェクトJavaScriptと長いのでやっぱり使います。 対象読者 入門書ではないと「はじめに」で言い切っています。対象読者についてもそのページで言
Photoshop: tutorials, examples, guides. | SloDive
Everyone will agree that Photoshop has changed the world of design for the better. Everywhere you look, you will see the products of Photoshop — Pictures, Texts, Infographics, Backgrounds, Wallpapers, Screensavers, Templates, Advertisements, etc. In this page, you will find educational resources, tutorials, tips, hacks, and tricks related to Photoshop.
画像に美しい角丸やボックスシャドウ、グラデーション、アニメーションを適用する
CSS3を使って、画像に美しい角丸やボックスシャドウ、グラデーション、アニメーションなどを適用するさまざまなテクニックを紹介します。 また、Chrome, Safari, Firefoxなど、最近のブラウザで期待通りに表示されないのを回避する方法もあわせて紹介します。 CSS3 Image Styles [ad#ad-2] 最近のブラウザで生じる問題点 画像に角丸やドロップシャドウを適用すると期待通りにならないことがあります。これはChrome, Safari, Firefoxなど、最近のブラウザでも生じます。 Chromeでの表示 デモでは「border-radius」と内側に「box-shadow」を適用していますが、Chrome, Safariではキャプチャのように欠けて表示されてしまいます。 また、Firefoxでは「border-radius」は期待通りですが、「box-shad
「これだけは入れておけ！」っていうフリーソフト
■編集元：ニュース速報板より「これだけは入れておけ！っていうフリーソフト」 8 名前：名無しさん＠涙目です。(鳥取県) :2011/09/29(木) 23:03:21.07 ID:sJTivbwh0 窓の手 続きを読む
カオスちゃんねる : 高田純次凄すぎﾜﾛﾀｗｗｗｗｗｗｗｗｗｗｗｗ
2011年09月30日00:00 高田純次凄すぎﾜﾛﾀｗｗｗｗｗｗｗｗｗｗｗｗ 1 名前：以下、名無しにかわりましてVIPがお送りします[] 投稿日：2011/09/28(水) 13:48:29.16 ID:KzRJrlYV0 レポートに訪れたパン屋で 「とりあえず今ラーメン食べたいんで」 7 名前：以下、名無しにかわりましてVIPがお送りします[sage] 投稿日：2011/09/28(水) 13:52:45.61 ID:KzRJrlYV0 春を愛する人は心清き人 嘘くさいよねー、春は危ないよねー 9 名前：以下、名無しにかわりましてVIPがお送りします[sage] 投稿日：2011/09/28(水) 13:53:59.79 ID:KzRJrlYV0 かわいいねー。だって笑うと笑顔に見えるもん。 11 名前：以下、名無しにかわりましてVIPがお送りします[] 投稿日：2011/09/28
アーキテクトを考える | システム設計日記
Bruce A. Tate 著、まつもとゆきひろさん監訳、田和勝さん訳の 「７つの言語 ７つの世界」 を楽しみながら読んでいる。 最初のページの「読者の声」の、 「複数のパラダイムを理解すると、設計能力が大幅に強化される」by Dr. Venkat Subramaniam に、はっとさせられた。 読み進めるうちに、この言葉の意味が、実感できてきた。 「異なるパラダイムを、実感してみる」と「設計の発想やセンスが変化する」手ごたえがあった。 ９章「まとめ」に、プログラミングパラダイムを４つに分類した要約がある。 ●オブジェクト指向 --> Ruby, Scala ●プロトタイプ型 --> Io ●制約論理型 --> Prolog ●関数型 --> Scala, Erlang, Clojure, Haskell ※「手続き型」がないのは、この本では C, FORTRAN, COBOL, BASI
最近気になってきたアクセス解析やSEOについて調べてみました - もとまか日記乙
先日、はてなダイアリーをプラスの高い方に変更しました。（今までは旧の方だった。変更するのが面倒くさかったから） そしたら、管理画面の見た目が変わって、アクセス解析とか何とかかんとか、色々出来ることが増えてちょっと興味を持ったので調べてみたメモ。 アクセス解析についてアクセス解析、奥が深そうですね。 アクセス解析を使ってサイトの課題を発見する12のステップ - リアルアクセス解析「Googleウェブマスターツール」で是非とも確認しておきたい５項目まとめ*二十歳街道まっしぐらアクセス解析を使ってサイトの課題を発見する12のステップ - リアルアクセス解析Google Analytics以上の超強力なリアルタイムアクセス解析ができる「Woopra」を試しに使ってみました - ...アクセス解析だけでは分からない、サイト上でのユーザー動向を追うツール８＋２種 - リアルアクセス解析そのまま上司に提
今日からできる！きれいに字を書く方法 | TuiTui
字が汚くて悩んでいる人、多いのではないでしょうか。 私が小さい時はマンガ雑誌の裏表紙とかに「日ペンの美子ちゃん」が ■思いっきりゆっくりと書く 字が汚いからってあきらめて、いつも適当に書いたりしていませんか？ 字が汚い人でもゆっくりと丁寧に書くだけで結構いけてる字が 書けるものなんですよ。 参考：教えて！goo ■「6°」の右上がりを心がける 六度法というのですが、ほんの少し右上がりに線を書いた方が きれいに見えるというものです。これならすぐにできますよね。 参考：ハウコレ ■右下に重心を置く 六度法を使って右上がりの線を書きますが、それだけだと落ち着きがないように 見えるので、右下をちょっと下げてバランスを取りましょう。 参考：ペン字いんすとーる ■ひらがなは小さめに 漢字もひらがなもすべて均等に書いてもキレイに見えますが、 ひらがなだけを若干小さめに書くとバランスよく見えます。 実際に
jQuery Mobileでサクッと作るスマートフォン向けWebアプリの基本 ─ ＠IT
大日本印刷 森川 裕美 2011/9/29 jQueryMobileを使って、スマートフォン向けのWebアプリケーションを手軽に作成する方法をおばかアプリを例に紹介します おばかアプリの開発にjQuery Mobileを使ってみました 先月8月20日に開催されました「第5回おばかアプリ選手権（見よ！ コレジャナーイアプリの数々を！）」にて、jQuery MobileとHTML5の要素を使用した、iPhoneのMobile Safariで動作するミニアプリiBooNを紹介させていただきました。本記事では、jQueryMobileを使って、お手軽にスマートフォン向けのWebアプリケーションを作成する方法をiBooNを例に紹介します。 iBooNは、iPhoneの傾きに応じて車の音が変わるミニアプリです。まず、Color Select画面から好きな色の車を選びます。ミニカーの画像が表示された画面
Google Chrome 拡張機能41個まとめ Google Chromeを壊してまで厳選 - WEBマーケティング ブログ
いろいろとGoogle Chrome拡張機能を試していたら、入れすぎたらしく、壊れてすべてリセットされるアクシデントに見舞われましたｗ おまけにChrome テーマまで綺麗にデフォルトへ戻してくれるとは、、、ともかく入れすぎは注意なので、厳選したものだけをご紹介します。 → 新着のおすすめChrome拡張機能はこちらです。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! 厳選Google Chrome 拡張機能 まとめ 【永久保存版】 今回のコンセプトは、 複数機能をひとつにまとめられるものを優先 ボタンはなるべく少なく済ませる といったものです。大事なことなので繰り返し言いますが、何せ入れすぎると壊れるから。。。 また、あまりにも不安定すぎて、使いものにならないと判断したものも、ここではご紹介し
茅原実里 × ザ・インタビューズ - 茅原実里インタビュー
茅原実里： アニメ「涼宮ハルヒの憂鬱」の長門有希役、「みなみけ」南千秋役など、数々の作品で声優として活躍する一方、アーティストとしても活躍中。2011年10月19日には、自身もヒロインで出演するアニメ「境界線上のホライゾン」オープニング主題歌「TERMINATED」を発売。このシングルの発売当日、10月19日（水）20時から放送される「茅原実里×ザ・インタビューズ」Ustream生放送特別番組内にて、お寄せ頂いた質問にみのりん自身が生で答えちゃいます！ということで、インタビュアー大募集！ 2011年10月放送開始のアニメーション「境界線上のホライゾン」のオープニング主題歌「TERMINATED」の発売記念として、新曲発売日10月19日（水）20時から放送される「茅原実里×ザ・インタビューズ」Ustream生放送特別番組内にて、お寄せ頂いた質問にみのりん自身が生で答えちゃいます！どの質問が選
株式会社paperboy&co. / サービス開始2ヶ月で会員数20万名・1億PVを突破した「ザ・インタビューズ」株式会社paperboy&co.運営サービスとして正式に提供開始
GMOインターネットグループの株式会社paperboy&co.（代表取締役社長：佐藤健太郎 以下、paperboy&co.）は、インターネット上でユーザー同士がインタビュアー・回答者になってインタビュー記事を作成するソーシャルインタビューサービス「ザ・インタビューズ」の運営を、本日2011年9月29日（木）より正式に開始いたしました。 ▲ザ・インタビューズ サービスロゴ 「ザ・インタビューズ」は、paperboy&co.が2011年7月30日～31日に開催した社内クリエイティブ合宿「お産合宿」で誕生したサービスです。サービス開始から2ヶ月で会員数20万名、1億PVを突破し、現在は22万名のユーザーにご利用いただいております。（2011年9月29日現在） これまでpaperboy&co.の有志スタッフによって運営されていましたが、より一層充実したサービスを提供するべく、今後はpaperbo
イベントログ収集ツール fluent リリース！ - Blog by Sadayuki Furuhashi
こんにちは。Treasure Data の古橋です^^; 先日の Treasure Data, Inc. 壮行会 で、イベントログ収集ツール fluent をリリースしました！ Fluent event collector fluent は syslogd のようなツールで、イベントログの転送や集約をするためのコンパクトなツールです。 ただ syslogd とは異なり、ログメッセージに テキストではなく JSON オブジェクト を使います。また プラグインアーキテクチャ を採用しており、ログの入力元や出力先を簡単に追加できます。 Twitterでも話題沸騰中です：イベントログ収集ツール #fluent 周りの最近の話題 背景 「ログの解析」は、Webサービスの品質向上のために非常に重要です。Apacheのアクセスログだけに限らず、アプリケーションからユーザの性別や年齢などの詳しい情報を集め
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
画像もFlashも無し！ スタイルシートでローディング時のスピナーを生成する -CSS load.net
ulog.cc
【画像あり】すーぱーそに子のおっぱいが挑発的過ぎる │ キニ速 気になる速報
CSS4セレクタ (Selectors Level 4) の新機能
Photoshop VIP ☞ Photoshopマジック、すごすぎる写真加工、レタッチ術チュートリアル20個まとめ
HTML5＋CSS3ベースのテンプレート集１２:phpspot開発日誌