ドットインストール代表のライフハックブログ
web制作で使えるWebサービスや、Webツールなどをご紹介。 小分けして紹介していた分もあわせてまとめています。定番の物からマニアックなものまでお楽しみください。 グラフィック・創作 10,000s Cool FREE Seamless Patterns-パターンファイルジェネレータ Web制作でもよく背景で利用するパターンファイルを作成する素晴らしいジェネレータ。様々な模様があり、色は決めれますので、組み合わせはほぼ無限です。 Pixlr Photo Editor-オンラインフォトエディタ 世界で最も人気とされるオンラインフォトエディタ。OSを選ばない。 photoshopに近いインターフェイスと、ブラウザさえあれば動くという使用が人気。ユーザー登録しなくても利用できる(したほうが便利)。 Vintage Effect-レトロ、ヴィンテージエフェクト 上のPixlr.comが運営するも
ちょっと変わった物件を紹介するユニークな不動産情報サイトが増えているのをご存じですか?引っ越しの際だけではなく、眺めるだけでも楽しめます。他にはない独自の視点で物件を紹介しているサイトを、5つご紹介します。 <東京R不動産(東京)> ▽ 東京R不動産 「東京R不動産」では、物件についてユニークなジャンル分けをしています。部屋の種類やエリアではなく、「レトロな味わい」「改装OK」「お得なワケあり」「倉庫っぽい」などのカテゴリが用意されています。物件ごとに付けられた紹介文やキャッチコピーにも注目です。 <オモロー不動産(東京)> ▽ http://omoro-fudosan.jp/ 「オモロー不動産」は、不動産情報サイトでは珍しく、会員登録制です。名前の通り、独自の視点で“オモロー物件”ばかりを紹介しています。都心の物件を中心に、お得なマンション、戸建て、土地売買の物件を掲載しています。 すで
WebFontsとは WebFontsを利用すると、Web上にあるフォントファイルを読み込んでフォントを表示できます。これまではクライアントPCにインストールされているフォントのみが利用できましたが、WebFontsではクライアントにインストールされていないフォントを表示できるようになります。 以下のサンプルはGoogle Web Fontsで提供されるWebFontsを利用しています。サンプルは IE 9/Firefox 6/Chrome 12/Opera 11.5/Safari 5.1 で動作確認済みです。 このようにWebFontsを利用することで、さまざまなフォントによる表示や表現ができます。 それぞれのフォントにはライセンスがあります。サーバにフォントファイルを格納する場合は、再頒布に該当するため、注意が必要です。フォント提供サービスを使う場合も、ライセンスをしっかり確認しただし
オーリッドという日本のIT企業が注目を集めている。売上高は40億円規模。法人向けWebサービスを提供していたが、昨年から個人向けサービス「KYBER」を開始した。16日に発売した「KYBER Smartnote」(写真、3冊1500円)は、そのサービスの目玉だ。 見た目はごく普通のノート。メモをしたり、議事録をとったり、普通のノートとして使える。ノートをiPhone付属のカメラで撮影し、KYBERのWebサイトにアップロードすると、画像のデータがクラウドサーバー上で管理される(Androidには10月対応予定)。そこまではこれまでのクラウドサービスにもあったもの。「Evernote」を思い浮かべる人もいるだろう。 だが、話はここからだ。 しばらくすると、手書きのメモが文字データになって送られてくる。いわゆるOCR(画像からの文字起こし)だが、その精度は異様に高い。ほぼ完璧だ。納品までも最速
What are CSS Sprites CSS sprites are a way to reduce the number of HTTP requests made for image resources referenced by your site. Images are combined into one larger image at defined X and Y coorindates. Having assigned this generated image to relevant page elements the background-position CSS property can then be used to shift the visible area to the required component image. This technique can
カラーコードを指定するとき、#FFFFFFという表記のほかに、 R:255 G:255 B:255という表記をすることがあります。 これは、16進数と10進数の表現の違いによるものです。 このツールは、16進10進変換のための補助ツールです。 ■使い方■ 1.変換元進数のテキストボックスに半角で数値を入力します。 2.変換したい方向の矢印のある「変換」ボタンを押します。
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
Spur [ad#ad-2] Spurの使い方 入力フォームにチェックしたウェブページのURLを入力して、「Spur it on」ボタンをクリックします。 画像でチェックしたい場合は、「Spur it on」ボタンの下にある「Upload an image」をクリックします。 クリックすると、ウェブページに7種類のエフェクトを与え、そのままでは気がつきにくい面からさまざまなポイントを確認することができます。 以下、その7種類のエフェクトを紹介します。 Grayscale グレースケールはデザインからカラーを取り除くことで、ユーザーの目がページのどこに引き寄せられるか確認するのに役立ちます。 見出しはブラックの背景にホワイトのテキストで高いコントラストを確認できます。 ロゴとナビゲーションはコンテンツサイトにドロップバックしています。 最新情報のコンテンツはグレースケールになると、コントラス
芭堤雅步行街(Pattaya Walking Street)是芭堤芭堤泰国芭堤雅市最独特和著名的旅游景点之一。它是雅步雅步该市的主要娱乐和购物区域,吸引了大量的行街行街国内外游客前来观光和购物。 芭堤雅步行街位于芭堤雅市中心的地图一条长约500米的街道上,从黎美市场一直延伸到南端的芭堤芭堤海滩。它的雅步雅步特点是只有步行的通行方式,没有车辆允许进入。行街行街每天傍晚时分,地图街道两旁的芭堤芭堤商店和酒吧开始逐渐开业,亮起了五光十色的雅步雅步霓虹灯,给整条街增添了一种独特的行街行街迷人氛围。 芭堤雅步行街以其丰富多样的地图娱乐设施而闻名。沿街的芭堤芭堤商店和市场提供各种商品,从服装、雅步雅步饰品、行街行街手工艺品到电子产品和纪念品应有尽有,满足了游客的购物需求。此外,街道两旁还有众多的按摩院和水疗中心,为疲惫的游客提供身心放松的机会。 然而,芭堤雅步行街最引人瞩目的还是其夜生活场所。这里有许
市場背景: 小さいマイクロ案件でよくあるのが「指定したURLを起動するだけのAndroidアプリが欲しい」という話が異状に多いです。だいたいなんかのついでなんですけど。うちでは5万円~くらいで売ってます。分かりやすく言えばドコモマーケットのショートカットアイコンみたいなやつですね。 用途はスマホサイトへの誘導です。EC、デジコン関係なく需要があるようです。現状、スマホサイトの集客方法が無いので。 また、Androidアプリ開発は予算が高いのでHTMLに逃げたい人に多いです。予算がだいぶ減るらしい。(某大手広告代理店談) ツール化して、公開したらスキル無い人でもこれで商売できる気がしてきたので作りました。 ←こんなのと同じやつ。 サービスの概要: 「指定したURLを起動するだけのAndroidアプリを作成するWebサービス」を作りましたので、皆さんご自由に使ってください。 当然ですが、作った
ウェブサイトを作成する際に個人的に使っているWebサービスを紹介します。幅広く35個紹介しますので、新しい発見があれば幸いです。 フォント関係 wordmark.it パソコンに入っているフォントを一覧で見ることができます。フォントサイズも調整できます。 日本語フォント252種類を表示確認できます!フォントを探すならfonthack.jp。 日本語フォントの表示が確認できます。現在252種類あります。 PXtoEM.com: PX to EM conversion made simple. ベースのサイズ(px)を決めると、em, pt, %の値が表示されます。 カラー関連 ウェブ配色ツール Ver2.0 配色ツールは色々ありますが、日本語ですし、あまり考えなくても感覚的に使えるので楽しいです。 Color Scheme Designer 3 カラーパレットジェネレーターです。海外サイトで
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く