サービスの目視チェックをヘッドレスブラウザで効率化した話｜raahii｜note

2018/04/03 130 users ユニットテスト ヘッドレスブラウザ Note 一連 パク

■ モチベーション サービスを継続的に改善していく上で、バグを避けることはできません。そこで、バグが混入した時にそれにいち早く気付ける仕組みが必要になります。 Webサービス開発ではふつう、ユニットテストを書きます。一連のページ遷移（動線）をチェックするE2Eテストを書くこともあります。これらを用いることで、バグに簡単に気づくことが出来ます。 しかし、フロントエンドのエラーには微妙なページデザイン... 続きを読む

【激怒】ミニストップのソフトクリームを絶賛する彼氏に彼女がブチギレ「女性の尊厳を馬鹿にされた」 ｜ バズプラスニュース Buzz+

2015/10/12 494 users コンビニエンスストア 溺愛 高倉さん スイーツ 雑誌

これから執筆することは、すべて事実である。出版社勤務で雑誌のページデザインを手がけている高倉晶馬さん(27歳)が、交際中の彼女に激怒され、破局していたことが判明した。高倉さんは大のスイーツ好きで、どこに行っても必ずスイーツの美味しい店をチェックし、食べているという。 ・『ミニストップ』のソフトクリームを溺愛 そんな高倉さんが絶賛しているのが、コンビニエンスストア『ミニストップ』のソフトクリーム(2... 続きを読む

Netscape 1.xでの閲覧を推奨、20周年の「asahi.com」トップページが開設当時のデザインに -INTERNET Watch

2015/08/10 97 users asahi.com INTERNET Watch 推奨 閲覧

ニュース Netscape 1.xでの閲覧を推奨、20周年の「asahi.com」トップページが開設当時のデザインに （2015/8/10 13:33） 1朝日新聞社のニュースサイト「朝日新聞デジタル」が、1995年8月10日に「asahi.com」として開設されてから20周年を迎えた。これを受けて同サイトでは現在、当時のコードを基にページデザインを再現したというトップページを公開している。左上に... 続きを読む

［ウェブサービスレビュー］最大2Gバイトまで--“さくっと”使えるファイル転送サービス「tenpu」 - CNET Japan

2015/01/17 14 users tenpu ウェブサービスレビュー ランダム ファイル 全体

「tenpu」トップページ。ランダムに入れ替わる背景画像の中には、それ自体が広告という画像も含まれており、まったくの広告フリーというわけではないが、全体をすっきり見せようとする方向性は秀逸だ 「tenpu」は、オンラインで最大2Gバイトまでのファイルを送ることが可能な、ファイル転送サービスだ。日本語に対応しており、会員登録不要、かつ広告表示でページデザインがごちゃごちゃしているといったこともなく、... 続きを読む

ランサーズで提案し、キャンセルになったデザインが使われている - 沖縄ホームページ制作工房「株式会社wEVA」社長日誌

2014/08/19 1058 users デザイナ ランサーズ ポートフォリオ さい センス

2014-08-19 ランサーズで提案し、キャンセルになったデザインが使われている Web制作 GW過ぎぐらいに開始になり、いろいろとデザインを提示させていただいたのですが、クライアントさんが気に入らなかったようで「デザイナのセンスが無い」などといろいろ言われたのでお断りさせていただき、ボツデザインとしてポートフォリオに載せていたページデザインが勝手に使われているのを発見。 顔が見えない相手のサイ... 続きを読む

レスポンシブWEBデザインでフィットネスクラブサイトの下層ページを制作してみよう | sichoru

2013/11/03 59 users フィットネスクラブ sichoru メモ サンプル コンテンツ

すっかりWEB制作フローのメモを止めてしまいましたが、レスポンシブWEBデザインでフィットネスクラブのサイトを作ってみるの続きのコンテンツです。では早速、今回制作していく所をまず紹介していきます。 完成サイトのサンプルは「Sample Fitness Club」になります。ただし完成途中だったり、実際のデザインと異なる場合がありますので予めご了承ください… 初めての方へのページデザイン では早速下... 続きを読む

キットカット公式サイトがAndroid 4.4を意識したデザインになりドロイドくんが登場 - GIGAZINE

2013/09/04 14 users GIGAZINE KitKat キットカット ネスレ 一方

Googleが次期Android(Android 4.4)のコードネームを「KitKat」にしたと発表しました。KitKatはネスレの商標なので、Googleはネスレから使用許諾を得てこの名前をつけており「キットカットでできたドロイドくん」も登場していますが、一方のネスレ側でも、キットカット公式サイトのページデザインがAndroid 4.4を意識したようなものに変更されています。 KITKAT h... 続きを読む

ページデザインの各エレメントのスペックを1クリックで表示するFireworksの機能拡張 -Specctr | コリス

2012/05/31 45 users ガイドライン コリス Fireworks 指示書 メンバー

メンバーへの指示書、自分の確認、ガイドラインの作成に役立つ、各エレメントのサイズやフォント・カラーなどのスペックをクリック一つで自動表示するFirewoks用の機能拡張を紹介します。 Specctr Specctrの使用 [...] 続きを読む

[JS]ページデザインのもっとも大切なポイントを確認できるブックマークレット -MIN | コリス

2011/08/12 31 users min コリス タイポグラフィ ブックマークレット グリッド

MINはページからあらゆる飾りを取り除くブックマークレットで、上記ページでMINを使用すると、下記のように飾りがすべて取り除かれた状態で表示されます。 MINを使用すると、装飾がすべてなくなります MINで確認するポイント 飾りを取り除くことで、ページデザインの大切な基本となるポイントを確認できます。 レイアウトのバランス グリッドの構造 タイポグラフィの階層 タイポグラフィによるブランドプレゼン... 続きを読む

これは斬新！木のUIで訪問者を驚かせよう、なUIパーツ:phpspot開発日誌

2011/06/09 344 users phpspot開発日誌 UIパーツ MediaLoot ペー

Got Wood? UI Design Elements | MediaLoot これは斬新！木のUIで訪問者を驚かせよう、なUIパーツ。 木のiPhoneケースや木のキーボード等、木とITを絡めるとなぜかインパクト絶大ですが、木のUIキットを発見しました。 これでページデザインをすれば自然の温かみによってリラックスした気分でページを使えるのかも。 基本的なUIパーツはそろっているので頑張ればペー... 続きを読む

Facebookを実物の本にしてくれるサービス「EgoBook」 - GIGAZINE

2011/06/08 45 users GIGAZINE Facebook Ego 実物 本物

Facebookを頻繁に利用している人へのギフトに喜ばれそうな製本サービスが「EgoBook」。Facebook上のデータや写真などをうまくアレンジして、まるで卒業アルバムか何かのような記念品っぽい高級感のある本にしてくれるというものです。 中身のページデザインもFacebookのインターフェースを踏襲しているため、かなりそれっぽい出来栄えになっています。 Facebookを本物の本にした「Ego... 続きを読む

グラデーションを使用しないでウェブデザインをする方法 | コリス

2010/04/19 374 users コリス ウェブデザイン Photoshop チュートリアル

なんとなくグラデーションを使用したり、困ったらグラデーションを使用したり、トレンドだからグラデーションを使用したりしていませんか？ グラデーションを使用しないでデザインする方法をBuild Internet!から紹介します。また、グラデーションをより効果的に必然として使用するためのエントリーでもあります。 多くのウェブデザインのブログで周期的にページデザインのPhotoshopのチュートリアルを紹... 続きを読む

リッチ過ぎず、どんなページにも馴染みそうなWYSIWYGエディタ実装jQueryプラグイン「wkrte」:phpspot開発日誌

2009/12/21 225 users WYSIWYGエディタ phpspot開発日誌 自体 ページ

リッチ過ぎず、どんなページにも馴染みそうなWYSIWYGエディタ実装jQueryプラグイン「wkrte」 2009年12月21日- リッチ過ぎず、どんなページにも馴染みそうなWYSIWYGエディタ実装jQueryプラグイン「wkrte」。 普通、JavaScript で動くWYSIWYGエディタというと、大きなツールバーがついていて、それ自体はカッコいいのですがページデザインにうまく馴染ませること... 続きを読む

ポップアップウィンドウ用のスクリプト｜JavaScript::Bookmarklet Blog

2005/06/18 23 users スクリプト JavaScript onclick href

ポップアップウィンドウ用のスクリプト 別ウィンドウでリンク先ページを開くときよく書くJavaScriptは以下のようなものです。 <a href="page.html" onclick="window.open(this.href)">リンク</a> でもこれだとメンテナンス性があまりよくありません。 そこでCSSを利用したページデザインのメンテナンスのような方法でこうしたリンク先を指定する方法で... 続きを読む