mut00tumのブックマーク - はてなブックマーク

2500種類もの素材から嵌め込み画像を手軽に合成できるサイト「Placeit」

Placeitとは Placeitは、一応無料で使用できるはめ込み画像作成ツールです。基本的に、以下のようなデバイスにはめ込む形の合成素材が多いです。以下のような、街中の広告エリアにはめ込む素材もそろっています。これらの他にも、様々な凝ったモックアップ素材が全部で660種類以上あり、かなりの確率で、イメージと合うはめ込み用素材が見つかるのではないかと思います。実際に、以下の画像同士を合成させてみると、以下のようになります。また、Placeitは、URLからサイトのキャプチャ画像も、手軽に作成できるようになっています。キャプチャーを表示させたいURLと以下の素材を組み合わせると、以下のような、画像も手軽に作成できます。合成画像の作り方合成画像の作成は、以下の2通りあります。写真を準備して合成する URLからキャプチャーを取得して合成する以下で、それぞれの方法について

mut00tum 2017/05/16

リンク

URLを入力するだけ！コンテンツをスクレイピングしてデータ化してくれる無料ツール「import.io」

import.ioとは import.ioは、データ化したいページのURLを入力するだけで、自動でデータ箇所を判断して情報を集めてくれるスクレイピングサービスです。無料で利用することができ、セットアップも、データ収集用のトレーニングなども必要ありません。 URLを入力して、ボタンを押すだけという簡単さから、誰にでも利用できるデータ収集ツールだと思います。以下では、その簡単な使い方や、利用例などを紹介したいと思います。定期的なサイトへのスクレイピングは相手サイトの負荷になるので、一日に何度も何度も同一サイトに使用するのはやめましょう。加えて、取得したデータを、そのまま何かに利用すると著作権違反になる恐れもあります。基本的な使い方 import.ioの最大の特徴は、使い方の簡単さです。以下では、その使い方の例として、IKEAのソファー検索結果ページのデータを取得してみたいと思います。

mut00tum 2015/08/20

リンク

視認性の高いプログラミングフォント「Myrica」をWindows＋Sublime Textで使う方法

Myricaとは Myrica （ミリカ）は、無料で使えるプログラミング用 TrueType フォントです。視認性、判別性が高くなるように、複数のフォントから合成され作成されました。 Myricaの特徴 Myricaは、多くの特徴をRictyから継承しています。主な特徴は、以下のように挙げられています。 ASCII文字は「Inconsolata」が適用されます。それ以外の文字には「源真ゴシック」または「Mgen+」が適用されます。半角文字と全角文字の横幅の比が 1:2 に調整されています。視認性の高い日本語文字 (半濁音など) が使用できます。 Rictyにない特徴 Rictyにない特徴として、ASCII/ひらがな/カタカナにヒンティング情報が付加されています。これにより、低解像度や、小さな文字サイズで表示させても、可読性が高くなるようになっています。特徴のイメージ特徴に

mut00tum 2015/04/30

リンク

プログラミングで変数名や関数名のネーミングに迷ったときに便利なカンニングペーパーまとめ

僕は、プログラムをする上で変数や関数に良い名前を付けるのはとても重要と考えています。というのも、良い名前を付ければ、それだけでそのコードがしたいことの説明になり、コメントと同等の働きをすることもあるからです。自分がちゃんとそれをできているのかはさておき、僕は普段から、できれば読みやすくて分かりやすい名前を付けたいと思っています。他の人も読むコードであれば、できればプログラムでよく使われるような単語を利用して書いた方がより分かりやすいです。ただ、よい名前を考えるのって、ちょっと面倒くさいんですよね。僕はこれまで、英語の辞書を利用して、考えたりしていたのですが、「何か、プログラムでよく使われる単語をまとめたものはないか？」と探したら、ドンピシャのものがいくつかあったので、それらをまとめて以下で紹介します。 photo by Michael Coté codic codic – デベロッパ

mut00tum 2015/03/12

リンク

これが無料！？SEO・マーケティング分析ツールの「Nibbler」がスゴい

先日、Nibbler（ニブラー）という、SEOとWEBマーケティング分析サービスを見つけました。これを使ってみたら、無料ながら、かなり詳細にサイト分析（改善点の可視化）が行える素晴らしいツールだったので紹介です。 Nibblerとは Nibbler – Test any website Nibblerとは、フリーのウェブサイトテストツールです。アドレスを入力するだけで、アクセシビリティ、SEO、ソーシャルメディアテクノロジーなどの観点から、ウェブサイトをクロールして、レポートを出してくれます。加えて、適切な改善提案を示してくれるので、提案に従ってサイトを修正すれば、かなり良いサイトに仕上がるのではないかと思います。 Nibblerを英和辞典で調べてみると、「少しずつかじる（小動物）」、「打抜き切断工具」などという意味があります。サイトを細かく分析するツールという意味もあるのだと思いま

mut00tum 2015/02/17

リンク

100種類以上のマウスホバーエフェクトを手軽に使えるCSSライブラリ「Hover.css」が便利。WordPressでも簡単利用。

Hover.cssとは Hover.cssとは、手軽にホバーエフェクトを利用できるようになるCSSライブラリです。すべて、CSSで動作するので、AタグなどのHTML要素のクラス指定部分にクラス名を記述するだけで、100種類以上の様々なマウスホバーエフェクトを手軽に使えるようになります。利用するときは、こんなタグで利用できます。 Font Awesomeのアイコンフォントを利用したことがある方なら、Font Awesomeを利用するように、クラスを指定するだけで使うことができるので、簡単に利用できます。 Hover.cssの主な利用手順 Hover.cssを利用するのに必要な主な手順は、以下の3手順です。 Hover.cssのダウンロード＆設置 Hover.cssを呼び出す Hover.css用のタグを記入する利用するファイルも、hover.css（縮小版はhover-min.css）