Dribbbleからダウンロード可能な人気のリソースをブラウズできる『freethroww』 クリエーターやデザイナー御用達のSNSDribbbleにはアイコンやPSDなどダウンロード可能なクリエイティブコンテンツも少なくありません。 そんな中から人気の高いものをピックアップして見やすいようにブラウズできるサイトがこちらの『freethroww』というサイト。 個々のDribbbleページにリンクされており、そこからダウンロードすることができます。 Dribbbleにはダウンロード可能なコンテンツだけを特定してブラウズできるような作りになっていないので、こういうサイトがあると素材探しに便利だと思います。 ちなみに、類似サイトには『Freebbble!』というサイトもあります。

こんにちはこんにちは！！ 先日、CROSS 2013っていう、エンジニア向けのビール飲み放題のイベントに行ってきました！ そこの「HTML5×セキュリティ」っていうコーナーで、ちょっと喋ってきたんですが、 その時の小ネタを紹介しておきます。 最近、ブログとかのWebサービスで写真をアップロードする時に、 ファイルをドラッグ＆ドロップするだけでできたりしますよね。 いちいちダイアログから選ばなくていいから便利です。 こんなやつ。 この手の仕掛けって、ドラッグ時にボーダーカラーを変えたりして 「いまドラッグ＆ドロップ状態ですよ〜」ってわかりやすく表示されますが、 それって別に、ブラウザが警告の意味で出してるんじゃなくて、 あくまで、Webサービス側が親切で表示してるだけなんですよね。 ってことは ・ドラッグされても特にボーダーラインなどを表示せず ・画面上のどこでもドロップを受け入れるようにし

接続したSFTPサーバをWindowsのドライブとして扱うことができるフリーソフトが「SFTP Net Drive」です。Windows XP、Vista、7、2003、2008、2008 R2上で起動可能です。ダウンロード、インストール、設定方法については以下から。 Downloads - SFTP Net Drive http://www.eldos.com/sftp-net-drive/download-release.php 上記サイトの「SFTP Net Drive Free」をクリック。 ダウンロードしたインストーラーを実行。 「Install」をクリック。 「OK」をクリック。 デスクトップに作成された「SFTP Net Drive」をクリック。 接続設定をするので「New Server...」をクリック。 接続するサーバのホスト名かIPアドレスを入力して、「OK」をクリック

@JUNP_Nです。Googleのアカウントを利用してGmailやGoogleカレンダー、Googleドライブなど活用している人は多いと思いますがバックアップは大丈夫ですか？CloudPullを使えば自動的にローカルにバックアップを行うことができますよ。 Gmail、Googleカレンダー、Googleドライブ、Googleリーダー、連絡先の自動バックアップがすごい！メールはラベル毎に振り分けられた状態でバックアップをしてくれます。また受信トレイ、送信トレイ、下書きも含めてバックアップを行なってくれます。 Gmail、連絡先、Googleドライブ、Googleリーダー全てをバックアップしてくれます。無料版のCloudPullでは1時間間隔でバックアップを行なってくれますが、アプリを起動させておくことが必要です。 バックアップされたファイルはクイックルックで確認することもできます。 またバッ

Newsstandは使ってますか？定期購読していないのでジャマな存在でしたが有効活用できる方法がありました。裏技で非表示にしたり、フォルダに入れておく方法はありましたが、これは前向きに有効に使う方法です。以下のサイトで紹介されていました。 Tagbot » Blog Archive » iPhoneのNewsstandをフォルダとして使うとお洒落になる http://tagbots.net/blog/iphone/4173 結構タイミングを掴むのが難しいので、慣れても7〜8割りの確率でしか成功しません。最初はくじけそうになりますが諦めずに試してみてください。上記サイトで動画付きで紹介されていますので参考にするといいかもしれません。 Newsstandを2番目の画面に移動します。 Newsstandに入れたいアプリを3番目の画面に移動します。株価アプリで試してみます。 この3番目の画面でホー

