ドットインストール代表のライフハックブログ

ブッコミで配信のエロ漫画「ガリガリ娘を拾ったらムチムチ美女になりまして」の全話(1話～最終話)までのネタバレ、感想など更新していきますね♡画像や無料試し読みも紹介していますよ♡著者は小桜クマネコ/チンジャオ娘先生です♬初回は、H31年3月13日に最新話1話～4話の配信ですね♡5話6話予想予想も更新していこうと思います♡

ドットインストール代表のライフハックブログ

Generate your own shiny CSS3 buttons for your website!

ついに買ったぞ!Amazonブラックフライデーでライフハッカー編集部員が購入したもの【12/6まで更新中】

Wikipediaをリデザインするならこうじゃね？を公開しているサイトがWikipedia Redefinedだ。 検索はどうあるべきか、個別のサイトにはどんな機能があるべきか、使いやすいデザインとは？といったアイデアが並んでいる。 日頃からよく使っているだけに「そうそう！」「いやー」といった自分なりの判断ができて頭の体操になる。 サイトを設計したり運営したりしている人には参考になるのではなかろうか。ちょっと長いが見る価値はあるかと思う。

上の図は『R25（2012年6月21日～7月4日号）』です。表紙には雑誌名のほか見出しコピーや有名人の写真など様々な要素で飾られていますが、この表紙で一番読者の視線が集まる要素はどこだと思いますか？ ユーザーがどの場所を見ているのかを調べるツールを「アイ・トラッキング」と言います。これは広告やウェブなどの効果を検証するために用いられますが、特殊なツールを必要とするため、結果が出るまでにかなりのコストと時間が掛かってしまいます。 今回紹介する3M™視線予測サービス（VAS：Visual Attention Service）は、その特殊なツールを必要とせず、オンラインで簡単に視線予測ができる便利ツール。ウェブページのキャプチャー画像はもちろん、iOSやAndroidデバイスで撮影した画像も解析できます。しかも5回までは無料で利用可能（6回目以降は1回あたり約15ドル）。 というわけで、記事冒頭

モバイルバッテリーとは呼べない。「ほぼポタ電」なコレ1台で有事の時もアウトドアも大活躍!【AmazonスマイルSALE】

美しい単一ページの無料テンプレート集。 CSS/HTMLの勉強にも使えそうですが、細かいところで単一ページらしいアイデアが使われているところも見所です。 色々と使い所満載のテンプレート集 単一ページだからと思って油断していましたがなかなかのクオリティでびっくり。 Free Single-Page HTML5 Portfolio Template Demo / Download スライドショーの部分も細かいですがよく出来てます。 Code a Backwards Compatible, One Page Portfolio with HTML5 and CSS3 Demo / Download Page 一般的な縦型のシングルページ。スムーズな移動も特徴的です。 Resume (HTML) Demo / Download Page Roundfolio: A Free Portfolio T

1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 こんにちは、森と申します。 スマートフォン版アメーバピグのWebアプリを担当しています。 「HTML5 Web Applicationのつくりかた」という記事が詳しいので、 この記事ではスマホ版ピグのCSSについてマイページを例にご紹介します。 とても長い記事になってしまいましたが、最後までご覧頂けると嬉しいです。 スクリーンショットで見るCSSプロパティやセレクタ2012年4月現在、SPピグ内のレイアウトはどのページも大体同じなので、マイページとフォーム要素を抜粋して使っているプロパティやセレクタの中から主要なものをざっと並べてみました。 HTML

ドットインストール代表のライフハックブログ

Chrome：Webサイトを持っていたり、個人で企業を運営していたり、SNS用のアイコンのためにロゴを作りたいという方には、Chrome用拡張機能「Logo Maker」がおすすめです。画像を追加してその周囲にテキストを配置し、簡単にロゴを作ることができます。 Logo Makerをインストールすると、ロゴに使いたい画像をインポートすることが可能です。画像を拡大変形したり、好きなサイズに変更できます。フォント、フォントサイズ、カラーなどを選び、テキストを追加しましょう。 作業が終わったら画像を書き出し、ダウンロードしてWebサイトにアップロードしたり、TwitterやFacebookのプロフィール画像にしたり、好きに使えます。PNGファイルで書き出せるので、サイトでもプロフィールでも好きに使うことが可能です。画像編集ツールをインストールする必要もありません。 ロゴを作るのに必要なツールがあ

もし、あなたの肩書きがウェブデザイナーであったなら、今日作成されるサイトがタブレットや携帯デバイス、テレビなど、パソコン以外の画面で閲覧されていることはご存知だと思います。その確認作業がなかなか面倒だったりしますが、「Screenfly」を使うと、各種デバイスでサイトがどんな風に見えているかをサクッと確認することが可能です。 サイトのURLをScreenflyに入力すると、標準パソコン（10インチのネットブックから24インチのデスクトップまで）、5種類のタブレット、8種類の携帯デバイス、3種類のテレビでの表示を確認できます。 『Wordpress』や『Joomla』などのプラットフォームで作成されている場合、各種画面用に最適化されたモバイル版がすでにあるかもしれませんが、携帯版がない場合、サイトのRSSフィードを元に携帯版を作成してくれる『Intersquash』（英文記事）がなかなか便利