Favicon Generator for perfect icons on all browsers
Your favicon is transparent. This is usually a good thing, but not for iOS Web Clips which are supposed to be opaque. Look at the sample on the left, this is how a user would see your favicon as a Web Clip on his device. What to do about this? Your favicon is not transparent. This is a good thing for iOS Web Clips. Yet, web clip corners are rounded. Depending of your favicon, it may disrupt its de
画像を使わずに背景パターンが作成できるジェネレーター「SVGeneration」
background-color: #ffffff;background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMDAlJyBoZWlnaHQ9JzEwMCUnPgoJPHJhZGlhbEdyYWRpZW50IGlkPSdnJyBjeD0nMjUuMyUnIGN5PScyNi41JScgcj0nNjcuNyUnPgoJCTxzdG9wIG9mZnNldD0nMCUnIHN0eWxlPSdzdG9wLWNvbG9yOiNmZmZmZmY7JyAvPgoJCTxzdG9wIG9mZnNldD0nNTAlJyBzdHlsZT0nc3RvcC1jb2xvcjojZWRiM2Y1OycgLz4KCQk8c3RvcCBvZmZzZXQ9Jz
フラットデザイン｜Flat UI Colors
280 handpicked colors ready for COPY & PASTE
マイクロインタラクションの共有に最適！MacやiPhoneの画面を録画してGIFアニメにする方法
アプリの世界では普通ですが、ウェブでもユーザの操作に対してちょっとした反応を返したり、システムの状況を提示する「マイクロインタラクション 」がますます重要になってきそうです。ユーザがスマホやアプリの操作に出てくるマイクロ・インタラクションに慣れてくると、無意識のうちにそういった動作をウェブにも求めるようになると思います。 下のGIFアニメはBetterTouchToolのウェブサイト で使われているマイクロインタラクションの例ですが、このようなちょっとした動作がウェブサイトの印象を変えたりしますよね。 数値化は難しい領域ですが、たとえば競合サイトとの差別化のために相対的なユーザ体験を高める施策の一つとして有効に活用できそうです。クライアントに「こんなのできませんか？」と聞かれる機会も増える気がしています。 そして、ウェブ制作においてもマイクロインタラクションの実装が増えると、今度は、それら
マイクロインタラクションにこだわったサイトをつくる時に便利なWebサービス一覧 | Chitep!
多くの人にとって、Webサイトを見ることがどんどん日常に馴染んできている中で、 他のサイトとの差別化や、ユーザーへの配慮に必要不可欠となってくるのが マイクロインタラクションです。 この記事では、細部にこだわったサイトをつくるために 簡単に導入できるWebサービスやjQueryプラグインを紹介します。 マイクロインタラクションとは？ そもそも、マイクロインタラクションとは何かと言うと、 「製品の最小単位のインタラクション」として定義されています。 （マイクロインタラクション ―UI/UXデザインの神が宿る細部 より） 米国のデザイナー／建築家であるチャールズ・イームズの名言に、 「細部は単なる細部にとどまりません。細部こそが製品を作り上げるのです」 とあるように、今後ユーザーに「なんとなく使いやすい」「なんとなく、つい見てしまう」 といった体験をしてもらえるようなWebサイトやアプリをつく
商用・非商用を問わず完全フリーで使えるハイクオリティな画像検索サイト「Pixabay」
デザインの仕事をしていたり、フリーペーパーやポスターを作る時にも、無料で自由に使える写真やイラストは重宝します。一定条件の下で作品を自由に使えるCCライセンスの画像も有用なのですが、商用利用やクレジット表記・リンクの可否など制限があり使いづらいことも。そんな時に便利なのが、知的財産権が誰にも帰属しないパブリックドメインの画像を検索閲覧・ダウンロードできる「Pixabay」であり、CCライセンスのように細かい点を気にすることなく自由に画像を使用できます。 Pixabay - パブリックドメイン画像 http://pixabay.com/ テキストボックスに単語を入れて検索ボタンを押すと…… こんな感じでずらっと写真やイラストが並びます。画像は新着順の他、人気順でも表示することが可能。 気になる画像をクリックすると…… 詳細ページへと飛びます。 撮られた日時や使用されたカメラの種類などと共に、
Flickrから無料で使えるCCライセンスの画像を一気に検索してダウンロードできる「Bulkr」
ホームページに乗せる画像の素材としてクリエイティブ・コモンズ・ライセンス（CCライセンス）の画像をFlickrから検索し、同時に複数枚の画像をダウンロードできるフリーソフトが「Bulkr」です。Windows・Mac・Linuxに対応しています。インストール、CCライセンスの画像検索方法などについては以下から。 Bulkr: Backup, download flickr photos, videos, sets & more http://clipyourphotos.com/bulkr 上記サイトの「INSTALL NOW」をクリック ダウンロードした「bulkr-1.6.air」を実行。 「インストール」をクリック 「続行」をクリック 操作画面が表示されます。 CCライセンスの画像を検索する場合は上部中央にある「Flickr」をクリック。 検索の画面に切り替わります。 左側にある検索
画像をアップロードするだけでファビコン化してくれるサイト「Favigen」 | ライフハッカー・ジャパン
「Favigen」は、画像からファビコンを作ってくれるサイトです。非常にシンプルで、画像をアップロードするだけでファビコンが完成しますよ。 以下に使ってみた様子を載せておきます。 まず、Favigenにアクセスしましょう。ファビコン化したい画像を指定して、アップロードします。大きさは、16px、32px、64pxの3種類から指定可能です。 しばらくすると、ファビコンが完成します。 「Download your favicon.」をクリックするとダウンロードできます。親切にも右下に、ファビコン設置用のHTMLコードもあります。コピペして利用しましょう。 シンプルで分かりやすいので、迷わずささっとファビコンを作れますよ。ブックマークしておくと便利です。 Favigen （カメきち）
シンプルすぎるアンケートブログパーツ「Vorbeo」
誰が答えたのか分からなくても良いから、手っ取り早く多数決が欲しい。そんなときもあるのでは？ 今回ご紹介するアンケートブログパーツは、そんなときに使えるものになっています。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! 超シンプルなアンケート ブログパーツ「Vorbeo」「Vorbeo.com」は、シンプルなアンケート ブログパーツを作成できるサービス。とにかく今すぐカンタンなアンケートを取りたいというときに便利です。 サンプルアンケート
かなり素敵な手軽に貼れるFLASHイメージギャラリー
空白というか白の使い方がクールですね。 手軽にウェブサイトにイメージギャラリーを設置したい時にいかがでしょうか。 日本語もいけるか試したら普通にいけたのでご紹介。 使い方は以下に。 FLASHイメージギャラリーのダウンロード サンプルデモはこちら カテゴリ分けも簡単に ※ダウンロード後、ちょちょっと変更かけないと日本語に対応しません。 とりあえずダウンロードしたファイルを解凍すると以下のような展開になります。 あまり説明は不要かもしれませんが誰でも設置できるようにする為に、超簡易的な構図から。 ホントはもう少し複雑ですが、「触る部分」だけチョイスします。 index.htmlを開けばgallery.swfを読み込み、sallery.swfはgallery.xmlをよみこんでます。 gallery.xmlに画像の名前や、カテゴリ情報などが掲載されています。 まずやる事は以下の二つのファイルを
ButtonMaker webボタン素材 自動生成サイト - 無料
このページはホームページ制作に使えるボタン素材を生成するサイトです。 ご希望の項目を設定し、右上の「create」ボタンをクリックするだけで簡単にボタンを作れます。 ※印の付いた項目は設定必須で、その他の項目は必要に応じて設定してください。 各項目の「カラー」の欄は入力欄をクリックするとカラーピッカーが表示されますので、 ご希望の色をクリックすると自動で入力できます。 背景色の「方向」はグラデーションにする際の１から２への色の向きです。 テキストの位置２は自由に指定したい場合に設定すると、 位置１の指定を無視して、位置２で指定した位置にテキストを表示します。
ブログテンプレート作成ツールで簡単ブログデザイン！ - CSSEZ
Cssez : ผลบอล บอลวันนี้ วิเคราะห์บอล ข่าวฟุตบอล เราคือผู้นำของเว็บดูผลบอลสดออนไลน์ ผลบอลสดภาษาไทย 7m ข่าวฟุตบอล สรุปผลบอล ไฮไลท์ ที่สามารถเช็คผลบอลทั่วโลก มีทั้งภาษาไทย Livescore 7m 888 ผลบอลมีเสียงวันนี้ล่าสุด พรุ่งนี้ หรือเมื่อคืน รวบรวมเว็บผลบอลต่างๆมากมายมารวมไว้ที่เดียวเช่น livescore.com 7m.cn 888scoreonline.com thscore.cc และ spbo.com รวมทั้งมีวิเคราะห์บอล ตารางบอล คะแนนบอล และดูบอลสดออนไลน์
【icon】無料アイコン素材
便利に使えるシンプルクリップアート｜背景透明の無料アイコン 会員登録不要でダウンロード頂けます。｜欲しいアイコンが見つかります。 永久に無料ですので安心してご使用ください。サイト制作・ブログの挿絵
自分の撮影した写真をミニチュア風に変えてくれる「TiltShift maker」 - GIGAZINE
「Tilt Shift」と呼ばれる現実の世界をミニチュアのように見せる撮影方法があるのですが、実際に撮影するとなると特殊なレンズが必要になります。しかし、この「TiltShift maker」を使えば、すでに普通の方法で撮影した写真でも簡単にミニチュア風に変えてくれるそうです。 使い方など詳細は以下から。 tiltshiftmaker.com - Transform your photos into tilt-shift miniatures 自分のPCにある画像を加工する場合は上のボックスで「参照」を押して画像を選んでから「Upload」をクリック。 ネットにある画像を加工する場合は画像のURLを入力して「Use this photo」をクリック。 するとデフォルトの加工がされた画像のプレビューが右に出てきます。 調整は左のボックスで行います。「Focus size」を左右に動かして焦点
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
🎨 Material Design Colors, Color Palette | Material UI
裏BLOG: 最近よく取り上げられてるジェネレーターシリーズ
Creative Commons Search
noupe - THE magazine for webworkers and site owners
kuler
写真素材 [フォトライブラリー]