スマホ向けサイト制作の実装＆使えるTips10選：jQuery Mobileでスマホ向け企業サイト構築（3）（1/4 ページ） まだjQuery Mobileを触ったことのないWeb制作者向けに、基本的な利用方法を学びながら、jQuery Mobileを使った簡単な企業サイトの構築の仕方を解説していきます。今回は、画面遷移の制御、アイコン表示、ナビゲーションバー、検索フィルタ、基本的なHTMLスタイル、固定ポジションモードなどを紹介します jQuery Mobileでスマホ向けサイト制作は、こんなに簡単にできる 前回の第2回「触りながら覚えるスマホ向け企業サイト設計の基礎知識」では、サイトの基本構造についての説明と、トップページのコーディングに合わせてヘッダ、フッタなどのツールバー、リストビューコンポーネントを紹介しました。 新年1発目となる本連載の第3回はお知らせページの作成を進めつつ、

よくあるマウスホバーによるイメージズーマースクリプトです。様々なタイプのズーマーを実装出来るのでなかなか便利そうだなーと思って備忘録。とはいえ同じ物も沢山あるのでお好みで良さそうです。 ECサイトなんかでよく見かけるやつですね。マウスを乗せると拡大され、動かす事で細かい部分を確認出来る、みたいな。

スマートフォンにおけるコミュニケーション分野で今もっとも成功をおさめているアプリといえば、何といってもLINEだろう。1月18日にはついにユーザー数が1億人を突破し、今年はいよいよFacebookのお膝元とも言える欧米市場に本格進出する予定だという。 なぜLINEは短期間でここまで成長することができたのか。LINEの歩みを振り返りつつ、ヒットの理由を分析していこう。 LINEは先行者ではなかった ウェブ業界、特にSNSなどのコミュニケーション分野は、他と比べて特に"先行者利益"の大きい市場である。いったんSNSの中で人間関係が構築されると、それを白紙に戻してまで他のSNSにユーザーが移動することはめったにないからだ。もちろん絶対に逆転がないわけではなく、しかるべき理由があればユーザーの大移動は起こりうる。しかし、基本的には一度定着したユーザーを獲得するのは非常に困難であるといっていいだろう

追記：2018年2月22日　本記事は gtag.js では動作しません。＞＞公式ヘルプを参照する 追記 2015年3月9日　タグマネージャーのより詳細な設定や最新メジャメントプロトコルまで網羅した最新版を書きました。以下どうぞ。 ＞＞2015年版イベントトラッキングの使い方＜タグマネージャ・ユニバーサルアナリティクス対応＞ イベントトラッキングとは Googleアナリティクスは、ただ単に設置しただけでは、Webページが何ページ見られた、どれくらいのユーザー数に見られた等、ページ閲覧を基本とした計測しか出来ません。 しかし、ページのどこをクリックしたか、来た人が動画を見てくれたのか、ページの最後まで見てくれか等、ユーザーを基準とした「より詳細な行動」を把握するニーズが高まってきました。 ページ内での動きを計測する、それがイベントトラッキングです。ユーザーのそういった行動やサイトが自動的に行う

目標を立てても、最初はがんばるのにいつの間にかあきらめてしまう......そんな経験は誰にでもあるのではないでしょうか？　あきらめるとつい自分を責めてしまいがちですが、『あきらめずにやりぬく人に変わる方法』（佐々木正悟著、中経の文庫）の著者は、「それは気合いが足りないのではなくて「やりぬく仕組み」がつくれていないから」だと断言します。 心理学に基づいた方法で仕組みを作りさえすれば、無理なく自然に目標を達成できるようになるというのですが、いったいどういうことでしょうか？　紹介されている「45の方法」のなかから、いくつかをピックアップしてみましょう。1． まず「3日」やりぬく（18ページより） 「何かやりぬくべきことがあれば、思い立った日の、できれば早朝から丸3日間続けてみてください」と著者は主張しています。そして、三日坊主になってもかまわないとも。なぜなら3日という時間は現実的に長いので、3

WebブラウザでJavaScriptをテストする「js-test-driver」とQUnit、Jasmineを連携してテストするには：フレームワークで実践！ JavaScriptテスト入門（4）（1/4 ページ） しっかりとJavaScriptをテストするために、今注目のJavaScript用のテストフレームワークをいくつか紹介し、その概要から実践的な使い方まで解説する連載。今回は、js-test-driverの概要や基本的な使い方、非同期処理のテスト方法、QUnitやJasmineと連携したテスト方法などを紹介します 前回まではWebブラウザを使わないJavaScriptテスト 前回「QUnit＋PhantomJSでJavaScriptのヘッドレスなテスト」、前々回「PhantomJSとJasmineで振る舞い駆動開発なJavaScriptテスト」と、「PhantomJS」を軸としたJa

