ページ内リンクにスムーズスクロールしつつpushState - hogehoge @teramakoページ内ジャンプのリンクでスムーズスクロールしたい 同時にlocationも弄ってハッシュ値を付ける＆「戻る」/「進む」を可能にしたい ということで、作ってみた。初めて、requestAnimationFrameとかhistory.pushStateを使用した。正しい使い方かよく分からんが。 スムーズスクロールもどうやるのが正しいかよく分からずテキトウなのでもっと良いアルゴリズムがある気もしつつ。 問題点 一旦「戻る」をして「進む」をすると、いきなりジャンプしてしまいスクロールしない
ポートフォリオ制作のアイデアソースとなる「20 Awing Portfolio Websites」
デザインや開発を行っている方にとって、作品をまとめたポートフォリオは、自分の技術やデザイン力を知ってもらう重要な手段です。そこで今回は、ポートフォリオ制作に役立つデザインやアイデアに優れたポートフォリオサイトを集めた「20 Awing Portfolio Websites」を紹介したいと思います。 Sam Dallyn – Art Direction/Design さまざまなクリエイターが見せ方にこだわって制作したサイトが、豊富に紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。 詳しくは以下 ■Full Stop — Web design from Pittsburgh, PA シングルページで構成された、ポートフォリオサイトです。メイン画像に設置されたボタンをクリックすると、コンタクト画面まで飛ぶようになっており、シングルページの特性を活か
ECサイトのスマホ対応が今すぐ必要なたった1つの理由 | Web担当者Forum
オンラインショップにとってスマートフォン対応が必要な理由とは？ また「スマートフォン最適化」ではどのような点がポイントになるのか。 個人ユーザーのインターネットの利用ツールが、「PC＆ケータイ」から「スマートフォン＆タブレット端末」へと大きく変わりつつあるイマと近い将来を、データを交えながら解説する。 スマホ経由の売上伸び率がPCの売上伸び率を凌駕2010年7月、ドミノ・ピザがiPhoneアプリ「Domino's App」経由で1億円以上を売り上げたことが話題になった。iPhoneユーザー、しかもアプリ利用者という極めて限定された顧客セグメントでこれだけの売上が上がったことに、衝撃を受けたネットショップ運営者は多いのではないだろうか。 2010年下半期以降は、iPhoneに加えてAndroid端末の普及も進み、アパレル関連業界でもスマートフォン（スマホ）対応の“成功事例”が、ちらほらと報じ
手書きゆるゆる感がいい感じのPhotoshopブラシ２３個セット:phpspot開発日誌
23 Arrow Brushes | Free Photoshop Brushes 手書きゆるゆる感がいい感じのPhotoshopブラシ２３個セット。 次のような横方向の矢印が２３個つまったブラシセットです。手書き感がなんとなくほっとします パレットのサムネイルは以下。 関連エントリ 手書きでいい感じの矢印ブラシ素材「Mini Arrows」 手書き感が温かさを感じさせるPhotoshopのブラシ集 カラフルなイラストレーター用、水彩ブラシ集
MacBookのバッテリーの消耗具合を調べる方法 | ライフハッカー・ジャパン
今回は、MacBookのバッテリーがどれくらいへたったか（衰えたか）を調べる方法のご紹介です。毎日充電していると、バッテリーに悪いんだろうなぁ...消耗していっているんだろうなぁ...と心配になります。 そんなときは、Macの「詳細情報」よりバッテリー状態が確かめられるので参照してみましょう。 詳細は以下より。 まず、左上のリンゴマークアイコンから「このMacについて」をクリック。 そして「電源」メニューへ移り、「充電量情報」と「状態情報」を見てみましょう。上記画像では、バッテリーを満タンにした状態の情報が表示されています。「完全充電時の容量」が4715になっていますが、バッテリーがへたっていくと、この数値がどんどん少なくなっていきます。 また、「状態情報」の「状態」を確かめておきましょう。「正常」なら大丈夫ですが、「間もなく交換」や「今すぐ交換」、「バッテリーの交換修理」といった表示にな
サポートすべきIEのバージョンが増え続ける懸念 | エンタープライズ | マイコミジャーナル
Windows Internet Explorer 10 Firefoxが「Firefox 4」から6週間ごとという短周期リリースに移行したことで、エンタープライズ用途での懸念が浮き彫りになった。エンタープライズではシステムを動作させるまでに長い時間をかけて検証を実施し、一度稼働させたシステムは何年にも渡って修正やセキュリティ対策以外のアップデートを実施しないことがままある。ブラウザが6週間おきにアップデートしたのでは、この取り組みには対応できない、というわけだ。 この問題は今後IEにおいてより大きな問題になる可能性がある。多少誇張された内容だが、「Browser Market Pollution: IE[x] is the new IE6」が問題を端的に説明している。このままいけばMicrosoftは1年おきに新しいバージョンのIEをリリースすることになり、Microsoftの長いサポー
ミツエーリンクス、スマートフォン・タブレット向けのユーザビリティテスト | ビジネスPC | マイコミジャーナル
ミツエーリンクスは、スマートフォン・タブレット端末に特化したユーザビリティテストサービス「スマートフォン・タブレット端末向けユーザビリティテスト」をリリースした。 左から眼球運動、視線軌跡、注視率のテスト このサービスでは、スウェーデンのTobii社のスマートフォン・タブレット端末専用のアイトラッキングシステム「アイトラッカー」を用いて、実機を用いたユーザビリティテストを行う。これにより、スマートフォンやタブレット端末に特徴的な細かな視線の動きを追うことが可能になり、ユーザーの認知特性や思考を高精度で推定できるという。 アイカメラ型のように身体に装着するタイプではなく、非接触型のアイトラッカーのため、ユーザーに余計な負荷を与えることなく、ユーザビリティテストを実施することが可能で、スマートフォン専用のアイトラッキングシステムによりユーザーの視線を確実に記録することが可能だという。 テストで
「私たちの知っているウェブの終わり」を知らないっぽい - 快適な生活
ウェブが終わるらしいです この記事を読みました。 私たちの知っているウェブの終わり いろいろな問題に関する記述が混在しています。この記事に書かれていることは以下の５つのことですね。 他者の提供したサービスを利用している限り、自分のコンテンツは他者に管理されてしまう 自分のコンテンツを社会的に意味のあるものにするには、他者の提供したソーシャルメディアを利用するしかない Facebook（ソーシャルメディア）はユーザーの情報や行動を収集している ユーザーがその方法と目的とを把握することは難しい 今後のWebは少数の巨大なメディアによって支配される で、筆者は以上の５つを踏まえて、このままだとWebが終わる、といった趣旨の説明をしています。絶望的ですね。 おれには筆者が絶望的になる意味がよく意味が分かりません。筆者が順をおって説明した個別の問題がなぜ問題になるのかが分からないからです。 筆者によ
メンヘラ判定（Twitter）
なんとなくTwitter使ってて思ったのでメモがてら。メンヘラってまあ最近定義が多様化してきたような気もするがとりあえず慣例的に使われるなんかアレな女性だけでなく、性別問わずで単に自意識が異常に拡大したタイプも含むってことで。 ・投稿数が多い。 基本かまってちゃんなので投稿数が多い。勿論これはリプライ先があるわけではなく、基本独白。 ・発言がネガティブ（又は過剰にポジティブ） まあ典型的な双極性（躁鬱）ということで。特に欝が強くなったときは基本的には周りは注意くらいはすべきだろうね。 ・発言が自身の周囲半径数メートルに留まる ここで言っている半径云々は勿論物の喩えなのであって、要するに自分の周り、自分友人家族とかだけの話題に留まっているということ。これだけなら特に問題はないんだが、上記特性みたいなのと合わさると、日常的に流れるニュースから自分の立ち位置と社会の位相を比較して自身の心の平衡を
商用利用可能なCSSテンプレート｜Htmlテンプレート
2007年1月。私がブログを始めた同じ月にミャンマーの青年が個人でも商用でも無料で使えるFreeFlashTemplateというサイトをオープンさせました。Flashのテンプレートを無料で提供というスタイルですね。 とても素晴らしいソースとして、結構使われた人も居るかもしれません。ある程度広告収入と言う方法で軌道に乗せたNetDNAは、その一年後2008年に、FreeCSSTemplateというサイトも同時に発足。 そして現在。総テンプレート数が335個。 改めてこのサイトを見ると、かなり優れたものが多いので、だいぶ前に紹介した気がしないでもないのですが（他のブログでみただけかも）、再度ご紹介したいなと思います。 とりあえず使う前の注意 個人、商用問わず利用可能です。作品を複製、頒布、展示、実演することができます。二次的著作物を作成することができます。本作品を営利目的で利用することができま
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
イケてる海外サイトデザインまとめ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
HTMLメールが必要な時のために！今から見ておくHTMLメールテンプレート色々 | バンクーバーのうぇぶ屋
カナダに来た時困ったのが「ニュースレター？HTMLに決まってるじゃん！」な日本の考え方とは違ったHTMLメールバンザイ文化。 これまでの日本でのプロジェクトにはそいえばHTMLメールなんて扱うことが無かったので、結構困りました。日本でそれほど需要があるようには思えないHTMLメールですが、いざ作らなければいけない状況に陥った時に、なんだかんだあったら便利なHTMLメールのテンプレート！ 「必要無い！」と言われればそれまでですが、日進月歩で突き進むWEB業界において、明日の絶対等ありえないのです！って、会社の先輩が言ってた！（どや顔） そんな説教じみたことを置いといても、HTMLメールのテンプレート、知っておいて損は無いと思うので、僕が「HTMLメール？何それ美味しいの？」って時に参考にしたサイトや、最近知ったテンプレートサイトなどをまとめてご紹介！ いつか使う時が来た時のためにも、見ておく
背景デザインに使える20のシームレスパターン
デザインに奥行きと世界観を与えてくれるパターン。一枚敷くだけでデザインのクオリティがグッとあがったりしますが、今日紹介するのは背景デザインに使える20のシームレスパターンを集めたエントリー「20 More Tileable and Seamless Pattern Sets (500+ Patterns)」。 Pattern Kit One 全部で20ものパターンが集められていますが、今日はその中から特に気になったものをピックアップして紹介したいと思います。 詳しくは以下 Photoshop Pattern Pack シンプルなグリッドや罫線の背景パターン。 Metal Mesh Patterns 重厚感のある金属素材のシームレスな背景パターン。業種業態によっては非常に使えるパターン。 Patterns パステルカラーのPOPなパターン。 上記の他にも様々なパターンが紹介されています。デザ
Apple と日本の家電メーカーのデザインの違いを考える - teruyastarはかく語りき
日本の電気メーカーが iphone作れない理由：外資の人から見た視点 - Togetter http://togetter.com/li/193059 製品を薄く、軽く、そしてこれまでにあるのを付け加えるのは楽。 言ったら悪いけど、無難。 バカにでもできる製品開発。 だから、みんなそれをやって利益がでない。 iphone 見たいなのは超リスク。 それを会社を上げてつくるからinnovative な製品ができる なぜ他社は Apple のようなシンプルで魅力的なデザインの製品が作れないのか? この手の話が定期的にホッテントリに上がってくるので、 まとめながら考えてみます。 デザインは美的感覚じゃなくて、広義の設計や機能のデザインです。 「付加価値をあげるとは、付加機能を増やすことである」という昭和的価値観 エアコン設計にみる昭和的発想 - Chikirinの日記 http://d.haten
2Read - たった1人でWeb サービス開発が出来るようになるまでに読んだ技術書まとめ
「恋活や婚活を始めてみたいけど、どのマッチングアプリを使えばいいのかわからない…」という人のために、数あるアプリからおすすめの5つを厳選して比較してみました。恋人探しに向いているものから真剣に婚活をするのにぴったりのアプリまで、多岐に渡りますね。 ではこれらのアプリについてさらに掘り下げてみていきましょう。 Pairs(ペアーズ) 会員数 800万人 男女比 6:4 マッチングアプリといえばペアーズ、というほど会員数が多く、国内最大手のアプリです。平均年齢は20代前後と比較的若いですが、その会員数の多さもあり実際は10代から50代まで幅広い年齢層の会員が活動しています。そのため、登録している人の目的も婚活から遊び相手探しまで様々。どんどん会員が増え続けているので、初心者が登録するにはまず間違いのないアプリだと言えるでしょう。 Pairs(ペアーズ)のメリット 1. コミュニティー数がかなり
たった7つのチェックで完了！引越しで必要になる書類・手続きチェックリスト : まめストリート・ジャーナル 〜無料で情報が買える唯一の新聞〜
2011年10月01日20:09 by tkfire85 たった7つのチェックで完了！引越しで必要になる書類・手続きチェックリスト カテゴリ管理人 雑談 tkfire85 家を借りたくなったらposted with amazlet at 11.09.30長谷川 高 WAVE出版 売り上げランキング: 20221 Amazon.co.jp で詳細を見る 【関連記事】 ・楽天担当者が困るくらい、楽天カードを活用する方法 ・何故、若者は携帯のカメラ撮影のことを「写メール」というのか。 ・21世紀に生き抜くな人材・生き抜かない人材の13のタイプ。↓最新記事はこちらからご覧いただけます。 Blogで本を紹介しちゃいます。 引越しのシーズンではないですが、あえて引越しネタで書かせてもらいます。引越しをする際に決める事は色々とあります。まず賃貸の場合は物件探しです。不動産屋さんを何件も回ってやっと念願の
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://designaholic.cc/2011/09/web-4-2.html
立体的にアイコン付きでいい感じにデザインされたボタン作成Photoshop素材＆チュートリアル:phpspot開発日誌