Adobe製のレスポンシブ対応UIライブラリ・「Topcoat」 - かちびと.netTopcoatはAdobe社が提供するOSSのCSSフレームワークです。シンプルで使いやすいUIでレスポンシブWebデザインにも対応しています。モバイル版はタップしやすいようにエレメントの高さをやや高くしてくれてるのも素敵でした。ライセンスはApacheライセンスです。 Topcoat
「PhotoshopによるWebデザインカンプ制作はFireworksに比べて効率が悪い」という都市伝説について
2013/5/7に、Adobe Fireworks の事実上の開発終了が発表されました。 ただし、「バグ修正やセキュリティ関連のアップデートは継続する」とのことですが、いつまでも使い続けられることを保証するものではないので、Fireworks ユーザーの方はそう遠くないうちに別のアプリケーションに乗り換える必要があると思います。 Adobe、Web画像ツール「Fireworks」終了へ – ITmedia ニュース 移行先アプリケーションの候補の1つである Photoshop について、Twitterを見ていると「Photoshop でのWebデザインは制作効率が悪い」という方が多いようですが、私はそんなことはないと思っています。 なぜそう言えるのかについて、簡単にまとめてみました。 目次 FireworksとPhotoshop、それぞれのメリットとデメリット なぜ「Photoshopは効
PSD からテキスト情報を抽出するスクリプト
こんにちは。デザイナーの高口です。 デザイナーの皆さんは、デザインを開発者に伝える時、どのようにしていますか？ 口頭で伝える、印刷したデザインに書き込む、指示書を作る…様々な手法があると思いますが、どれも時間がかかりますよね。 そこで今回は、伝える手間を少しでも減らすべく、PSD からテキスト情報を抽出するスクリプトをご紹介いたします。 1.スクリプトをダウンロード まず、下記のリンクからスクリプトをダウンロードして下さい。 (ご利用に際しては、自己責任にてお願いいたします。) ダウンロード ： TextExportToCSV ダウンロードしたファイルを解凍すると「TextExportToCSV.jsx」というファイルがありますので、下記のフォルダにコピーして Photoshop を再起動して下さい。 Windows – C:\Program Files\Adobe\Adobe Photo
メールの文面を変えてフィードバックを5倍に増やす11のテクニック
By karen horton カスタマーサポート用ソフトウェアの開発・販売を行う「SupportFu」の創業者であるビナ・サーニさんが、自身のスタートアップの経験を生かしたエントリーを公式ブログ上で公開しました。サーニさんによると、シンプルな11のポイントをウェルカムメールに反映させると、メールに対するレスポンスが5倍に増えるとのことです。 11 Tips for Writing Effective Welcome Emails | Vinay Sahni http://www.vinaysahni.com/11-tips-for-writing-effective-welcome-emails ◆01：ウェルカムメールの「件名」をおもしろいものにする By glsims99 多くの受信メールが入ったメールボックスの中から、あなたのメールを開いてもらうには、メールの件名が「Product
robots.txtを作成する上で気をつけるべき9つの注意点 – 和洋風KAI
和洋風KAIは、Apple・水樹奈々・食べ歩きが三本柱のブログです。モットーは「楽しく」「便利で」「端的に」。 ⇒ アバウト ⇒ 免責事項 注意1 robots.txtとは？ クローラーに自分のウェブサイトのどこにアクセスしてはいけないかを教えることができるテキストファイル。 注意2 robots.txtのファイル名 ファイル名は「robots.txt」 「robot.txt」でもなく「Robots.txt」でもない。 注意3 robots.txtを置く場所。 あなたのウェブサイトのトップフォルダに置く。 例えば、http://example.comがトップページだった場合、http://example.com/robots.txtに置く。 注意4 robots.txtの書き方の基本的な例 User-agent: * Disallow: /forbidden/ Allow: /approv
Webデザイナー 検索・登録／フリーランスWebデザイナーHP集
北海道 (7) 青森 (4) 秋田 (3) 岩手 (1) 山形 (6) 宮城 (5) 福島 (5) 茨城 (1) 群馬 (4) 栃木 (2) 埼玉 (9) 東京 (50) 千葉 (10) 神奈川 (26) 山梨 (4) 長野 (3) 静岡 (7) 新潟 (1) 富山 (3) 石川 (5) 福井 (4) 愛知 (9) 岐阜 (5) 三重 (4) 滋賀 (4) 京都 (8) 大阪 (24) 奈良 (2) 和歌山 (3) 兵庫 (15) 徳島 (3) 香川 (2) 愛媛 (7) 高知 (1) 岡山 (3) 広島 (4) 鳥取 (1) 島根 (1) 山口 (2) 福岡 (19) 長崎 (5) 佐賀 (1) 大分 (2) 熊本 (2) 宮崎 (1) 鹿児島 (3) 沖縄 (5)
[JS]レスポンシブ対応でパンくずの一行が長くて困ったを解決するスクリプト -rCrumbs
多階層をもったサイトでは、パンくずも長くなりがちです。 テキストベースで実装した長い一行のパンくずを表示幅に合わせて最適化するjQueryのプラグインを紹介します。 jQuery rCrumbs -GitHub rCrumbsのデモ rCrumbsの使い方 rCrumbsのデモ 一行で長いパンくずは表示幅を変更すると、最適化されて表示されます。 主要なモダンブラウザをはじめ、IE8+でご覧ください。 デモページ：幅1200, 780, 480pxで表示 幅1200pxで表示 先頭のHomeから、長いページタイトルまで全部が表示 幅780pxで表示 先頭のHome側からはみ出るアイテムを省略 幅480pxで表示 長いページタイトルもはみ出る場合は省略 ※省力無しの固定表示することもできます。 rCrumbsの使い方 実装は簡単で、パンくずはリスト要素で実装されています。 Step 1: 外部
フラットだけじゃない、最近のチェックしておきたい良質ウェブデザインのまとめ
最近のウェブデザインのトレンドといえば、フラット、サークル、ブラー、ブラックなどがありますが、一番大切なのはコンテンツありきのコンテンツファーストではないでしょうか。 ここではコンテンツを魅力的に見せているウェブデザインをCSS Awardsから紹介します。
実際のサイト上で動作するチュートリアルが簡単に作れるIntro.jsが便利すぎる件 - (ﾟ∀ﾟ)o彡 sasata299's blog
2013年05月08日18:21 JavaScript 実際のサイト上で動作するチュートリアルが簡単に作れるIntro.jsが便利すぎる件 さて、先日簡単なチュートリアル作ろうと思ったんですが、どうやるのが良いのかなーと思って悩んでました。キャプチャ取ってそこに説明文を書いて…ってしてもいいんですけど、キャプチャだと一部分なのでサイト上のどの辺なのかわかりにくかったり、サイト側は変更したのにキャプチャが古いままとかになったりしちゃいますよね＞＜ とか思って探してみたらこちらの Intro.js が便利だったので紹介してみます。 さて、この Intro.js を使うとですね、サイト上で動作するチュートリアルを簡単に作れるんですよ。使い方も簡単で、動作させたい要素に対して data-intro (表示する説明文) と data-step (チュートリアルの何番目に表示するか) を指定します。チ
街で拾ったタバコの吸い殻やガムからDNAを採取し3Dプリンターで顔を復元する「Stranger Visions」
DNA解析は犯罪における容疑者の特定にも使われますが、街のアスファルトに落ちているチューインガムやタバコの吸殻、髪や爪などから得たDNA情報を元に、持ち主の顔を作成、3Dプリンターで出力してしまうというのがアーティストHeather Dewey-Hagborgさんのプロジェクト「Stranger Visions」です。 Stranger Visions http://deweyhagborg.com/strangervisions/ 実際にHagborgさんが採取したサンプルと、サンプルのDNA情報を元に3Dプリンターで作成した顔は以下から。 ◆01 採取日時：2012年6月1日 12時15分 採取場所：ニューヨーク ブルックリン マイトル通り 1381 DNAはタバコの吸殻から採取されました。 判明したDNA情報は以下。 ミトコンドリアDNAのハプログループ：H2a2a1（東欧） SRY
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
jQueryモバイル用のFlatUIテーマ:phpspot開発日誌
画像をRetina用にリサイズしてくれるフリーのPhotoshopアクション「Retinize It」:phpspot開発日誌
https://jp.techcrunch.com/2013/05/08/20130504barley-launch/