Facebookのグラフ検索、全公開前にしておくべき3つの設定変更2013.01.21 19:30 福田ミホ 望まない見つかり方をしないために。 Facebookのグラフ検索発表によって、全Facebookユーザーは過去の投稿やその共有設定範囲の見直しを迫られています。これまでアップデートしてきた全プロフィール情報（会社、出身地、未既婚、映画の好みなど）や、投稿、写真、などなどが、Facebookユーザー10億人の間の無数のつながりのデータベースの一部になっていて、それらがこれから検索されるんです。 グラフ検索機能は現在限定されたユーザーだけにベータ公開されています。この段階でも、過去にFacebookでしたことが不本意にダダ漏れになっている人たちがいます。そんなことにならないように、今のうちに手を打ってください。友達の友達に｢独身、東京在住で神奈川出身、ビッグバン理論が好き｣とかで自分の

引越しの準備がままならないminamiです。 jQuery1.9 が正式にリリースされました。すでにベータ版として発表されているjQuery 2.0 はIE6/7/8に対応しないことを謳っているため、これらのブラウザ対応をする場合は1.9 を使っていくことになりますね。 jQuery1.9 で変更があった機能を見ていきたいと思います。 どう変わったの？ jQuery 1.9でアップグレードされた機能は下記ページにまとまっています。 jQuery Core 1.9 Upgrade Guide 主要なところを抜粋してみます。 toggle(function,function,...) の廃止 間違えそうですが、表示/非表示のtoggle()は使えます。 jQuery.browser() の廃止 だいぶ前からなくなるよ、と言われていましたが、とうとう廃止に。jQuery.supportや、Mod

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

さまざまなストレスやプレッシャーがのしかかる日常生活の中で、前向きなモチベーションを保ち続けることは簡単ではありません。もし、モチベーションが下がっていたり、気分の落ち込みを感じたりしているなら、以前紹介した「Taskrabbit」のエンジニアZack Shapiro氏のアドバイスが参考になります。 毎日、少しだけ時間をとって、今日あったポジティブなことを3つ書き出してみるのです。すると、気分も良くなり、考え方も前向きになってくるそうです。Zack氏は毎晩、その日にあったポジティブなことを3つEvernoteへ記録し、米Lifehackerオススメの習慣づくり支援アプリ『Lift』に完了報告を書き込んでからベッドへ向かうそうです。例えば次のように。 12月16日Matthewが株式投資のガイドブックをプレゼントしてくれ、いろいろ教えてくれた。Fabien、SheShe、Emilyとブランチ

あなたのWebサイトの脆弱性を調査してくれるサービス『Detectify』 『Detectify』はあなたのWebサイトの脆弱性を見つけてくれるサービス。 サービス側がハッカーに成り代わってあなたのWebサイトにセキュリティーホールがあるかどうかを徹底的に調べ上げてくれます。 使い方はまず調査するWebサイトを追加することから始まります。 トップページからサイトのURLを入力しアカウントを作成しましょう。 次に自分がこのサイトの管理者であることを証明するために、3つの方法の中から選んで指示通り行ないます。 ダウンロードしたテキストファイルをサイトのルートに置く トップページのヘッダにメタタグを挿入する 各CMS用のプラグインをインストールする それが済んだら『Verify...』をクリックし確認が取れると、アカウントの確認コードがメールで送信されるので、そこに記載されているコードをペースト

画像を使わずCSSだけでボタンを表現するのが最近の流行りですね。影やグラデーションなども設定できるので便利です。CSSを自分で書くのは面倒という方は「CSS Button Generator」を使うとはかどりますよ。 以下に使ってみた様子を載せておきます。まずCSS Button Generatorへアクセスしましょう。 プレビューは最上部に表示されますよ。まずカラーセットを選んで、グラデーションを調整しましょう。その後横幅や縦幅などのサイズ調整、影をカスタマイズしたりしてお好みのボタンを作りましょう。最下部にCSSのコードが表示されるのであとはコピペして完了ですね。CSSでボタンを作りたいときはぜひ活用してみましょう。 CSS Button Generator （カメきち）