*Desginに関するbig_hamaのブックマーク (24)

  • Foggy Window Effect in Photoshop

    After over three days of nonstop rain I decided to use that as inspiration for a new experiment in Photoshop. In 2007 I did a video tutorial showing how to create water drops in Photoshop, but it was only the video without any text instruction, so a lot of people have sent emails asking us to put a text version of the tutorial. I always thought that simply repeating the same tutorial wouldn't be c

    big_hama
    big_hama 2014/05/12
    雨滴の表現
  • ドラゴンボールの左と右と読みやすさの秘密

    ※2014/03/17追記:巻末にオマケを追加 先日、Twitter漫画のイマジナリーラインについて話題になった。 【イマジナリーライン】を超えたマンガは最悪なのか http://togetter.com/li/641095 その中で、自分もドラゴンボールのワンシーンを画像としてTwitterに投稿し、その画像を起点に色々な議論が交わされていくのを非常に興味深く読んだ。そこで思い出したんだけど、自分もドラゴンボールの左と右に関する記事を書いてる途中だった。 というわけで、話題がホットなうちに公開しようと思い急遽書き上げたのでお読みください。(書くこと多すぎて旬を過ぎた感は否めないけど、イマジナリーラインとは直接関係ない話だし、ね!) キャラ位置が頻繁に入れ替わるのに読みやすい まずはこの画像を見ていただきたい。自分がTwitterに投稿して議論になったドラゴンボールのワンシーン。 2コマ

    ドラゴンボールの左と右と読みやすさの秘密
    big_hama
    big_hama 2014/03/17
    何にしても、順序、構成は大事だよね。
  • 「売れる」アプリに欠かせない超カッコいいLPテンプレ 10選|グロースハックジャパン|Growth Hack Japan

    ユーザー獲得(アクイジション)最大の間口の1つ、ランディングページ。 テンプレが固定されているGoogle PlayやApp Storeと比べてデザインの融通が利く分、アプリの印象を伝える最適なマーケティング・チャネルです。 一方、リソースの少ないスタートアップではアプリの開発に手がいっぱいで、LPのデザインに多くの工数をかけられないのも現実です。 そこで日は、多くのリソースを割かずともアプリの魅力を印象づけられる超かっこいいLPテンプレを10個ご紹介致します! FeedApp 特徴: カラフルなフラットデザイン 価格: 10ドル レスポンシブ: PC、タブレット、スマホ対応 ライブデモはこちら Landiin 特徴: アプリ内UIのサンプルを動的に見せることが可能 価格: 11ドル レスポンシブ: PC、タブレット、スマホ対応 ライブデモはこちら Rise 特徴: 3種類のバリエーショ

    「売れる」アプリに欠かせない超カッコいいLPテンプレ 10選|グロースハックジャパン|Growth Hack Japan
    big_hama
    big_hama 2014/03/05
    background movieとか
  • HTML5 & CSS3 ブラウザ別サポート状況

    What is an IP Address? An IP (short for “Internet Protocol”) address is a unique number assigned to every machine that connects to the internet. Nowadays, you can have multiple computers behind a router that share a single IP using Network Address Transformation (NAT). If you have ever used a wifi hotspot to access the internet, you’ve shared an IP address with someone. What’s the Difference betwe

  • The Dribbblisation of Design | en.ja Article

    CreditThis article is translated with permission of Paul Adams. You can find original article at The Dribbblisation of Design.記事はPaul Adams氏の了承を得て翻訳された記事です。 原文はThe Dribbblisation of Designにて掲載されています。 これらの天気アプリのうち1つだけが質的な問題の解決をしようとしている。 プロダクト/インタラクションデザインコミュニティでは分岐が起ころうとしている。Ryan Singer氏やJulie Zhuo氏が書くような素晴らしい記事達が我々の生み出すものをよりよくし続けている一方で、多くの人がDribbbleに自身の作品を投稿し、議論をしている。それらを集約した結果は我々の生み出すものを後退させて

    The Dribbblisation of Design | en.ja Article
    big_hama
    big_hama 2014/02/27
    プロダクトデザインについて
  • 高品質なデバイスモックアップ素材 25 - NxWorld

    アプリやwebサービスのプロモーションサイトやティーザーサイト、ポートフォリオの実績紹介の部分など、各デバイスの画面にキャプチャを埋め込んだものをデザインに取り入れているサイトを多く見かけますが、それらと同じように見せたい場合に役立つ高品質なモックアップ素材を紹介します。 物そっくりに作られたハイクオリティなもの、レスポンシブ向けで幾つかのデバイスが一緒になっているもの、今年流行のフラットデザインタイプのものなど、単にモックアップ素材といっても様々な種類があります。 紹介している素材を使用する際は、ライセンス等は各自で再度確認してください。

    高品質なデバイスモックアップ素材 25 - NxWorld
    big_hama
    big_hama 2014/02/15
    Device PSD / JPEG File link
  • Inspired Design Resources for Creatives | Pixeden Club

    Inspired Design Resources for Creatives.Exclusive graphic, web and design assets club. Download free resources and get access to our Premium files from $9 a month

    Inspired Design Resources for Creatives | Pixeden Club
  • 写真AC

    ここに JPGまたはPNGデータをドラッグ&ドロップ または ファイルを選択 5MBまでのJPG形式またはPNG形式のファイルのみアップロードできます。

    写真AC
  • 商用無料の写真検索さん - フリーの画像素材

    自分のブログ記事がテキストだけでそっけないので何とかしたいという悩みを持ってませんか? あなたと同じように、自分のブログ記事がテキストだけでそっけない悩みを持っていたユーザーが、このサービスを使うことで「イメージ付きで読みやすいブログ記事」を簡単に作成しています。 といっても、画像を加工するのが面倒そうですよね。 そこで当サービスでは簡単に探してその場で加工して、タグをコピペするだけという画期的な仕組みを提供しています。 注意事項 ・ライセンスへのリンクをしてください。 ・利用したものは、さらに再利用されてしかるべき形態をとってください。 ・それ以外の利用をしたい場合は著作権者に直接許可を取ってください。 NG行為 ・ライセンスへのリンクをしない。 ・透かしを入れるなど再利用を禁止する。 ・それらを著作権者に無許可で行う。 よくある質問:画像を印刷物や番組で使用したいのですが無料で使用でき

    商用無料の写真検索さん - フリーの画像素材
  • サービス終了のお知らせ - NAVER まとめ

    サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

  • Goodpatch Blog グッドパッチブログ

    Goodpatchが運営するブログです。主にUI/UXデザインや、デザインパートナーとしての事例、デザイン思考に関するナレッジ、社内のイベントやカルチャー発信、Strap、ReDesignerなど自社サービスの紹介も行っています。

    Goodpatch Blog グッドパッチブログ
  • Google Chart Tools入門

    Google Chart Toolsとはグーグルが提供しているグラフ作成サービスです。簡単なコードを記述するだけで色々なグラフを生成することができ、生成したグラフはサイトに埋め込むことができます。ここでは Google Chart Toolsの使い方について解説します。

    Google Chart Tools入門
    big_hama
    big_hama 2013/12/24
    google chart api in japanese
  • IKONS - 300 free vector icons from Piotr Adam Kwiatkowski

    Hand crafted, scalable vector icons for designers and developers. This pack comes with 300 custom icons in SVG, AI, ESP, PSD, CSH and PNG format. All the icons are royalty free for personal and commercial use.

    big_hama
    big_hama 2013/11/24
    There is data of the icon desgin
  • 960 Grid System

    960 Grid System Download - CSS, sketch paper, and templates for: Acorn, Fireworks, Flash, InDesign, GIMP, Inkscape, Illustrator, OmniGraffle, Photoshop, QuarkXPress, Visio, Exp Design. Repository at GitHub. Essence The 960 Grid System is an effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. There are two variants: 12 and 16 columns,

    big_hama
    big_hama 2013/11/20
    Grid design systme, fireworks & photoshop templates,
  • 全310種、美しいソリッドなラインで描かれたかわいいアイコン素材 -Elegant Icon Font

    ブログでも企業サイトでもよく見かける310種類のアイテムを美しいエレガントなラインで描いたアイコンフォントを紹介します。 Webフォントとして利用できるので、サイズやカラーなど変更しても美しいまま利用できます。.pngも入ってるので、画像で利用してもOK。 Elegant Icon Font ダウンロードできるアイコンのフォーマットは3種類。 フォント(.ttf, .woff, .eot) ベクター(.svg) 透過PNG(.png) Webフォント用のHTML/CSSも用意されているので、初心者も簡単に実装することができます。 アイコンのアイテムは全部で、310種類! アロー、サーチ、ホームなど、よく利用するものをはじめ、ショッピングカート、タグ、クリップ、インフォーメーションなど、さまざまなものが揃っています。 以下、アイコンの全種類です。 ますは、ソリッドなラインでデザインされたもの

  • Webサイトの横幅まとめ - ULTRAZONE

    デスクトップ向けページの横幅をまとめた一覧表です。188の企業や組織について、業種ごとにまとめました。 レスポンシブWebデザインのページ(表中の赤字)は、「ブレイクポイントの最大値」と「コンテンツの横幅」のうち、大きい方を採りました。 2015-07-18

    big_hama
    big_hama 2013/07/01
    主要サイト横幅
  • Windows 版の Sublime Text 2 を使う

    Eclipse → Aptana Studio → NetBeans と、IDEを乗り換えながら使っていたのですが、どれもしっくりこなくて、大学卒業以来となる emacs にいよいよ乗り換えるときかなぁと考えていました。 コーディングしていて何が嫌かというと、別の行に移動するときに右の小指で矢印キーを押しているときや、マウスでソースコードをスクロールしているとき。Mac であれば、大抵のエディタでデフォルトキーバインドが emacs風になっているのであまりストレスは感じませんが、Windows で作業しているときは当にストレスを感じていました。 そんな折、去年末に Sublime Text 2 の存在を知って使い始めてからは、他のIDEに乗り換える気が全くなくなるほど気に入ってしまいました。 とても素晴らしいエディタなのですが、Windows環境で使っているという情報があまりないので、紹

    Windows 版の Sublime Text 2 を使う
    big_hama
    big_hama 2013/06/18
    simpleエディタ
  • Sublime Text2ってエディタがすごくイイ。

    Macを使い始めて、いろいろ新しいソフトやアプリを探していたところ、同僚の方からいま人気のSublime Text 2というエディタを教えて頂きました。どうやら無料らしく(今後シェアウェアになるかも?)、初期設定や自分に合った環境に整えるのに少し手間取りましたが、なんとか実務で使えるレベルになってきたのでシェアします。 HTML5,CSS3,jsを書く事が多くて、Zen-CodingもSass+Compassも使うし、それにスマートフォンのマークアップ業務が多い!なんていう僕と同じような人がいるなら、このエディタはオススメですw 以下の設定通りにやれば、フロント寄りのエンジニアになら最低限は使えるものになると思います。 ダウンロード Sublime Text 2 – Dev Builds 初期設定 アプリを立ち上げて、Sublime text2 > Preference > Setting

    big_hama
    big_hama 2013/06/18
    simpleエディタ
  • Aptana

    Register now for Axway Summit 2024 and get energized to accelerate your digital transformation. Learn More Aptana Studio 3 is an open-source web development IDE, and while we are no longer actively maintaining the repository, it is still open-source and public so if you wish to download Aptana Studio 3 you can do so on GitHub.

    Aptana
    big_hama
    big_hama 2013/05/28
    zen-coding用開発プラットフォーム
  • 7つのサンプルでjQueryを学ぼう!「jQueryが全く分からない人のため」の超初級者向け入門講座

    HOME>jQuery>7つのサンプルでjQueryを学ぼう!「jQueryが全く分からない人のため」の超初級者向け入門講座 約半年前まで、興味はあれども全くもって触れたことのなかった「jQuery」。それどころか、「Javascript」を「Javasprict」と何度となく書き間違える癖のあった私。 結局、「スク水すいすいスクリプト」と語呂を合わせることによりようやく正しい綴りをマスターしたわけなんですが、仕事で扱うと言うこともあり多少はjQueryの仕組みが分かってきた今日この頃です。 そんなわけで、今回は「jQueryが全く分からない人のため」の超初級者向け入門講座と銘打ちまして、jQueryの基礎の基礎を学ぶための記事を書いてみました。 とは言っても「jQueryとはなんたるか」などといった難しい理論を記すつもりは一切ございません。(っていうかそんな偉そうなこと言える程修めてない

    7つのサンプルでjQueryを学ぼう!「jQueryが全く分からない人のため」の超初級者向け入門講座