favico.js - Make a use of your favicon faviconにアニメーション付きのバッジをつけられる「favico.js」 faviconに通知等の件数を付与し、単に付与するだけではなく、アニメーションをつけられるJS。 タブがバックグラウンドにある時に、分かりやすいですね。 このライブラリを利用して簡単に実現できるので通知等があるサイトの場合は実装しておくとよいかもですね 関連エントリ faviconを円グラフにしてアニメーションできる「Piecon」
favico.js - Make a use of your favicon faviconにアニメーション付きのバッジをつけられる「favico.js」 faviconに通知等の件数を付与し、単に付与するだけではなく、アニメーションをつけられるJS。 タブがバックグラウンドにある時に、分かりやすいですね。 このライブラリを利用して簡単に実現できるので通知等があるサイトの場合は実装しておくとよいかもですね 関連エントリ faviconを円グラフにしてアニメーションできる「Piecon」
UIスタイルガイドとはウェブサイトのヴィジュアルを定義するもので、コンテンツから切り離すことによりウェブサイトのスタイルを的確に確認するのに役立ちます。 UIスタイルガイドを作成する際にベースとなるテンプレート素材を紹介します。 UI Style Guide Template UIのスタイルを一括で管理することでデザインの作業時だけでなく、コーディングや検証の時にも重要なガイドになるでしょう。また、クライアントがヴィジュアルの変更を求めてきた際も、部分的にみるのではなく、全体を通して整合性をもった対応を行うことができます。 テンプレート素材にはカラースキームや背景をはじめ、さまざまなUIエレメントのスタイルが定義されています。
Rotate then flip out それぞれのパネルを回転させ、異なるタイミングでめくってフェードアウトさせます。 animo.jsの使い方 Step 1: 外部ファイル animo.jsはjQuery 2+で動作し、animate.cssを含む60以上の美しいアニメーションをコントロールできます。 head内にjquery.jsと当スクリプト・スタイルシートを外部ファイルとして記述します。 <script src="http://code.jquery.com/jquery-2.0.3.min.js" type="text/javascript"></script> <script src="animo.js" type="text/javascript"></script> <link href="animate+animo.css" rel="stylesheet" type=
筆者がスマートフォンを初めて手にしたのは、2006年、ボーダフォンを買収して発足したソフトバンクにナンバーポータビリティ制度で乗り換えた際に手に入れたHTCのWindows Mobile端末だった。翌年米国でiPhoneが登場し、2008年にソフトバンクがiPhone 3Gを発売して以来、iPhoneをメインのケータイとして使い続けている。 現在のスマートフォン市場は、Androidによる支配が続く。IDCによると、米国での2013年第2四半期のシェアはAndroidが8割に届きそうな勢いだ。一方iPhoneは13.2％にまで低下している。米国カリフォルニア州で生活していると、特にSamsung製のAndroid端末がとても目立つ。シリコンバレーで働くあるソフトウエアエンジニアに話を聞くと、長年iPhoneを使い続けていたため、「少しiPhoneに飽きた」という声も聞かれる。iPhoneの
これまで画像ファイルを一括で圧縮する際にはPhotoshopのアクションを使用していたのですが、業務で画像ファイルを100枚ほどリサイズしなければならない状況に。 そんなことのためにPhotoshop起動するのもあれだなと思い調べたところ、Macで画像をリサイズするならこれが最強！無料で機能豊富なTh-MakerXがありがたすぎる！ | iPhone持って珍スポいてくると言う記事を発見。 サンキュー斉藤！ Th-MakerX こちらが起動画面。と言っても難しい操作は一切ございません。 圧縮するサイズを指定して、フォルダをウィンドウ内にドラッグアンドドロップするだけ。 試しにこんなフォルダを… ご覧の設定でリサイズしてみました。 なにこれﾁｮｰ簡単！あっさりとリサイズ完了。 有り難いな、と思ったのは横長の写真は横幅を設定した長さに、縦長の写真は縦幅を設定した数値に変換してくれるところ。他にも
伊藤直也氏が語る、モバイルアプリケーション開発のいまとこれから（前編）～Salesforce Developer Conference Tokyo 2013 いま多くの開発者が取り組もうとしているモバイルアプリケーションの開発は、経験の面でも技術の面でも、コンシューマ向けの開発現場が大きく先行しています。 9月6日開催されたSalesforce Developer Conference Tokyo 2013のセッション「B2Cからみたモバイルアプリケーション開発のいまとこれから」では、コンシューマ向けサービス開発の現場に身を置いてきた伊藤直也氏が、モバイルアプリケーション開発を成功させるための方法を、これまでの経験や現在の開発現場で得たノウハウなどを基に語っています。 試行錯誤の回数を増やす、iOSとAndroidは同じように作ってはいけないなど、モバイルアプリケーション開発に関わるエンジ
先日たんぶらってたらすんごい好みの女性の画像を発見。名前が知りたい。もっと言えば体中のほくろの位置を知りたい。 ですがその場にiPhoneしかなかったので、画像をGoogleにアップロードしての類似画像検索が使えない…困った…と思っていたのですが、iPhone版Google Chromeを使用すれば画像検索を利用できることが発覚しましたのでご紹介。 そもそもGoogle画像検索にて、こちらのボタンをクリックすると こんな画面が現れて、ファイルをアップロードor画像のURLを入力することにより類似画像を検索することができます。 画像に映っているモデルの名前が知りたい、なんて言う時とかﾁｮｰ便利。 iPhoneで画像を検索する方法 で、それをiPhoneで行いたいわけなんですが、iPhone版Chromeを使用すればPCと同じように画像検索をかけることができます:) iPhone版Chrome
コンピューターの操作方法といえばマウスやトラックパッドを使うのが一般的ですが、接続したパソコンやタブレットの操作が視線だけでできるようになる装置「The Eye Tribe Tracker」開発者向けモデルの予約受付が始まりました。価格は99ドル(約9800円)。 The Eye Tribe https://theeyetribe.com/ The Eye Tribe Tracker - The world's first affordable eye tracker - YouTube The Eye Tribe Trackerの大きさは横幅20cm、縦1.9cm、厚さ1.6cmで、重量は70g。視線のトラッキングはThe Eye Tribe Tracker本体から45cmから75cm離れた位置から可能で、本体から65cmの位置では40cm四方のエリアを検知可能、最大24インチのスクリー
人は有名なものが好き。だからこそ 僕たち人間は「有名なもの」「人気があるもの」が好きな生き物だ。 村上春樹さんの新刊は出るたびに爆発的に売れる、みな内容を知らずに買っている。 村上春樹ブランドがあるから、買いたくなるのだ。 まったく無名でめちゃくちゃ腕が良いシェフのお店よりも、実際の腕はそこそこでもテレビに出まくっているシェフのお店にお客は殺到する。 ただの無名な他人の日記なんか誰も見向きもしないが、アイドル歌手がブログにただの日記を書けばアクセス殺到となく。 なぜか。僕たちは有名なものが好きだから。 ならば、個人がブランドを作る時にも、「有名人になる」ことが必要だ。 「有名になりさえすれば、どんどんお金が入ってくる」 これが、PRコンサルタントとしてさまざまな業界を知る野呂さんの感想だという。 ここからが鍵になる。無名の一個人が有名人になる、一番手っ取り早い方法とはなにか。 それは「売れ
LEGOブロックで再現されるなど未だに根強い人気を誇る「初代Macintosh」ですが、3分の1スケールのMacintosh 128KをRaspberry Piで再現した人がいます。 Honey I Shrunk the Computer - RetroMacCast http://retromaccast.ning.com/profiles/blogs/honey-i-shrunk-the-computer こちらがMacintosh 128KのミニチュアMac「Mini Mac」です。Mini Macを手のひらに乗せているのが製作者のJohnさん。レトロなMac愛好家たちが集うRetroMacCastでMini Macを公開しています。 Mini Macは、ARMプロセッサを搭載したシングルボードコンピューターRaspberry Pi（ラズベリーパイ）を使って古いMac用のエミュレータ
商用・非商用を問わず無料で利用できるWebフォント、「Google web fonts」の実装方法をさっくりメモっておきたいと思います。 Google Web Fonts Google web fontsとは Webページ閲覧時、通常ではパソコンにインストールされているフォントしかブラウザで表示することが出来ませんが、「Webフォント」を使用すると任意のフォントを表示することが出来ます。 Googleの提供するGoogle Web Fontsはアカウント登録の必要も無く、実装が非常に簡単なそれの一つです。商用・非商用ともに無償で利用が可能と言うのもポイント:) ちなみに当サイトでも日付の表示とサイドバー・フッターの見出しにGoogle web fontsの「Coda」を使用しています。 Google web fontsの実装方法 実装の手順は3ステップ。 1.使いたいフォントを選択する 2
Mac OS 10.8「Mountain Lion」やiPhoneの最新iOSに搭載されている「通知センター」。メールやToDoを通知してくれる便利な機能には、とってもお世話になっています。 でも、時々通知が多すぎたり、後でチェックするから今はいいよ！って時がありせんか。なにか別のことに集中している時に通知されると、せっかくの集中力が途切れるんですよね。 そこで、通知センターをちょっと消しておきたい、すぐに消したい時に知っておくと便利な小技を紹介します。 Mountain Lionの場合 optionボタンを押しながら、通知センターのアイコンをクリック。 グレーになったら一時的に通知とバナーが非表示となります（翌日になると表示されるようになります）。 iPhoneの場合 通知センターをちょい下げして、指を放す。これで通知バナーが非表示になります。 便利な通知センターも、時と場合によっては邪
プレゼン資料・企画書作成の参考になる7つのスライド【パワポやKeynoteでも使える！】 まずは、企画書やプレゼン資料の参考になるスライドをご紹介します。 キレイな提案書を作るためのデザインの基礎知識 → キレイな提案書を作るためのデザインの基礎知識 「プレゼン資料・企画書は内容を伝えるためにあり、デザインはそれを達成するための手段だ」 と考える、筆者の考えが強く出たスライドです。 スライドの中では、フォントの種類や文字の装飾の多用などを避け、「本当に伝えたいことを伝えられるようにするシンプルなデザイン」を強調しています。 「シンプルであること」を目指しているので、難しい操作も必要なく、「良いデザインは、そもそもセンスがないと作れない」と諦めている人におすすめのスライドです。 しょぼいプレゼンをパワポのせいにするな! → しょぼいプレゼンをパワポのせいにするな! 「酷いプレゼンはパワポのせ
最近の投稿 問題: 積み木を10個積み上げるのにかかる時間は 2020/8/20 木曜日 Google の G Suit Team から “[Action Required] Remove internal links to the G Suite Domain Contact page for your organization” ていうメールが来た 2020/8/14 金曜日 NZXT H1 と ROG STRIX B550-I GAMING で組んでみた 2020/7/17 金曜日 花粉症対策2019 2019/3/16 土曜日 マルチディスプレイ時のDisplayPort問題を何とかしてみた 2019/1/12 土曜日 REALFORCEソフトウェアがインストールできない(解決済) 2018/12/6 木曜日 GeForce RTX 2080 Founders Edition を買
昨年買ったMacBook Airのmid2012（13インチ）が、買ってから1年と1カ月、保証が切れたすぐ後、突然使えなくなりました。 結論からいえばSSDが壊れたのが原因。自力で新しいSSDと交換することで解決しましたので、その過程を紹介します。「これで確実に修理できる！」という保証はありませんが、原因を特定していく手順を知っておけば、自分で直そうとしてみるのも悪くないと思います。 何しろ、かかった金額は数万円単位で節約できました。SSDの交換の作業自体は簡単で、15分ほどです。費用はアップルや専門の業者の半額かそれ以下でした。日本円で2～3万円かそれ以上を節約できたと思います。アップルとのやりとりに費やす時間もありませんでした（金額的には、保証延長のAppleCareよりも安く上がりましたが、差額と労力を考えると、AppleCareに入っていても良かったのかなという気はします）。 その
@JUNP_Nです。迷惑メールに対して、返信メールを送ったところ、それ以降全く迷惑メールがパタリと来なくなったという画像が話題になっています。 迷惑メールに対して迷惑メール（？）を送るという新しい発想以前からネタとして、そうゆうことをする人がいて迷惑メールが来なくなったということは聞いたことがありますが、本当に効果的みたいですね。 問題の迷惑メールに返信した内容が以下だそうです。 迷惑メールに対して迷惑メールとして処理してもらうという、新しい発想。 対策として、本文内容を引用しておきます。 他の人にも迷惑メール送るなんて許さない！！！！！！私だけに送ってくれたと思ったのに！！！！！！！！！！！嘘つき！！！！嘘つき嘘つき嘘つき嘘つき嘘つき嘘つき嘘つき嘘つき嘘つき嘘つき嘘つき嘘つき嘘つき嘘つき嘘つき嘘つき嘘つき嘘つき嘘つき嘘つき嘘つき嘘つき嘘つき嘘つき嘘つき！！！！！！！！！！！！！！！！！！
今年３月に「Mailbox」を買収し、ますます勢いに乗る「Dropbox」 時価総額40億ドル、ユーザー数1億7500万人と、とんでもない化け物ベンチャーの彼らですが、 実は広告にほとんどお金を使っていないということをご存知でしたか？ つまり、そこはグロースハックのアイデア宝庫のはず。 今回はそんな宝の山から７つのお宝を紹介します。 参考記事:The 7 Ways Dropbox Hacked Growth to Become a $4 Billion Company グロースハックって何って方はこちらの記事をどうぞ。 「グロースハック」とは １、登録に振り切ったサイト 初期の頃からDropboxのサイトはシンプルなものでした。 特徴を伝える２分間の動画とダウンロードボタンだけ。 幾度となく、レイアウトの変更はされていますが、基本的には動画の再生ボタンとダウンロードボタンのみです。 訪問し
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
これはずっと待ち望んでたー！ あらゆるサービスでパスワードが必要な昨今、同じパスワードを使いまわすことの危険性はわかっているとはいえ、毎回違うパスワードを考え、覚えておくのは難しいものです。 こうした問題は、パスワードの生成、管理をするツールを使うことで解決することができます。有料でよければ1password、無料ならKeyPassXがそれぞれマルチプラットフォームで使えて便利です。 さて、個人のパスワードであればこれでOKなのですが、まだ課題がありました。企業やグループで共有するパスワードの管理です。例えば開発用のTwitterアカウントを共有するといった用途が考えられますね。 これまではオフラインで見せたりして伝え、ローカルに保存する時は暗号化して、といったようなルールで乗り切るしかなかったのですが、安全性と利便性のバランスや、個々の意識やリテラシの違いまで含めて管理することは事実上は
テーブルトークRPGはあらすじの決まっていない演劇のようなものなので、事前にしっかり準備しておかないとセッションが迷走してしまいがち。ダンジョンや洞窟のマップを自動生成してくれる「Dave’s Mapper」を使えば、ちょっとだけ手抜きをすることができます。 PCはもちろんタブレット端末のマルチタッチにも対応しています。 Dave’s Mapper | RPG Map Generator Dace’s Mapperは色々な人が描いたタイルパーツをランダムに組み合わせてマップを作り出すサービス。左カラムは作家一覧になっていて、どの人のタイルを使うのか自分で選ぶことができます。 MAP TYPEは地下迷宮、洞窟、2つのミックス、街、横から見た洞窟、宇宙船の内部が選べるので、いろいろなゲームに対応。 タイルの並べ方やサイズの決定パネル。 タイル一枚一枚を回転させたりするエディットパネル。 5フィ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
