ドットインストール代表のライフハックブログ
皆さん、こんにちは! 梅雨明けの7月が誕生日。名刺のネタ帳管理人のケンです 早速ですが、最近流行の「クラウドソーシング」、利用されたことありますか? クラウドソーシングとは、「ランサーズ」や「クラウドワークス」をはじめとしたサービスを用いて、お仕事を個人に発注する仕組みです。 この仕組みを使えば、フットワーク良く制作が可能なことから、多くの企業が利用し始めています。 また、地方に住んでいるデザイナーにとっても、首都圏などから仕事を受注できるメリットがあり、登録するデザイナーも急増中。 現在、このクラウドソーシングを使って、名刺のデザインを依頼したり、Webサイトやパンフレットのデザインを依頼する企業が増えています。 デザイナー視点からすると、クラウドソーシングの場合、最初に案件の指示が固まっているため作業が進めやすいのですが、中には思わぬトラブルが起こる可能性も。 例えば、作業が進
パソコンを使っていて、不意にアプリが強制終了することがある。その時は気にならなくても、何度も頻繁に強制終了するアプリは、何らかの問題を抱えていることが多い。「AppCrashView」で強制終了の頻度の多いアプリを見つけ出そう。 「よくわからないけど、タスクバーに常駐しているアプリがしょっちゅう強制終了している」という人はいないだろうか。普段の利用には問題がなくても、強制終了が起きている時点で問題を抱えていることが多く、いずれ大きなトラブルに発展しかねない。 そんなアプリはアンインストールしたり、別のソフトに乗り換えるべきだが、どのソフトが強制しているのかよく分からない、という場合もあるだろう。「AppCrashView」では、過去に強制終了したソフトの一覧を表示し、どのソフトが原因かを調べることができる。これで問題を抱えたソフトを見つけ出し、早めにシステムから排除しておこう。 ■ ※画像
WordPressのプロになるなら最低限知っておきたい10+1個の知識、挙げてみますね! 2013.06.12 | WordPress | 初心者向け WordPressのプロとしてやっていきたいなら知ってないと困っちゃう知識を、10個挙げてみました! これを知っていればプロになれるというわけでもないと思いますが、知らないとマズイ、自分が困る、あるいはお客さんが困る、というものだと思いますので、チェックしてみましょう! 色んな切り口あると思うんですが、今回は、html/css/jsだけを使ってサイトが作れるようになったデザイナーさんがぶつかることになる壁というか課題、という視点でやっていければと思いまーす! 今回はチェック&勉強のきっかけのためというコンセプトでやらせていただきますので、各知識については自分で勉強するなり、教えてもらえるところに行く(Webデザイナー・HTMLコーダーのスキ
CSS3アニメーションとjQueryを使って、アニメーションの動きが気持ちいい水平型のギャラリー・ポートフォリオを実装するチュートリアルを紹介します。 デモページ:サムネイルのホバー時 サムネイルのホバー時だけでもキャプションの表示だけでなく、画像などのサイズ変更、テキストの表示、各アイテムの可視化、配置変更などもアニメーションで行われています。 実装 実装はポイントをまとめて紹介します、Stepは3つです。 元記事では詳細に書かれているので、参考にしてください。 Step 1: HTML 画像、2つのパラグラフ、タグが一つのセットになっており、それぞれをリスト要素で実装します。 <ul class="portfolio-items"> <li class="item"> <figure> <div class="view"> <img src="images/1.jpg"> </div>
1 pixel|サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 みなさんこんにちは! スマホ版Ameba担当の川口です。 ちょうど一年前、同じようにJavaScriptを使ったテスト手法について記事を書かせていただいたのですが、今回も懲りずにまた同じようなテーマで再登場いたしました。 JavaScriptのテスト手法 さて、スマホ版Amebaの全面リニューアルから早くも1年経ったのですが、今回はそんなスマホ版Amebaで日々自動テストツールとして活躍してもらっているPhantomJSを紹介させていただきます。 長い記事になるため、今回は前編・後編に分けて以下のような構成でお送りいたします。 ●前編 ・Phanto
ソーシャルボタンのJavaScriptでfunctionの前に「!」がついている理由を調べてみました。 1.はじめに TwitterやPocketなどのソーシャルボタンのコードをみると、共通してscript要素の中にあるfunctionの前に「!(エクスクラメーション)」がついています。 Twitterの場合 <a href="https://twitter.com/share" class="twitter-share-button" data-via="yujiro" data-lang="ja" data-size="large">ツイート</a> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getE
PVが見られないサイトの情報を可視化するサイト『SimilarWeb』の紹介です。 こちらのサイトでは、知らないサイトのPVや流入元などを大雑把ですが、可視化することが可能です。 以前までだったらGoogle Adplannerなどを使っていましたが、このSimilar Webというサイトは、精度が高い気がします。 Alexaは、データがイマイチな気がするので使ってません。 自分のサイトノデータを出してみたのですが、Google アナリティクスのデータに非常に近いデータが表示されました。 http://www.similarweb.com/website/attrip.jp 公式のサイトのTwitterからお礼のつぶやきが来た。 @attrip 感謝 — SimilarWebさん (@SimilarWeb) 2013年6月12日
Behanceに「Google Visual Assets Guidelines」の紹介がありました。 これは、Googleのプロダクト・アイコンや、サービス・ロゴ、UIパーツについて、形状や色のガイドラインを定めたものです。 アイコンのデザイン原理 丸や単純な矩形の組み合わせできています。 アイコンやピクトグラムをデザインする際はレゴで遊んでいたときのことを思い出すとよいです。 パーツの組み合わせのおかげで、アイコン間の統一感も生まれます。 image by Behance image by Behance image by Behance ほかにも3つルールをピックアップ。 3D禁止 image by Behance 影のルール 真っすぐか45度、ソリッドに。 image by Behance 色のコンビネーション・ルール image by Behance こうした資料は、アイコンやロ
みなさんWunderlistというアプリをご存知でしょうか?iPhone, iPad, Android, Windows, Mac, Webで使えるいいデザインのtodoリスト管理アプリです(無料)。とても素晴らしいアプリなので使っている方も多いかと思います。 先日このアプリを作っている会社6Wunderkinderのブログを読んでいたら、Wunderlistがどのようにして新しいデザインを作ってきたかが書かれた興味深い記事がありましたので翻訳(意訳)しました。 [以下Break Rules To design better productsの翻訳(意訳)] 私たちは一日のうちに、スマートフォンやタブレット、ノートパソコンといった様々なデバイスを使い分けています。それぞれに独自のガイドライン、インタラクションの種類、そしてもちろん異なったインターフェースがあり、私たちはデザイナーやエンジニ
記号や吹きだしから家具やインテリア・乗り物・建物・人の顔・行動・動物・ジェスチャなど多数のイラストが無料でダウンロードできるのが「Dribbble - 430+ FREE storyboard illustrations」です。ファイルはPNG形式とAI形式の2種類で、絵コンテやアイデアスケッチなどに使用できるようになっています。 Dribbble - 430+ FREE storyboard illustrations by Julian Burford http://dribbble.com/shots/1083617-430-FREE-storyboard-illustrations イラスト一覧はこんな感じ 各イラストを細かく見ていきます。まずは人の顔いろいろ。 サッカーボールやスケートボードなど、スポーツ用品。 スポーツ選手 動物 審査員や働く女性など、人の行動。 吹き出し、記号
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く