BLOGOS サービス終了のお知らせ平素は株式会社ライブドアのサービスを ご利用いただきありがとうございます。 提言型ニュースサイト「BLOGOS」は、 2022年5月31日をもちまして、 サービスの提供を終了いたしました。 一部のオリジナル記事につきましては、 livedoorニュース内の 「BLOGOSの記事一覧」からご覧いただけます。 長らくご利用いただき、ありがとうございました。 サービス終了に関するお問い合わせは、 下記までお願いいたします。 お問い合わせ
猫の自撮りアプリを実際に使ってみた
自撮りにチャレンジ! 猫好きならば、ネット上で一度は猫の自撮り画像を見たことがあるだろう。ところが自宅の愛猫に自撮りをさせてみようとしても中々うまくいかない…。今回は、猫の自撮りアプリを使って、実際に撮影を行ってみた。 猫の自撮りアプリはいくつかリリースされているため、レビューなどを読んで自分の猫に合ったものを選ぶと良いだろう。今回は、iPhoneを使って撮影してみた。猫の自撮りアプリを起動すると、画面上に動く点が現れる。(アプリによってはこれがネズミのイラストだったりする)。その点を猫が狙い、肉球で画面を押すと、iPhoneのシャッターが自動的に切れるという仕組みだ。 実際に撮影してみた iPhoneを床に置き、アプリを実際に起動してみると、すぐさま猫が寄ってきた。画面上に表示された動く獲物に夢中になっている。猫自身が動きながら画面を押すため、大量に撮影したとしてもブレていない写真はほん
jQueryでレスポンシブ対応のシンプルなクロスフェードビューアーを作る方法｜BLACKFLAG
jQueryを使ってのレスポンシブに対応したスライドショーを実装するいくつかのパターンを紹介してきましたが、サムネイルも何もなしでただ画像（コンテンツ要素）がクロスフェードするだけのシンプルなスライドショーのレスポンシブに対応したパターンの要望を多くいただいたので、試しに作ってみたのを紹介してみます。 レスポンシブ動作はブラウザ枠を目いっぱいにするタイプなので、まずは別枠表示で動作サンプルから。 「jQueryでレスポンシブ対応のシンプルなクロスフェードビューアーを作る方法」サンプルを別枠で表示 サンプルでは6枚の画像を自動でクロスフェードで切り替え、最大幅を「800px」最小幅を「320px」としてブラウザ幅によってスライドショー部分が拡大縮小します。（どちらの値も変更可） 簡単な動作仕様については以上になります。 全体構成についてまずはHTMLから。 ◆HTML <div class=
仮想敵サイトを丸裸にするのに必要なChromeの拡張機能３つ｜More Access! More Fun
WEB制作会社にお勤めの方なら「そんなん知ってるよ」程度のネタですが、会社でWEBのお仕事に携わっている方なら絶対入れといた方が良いChromeの拡張機能のご紹介をしてみます。競合のリサーチに使えます。ただしChromeはやたらめったら拡張機能を入れまくると、重くなったり落ちまくったりがあるので必要最低限にしておくのがオススメ。 関係無いけどiPad mini RetinaのChromeがめちゃくちゃ落ちる。Googleの中の人、なんとかしてください。 スカウターなみの威力のPageRank Status PageRank Status これはもうドラゴンボールの「スカウター」です。敵サイトの概要やアクセス数の目安、バックリンク、パワー、経験値などを一瞬で表示してくれます。 ↑ 試しに敵では無いですが、プロブロガーのイケダハヤト師のブログを見てみました。 サイトランク付けてるAlexaはい
3分で覚えるGoogleアプリTips(Android編) - 2段階認証でセキュリティを高める「Google認証システム」
レポート 3分で覚えるGoogleアプリTips(Android編) - 2段階認証でセキュリティを高める「Google認証システム」 今回ご紹介する内容は、Android端末に限らず、Googleサービスを利用する端末すべてに共通する、セキュリティ設定を高めるための手法だ。より手軽に認証できるよう「Google認証システム」アプリも合わせて紹介するが、アプリを使わなくても十分安全にGoogleサービスを利用できるようになる。 「2段階認証」という言葉は、少し詳しい方であればもしかすると聞いたことがあるかもしれないが、入力すべき要素が増え、ログインが面倒になりそうだと思う人も多いのではないだろうか。しかし、実際にはログインの手間をほとんど増やすことなく、セキュリティを格段に高められるものなのだ。今回はこの設定を3分以内でやってしまおう。 設定はPCがおすすめ。ただしスマートフォン1台でもで
「右カラム無視」への対策
Webユーザーは、情報過負荷へ適応するため、重要でなさそう、あるいは広告のように見えるエリアから注意をそらすように自分たちを訓練してきた。しかし、サイドバーは適切にデザインすれば、コンテンツを発見しやすくし、ユーザビリティをうまく向上させることができる。 Fight Against “Right-Rail Blindness” by Hoa Loranger on October 12, 2013 日本語版2013年12月17日公開 残念なことだが、Webサイトクリエイターが右カラム（Webページの右レールとも呼ばれる）を広告の掲載によく使うので、ユーザーはこのエリアをチェックしないように自分たちを訓練してこざるをえなかった。これは右カラムはやめるべきということだろうか。いや、そんなことはない。 ページの右側で消費されるピクセルは利用可能な量のうちの20％程度だが、ピクセルとはコンピュータ
ボーイフレンドを直す方法 あるいは賢いjQuery.Deferredの使い方 - mizchi's blog
問題 モバイルは回線が不安定なので、ロードの失敗が頻繁に起こります。 開発時は高速なwifi環境で開発しているので、リリース間近になって帯域を圧迫していることに気づいたりします。 解決方法 画像を先読みします var preload = function(src){ var d = $.Deferred(); var img = new Image; img.src= src; img.onload = d.resolve img.onerror = d.reject return d.promise(); }; 何をやっているかというと、空のimgタグをつくってそこに画像を読み込みます。その過程でブラウザキャッシュに画像が保存されます。正確に言うとこの時点ではどこにも紐付いていないのでGC対象ですが、その後すぐDOMに画像をはるなら問題ありません。 並列で先読みする(速い・不安定) va
ChromeだけあればOK！ PCの画面共有が簡単に行えるサイト「SAME.IO」 | ライフハッカー・ジャパン
ついにiPhone卒業→「Nothing Phone (2a)」へ。この乗換えが大正解だった!【今日のライフハックツール】
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTML5とCSS3の実用的なテクニックが丁寧に丁寧に解説されたウェブ制作に真剣に取り組みたい人にオススメの本 -HTML/CSS デザインの教科書