WEBサイトでの印象を決定づける一つの大きな要素の一つ背景。色ベタ、テクスチャを使ったものなどサイトによって様々な背景が制作されていますが、今回紹介するのはWEBサイトに使えるシームレスなパータン素材を集めた「200+ Seamless Patterns Perfect for Website Backgrounds」。 Photoshop Stripe patterns (20 patterns) 紙や布などといった定番のテクスチャを表現したものから、個性的な表現のパターンまで背景に使えそうなパターンセットがまとめられています。今日はその中から幾つか気になったものをピックアップして紹介したいと思います。 詳しくは以下 ■Seamless Paper Patterns (6 patterns) 方眼から、罫線まで様々なパターンの質感のある紙のパターンセット ■Woven Plaid Swa

カーリルのミッションは、 日本の図書館をもっと楽しくすること。 それは、いまより”ちょっと楽しく”の積み重ね。 そのためのアイデア、毎日考えています。 カーリルについてもっと詳しく

lov8はJavaScript製のオープンソース・ソフトウェア。最近はJavaScriptやHTML5の登場によってWebブラウザ上で高度な操作ができるようになったことがあって、Webブラウザ上で遊べるゲームが増えている。Flashゲームと合わせれば相当数のゲームがあるはずだ。 マウスの軌跡にそってイフェクトが起きるデモ そんなJavaScriptによるゲームがローカルでも遊べるようになったら、さらに面白さが広がるかも知れない。その可能性を感じさせる、JavaScript用のゲームエンジンがlov8だ。 lov8はJavaScriptで2Dゲームを作成、実行できるソフトウェアだ。JavaScriptのエンジンにはGoogle Chromeでも使われているv8エンジンが使われている。必要なファイル群をまとめてZipにし、拡張子をlov8としたものがゲームになる。 玉が階段を下っていくデモ オ

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

Author:くるぶし（読書猿） twitter:@kurubushi_rm カテゴリ別記事一覧 新しい本が出ました。 読書猿『独学大全』ダイヤモンド社 2020/9/29書籍版刊行、電子書籍10/21配信。 ISBN-13 : 978-4478108536 2021/06/02 11刷決定 累計200,000部（紙＋電子） 2022/10/26　１４刷決定 累計260,000部（紙＋電子） 紀伊國屋じんぶん大賞2021　第３位 アンダー29.5人文書大賞2021 新刊部門 第１位 第２の著作です。 2017/11/20刊行、４刷まで来ました。 読書猿 (著) 『問題解決大全』 ISBN:978-4894517806 2017/12/18 電書出ました。 Kindle版・楽天Kobo版・iBooks版 韓国語版 『문제해결 대전』、繁体字版『線性VS環狀思考』も出ています。 こちらは１０刷

2016年12月13日 Webデザイン, 便利ツール, 色彩 以前書いた記事「配色パターンからWebデザインを考える」を見た方から「いい配色だなーと思ってもうまく使いこなせない」という意見をいくつか頂きました。確かにすてきな配色をどうデザインに取り込んでいいのか、というのは難しいところです。今回は簡単に配色を提案してくれるオンラインツール「ウェブ配色ツール Ver2.0」を使って配色をWebデザインに取り込む方法を紹介します。 ↑私が10年以上利用している会計ソフト！ ウェブ配色ツールを使った基本的な配色方法 まずこの「ウェブ配色ツール Ver2.0」について。テーマカラーを一色選べば、それにあった配色を提案してくれる配色ツールです。Webサイトのプレビューを見ながら配色の調整ができるので、初心者さんにもおすすめです！ オレンジを元に色相差0°で配色した例。色相差を0°にすると同系色（＝同

基本的な使い方 左上のカラーピッカーを使って、任意の1色を作れば、それに合わせた配色が作れるツールです。またロゴの文字や色は任意の物を指定できるようになっています（ただしフォントは変更出来ません）。 カラーピッカーの下のスライダーを利用すれば、メイングラフィックの変更や色相幅も変えることが出来ます。動きが必要な配色の場合には、2つめのスライダーを右に動かしてください。補色配色に近い配色が出来上がります。 色の一覧を押すことで、出来上がった色の一覧を表示しますので、コピー&ペーストしてお使いください。 この配色ツールについて この配色ツールはフォルトゥナによって提供されています。リンク等は当然のことながら自由にしていただいて構いませんが、無断で複製・転載するのはおやめください。 取材・執筆等のお申し込み このツールに関してのご質問、あるいはその他の色に関する取材・業務や講演などは、フォルトゥ

PassMark Softwareのベンチマークサイトには「PassMark PerformanceTest」というベンチマークソフトによって計測された結果が掲載されており、CPU・ビデオカード・HDDなどの型番で検索することによって性能が簡単に数値で比較できるようになっています。「あのPCとこのPC、値段の差はわずかだがCPUが違う、どれぐらいの性能差が出るのか？」「このビデオカードとあのビデオカード、性能的にはどれぐらい差があるのか？」「AのSSDとBのHDD、性能が上なのはどっち？」というような疑問を解決できます。 例えば「AMD Athlon Neo X2 Dual Core L335」の1.60GHzと「Intel Atom N270」の1.60GHzと「Intel Core i7 720QM」の1.60GHz、それぞれすべて「1.60GHz」なのですが、当然ながら処理速度には差

今更だけど、ハンドルネームがダサイ気がしてきたから変えたい...。その他、さまざまな理由で、Googleアカウントを新しいものへ変えたいという方、いませんか？ Googleには、新しいアカウントへデータを転送するサービスがありません。そこで今回は、サービス別に効率的なアカウント乗り換え方法を、ご紹介します。 多くの方々は、Googleのサービスに大量のデータを蓄積していると思います。Gmail、カレンダー、ドキュメント、リーダー、Voice、ブロガー、Youtubeのデータを、新しいアカウントへ欠損なく転送するには、ちょっとした作業が必要です。 Googleリーダーなどのいくつかのサービスは、ユニバーサルなインポート・エクスポートに対応していますが、Youtubeのアカウントなどは、それがないので厄介です。一から新しいアカウントで設定し直すよりは、失うものが少ない方法を考えましょう。ここか

オープンソースデザイン等に一般的に利用されている PhotoshopやDWなどのAdobe製品は 高機能で仕事では必須のツールです。 しかしながら高額で、手軽に購入出来る という訳には行きません。無料で手に 入る代替ソフトがありますので、まずは コツを掴むのにフリーソフトから使って みてはいかがでしょうか。 デザイン等に一般的に利用されているPhotoshopやDWなどのAdobe製品は高機能で仕事では必須のツールです。しかしながら高額で、手軽に購入出来るという訳には行きません。無料で手に入る代替ソフトがありますので、まずはコツを掴むのにフリーソフトから使ってみてはいかがでしょうか。 全く同じとは行きませんが、例えばPhotoshopの代替ソフトとして有名なGIMPはPhotoshop専用の拡張子であるPSDファイルも開く事が出来ますし、GIMPで作ったファイルをPSDに変換する事も可能で