最近のWebデザインは、フラットデザインやマテリアルデザインが少しずつ進化し、コンテンツにフォーカスされたシンプルなデザインが定着してきました。写真は大きく、テキストは読みやすく、空白スペースは大胆に配置されています。 レイアウトは縦長型や分割型、カード型の人気が高く、デスクトップでもスマホでもスクロールを前提にしたデザインをよく見かけます。 最近のWebデザインで使われているさまざまなテクニックの勉強になるレイアウトやUIコンポーネント・要素が揃ったPhotoshop用、Sketch用の無料素材を紹介します。

内容：「TinyPNG」は、PNGフォーマットの画像を圧縮できるオンラインツールだ。スマートフォンのスクリーンショットなどPNGフォーマットを用いた画像をドラッグ＆ドロップすれば、画質を極力保ったまま、ファイルサイズを約7割削減してくれる便利なサービスだ。 「TinyPNG」は、PNGフォーマットの画像を圧縮できるオンラインツールだ。スマートフォンのスクリーンショットなどPNGフォーマットを用いた画像をドラッグ＆ドロップすれば、画質を極力保ったまま、ファイルサイズを約7割削減してくれる便利なサービスだ。 使い方は簡単で、サイトのトップページに指定されているエリアに、PNGファイルをドラッグ＆ドロップするだけ。すぐさまアップロードおよび圧縮され、完了するとダウンロードのリンクが表示されるとともに、元のサイズに対してどの程度圧縮されたのかがパーセンテージで表示される。 中央上の指定されたエリア

サイトにアクセスする際に、接続元をドイツ・アメリカ・イギリス・スイスに変更して、安全にサイトを閲覧することなどができるVPNサービスが「OkayFreedom」です。Windowsで使用することができます。OkayFreedomの設定方法などについては以下から。 OkayFreedom http://www.okayfreedom.com/ 上記サイトの「Download OkayFreedom for free」をクリック。 ダウンロードした「okayfreedom_website.exe」をダブルクリック。 メールアドレスを入力して「Next」をクリック 「Next」をクリック 「Install」をクリック 「Accept」をクリック 無料のアカウントを使用するので「Free」をクリック 「Continue」をクリック 「Continue」をクリック 「Continue」をクリック 「

By OliBac コンピュータが色に名前を付ける時、数字やアルファベットを6つ並べた1677万7216通りの組み合わせで表される16進数カラーコードが使われます。カラーコードは他のコンピュータ言語と同じく論理的なシステムに基づいて作られるため、Webデザインを行う人間にとって16進数カラーコードを知っておくことは非常に助けになるとして、WebデザイナーのBen Gremillionさんがカラーコードの仕組みや便利なテクニックをまとめているのが「The Code Side Of Color」です。 The Code Side Of Color | Smashing Coding http://coding.smashingmagazine.com/2012/10/04/the-code-side-of-color/ そもそもスクリーン上のカラーは指定がない場合は黒いままで、16進数カラーコ

ややこしい設定をすることなく間単に、WebカメラをIPカメラとして、M-JPEGまたはASFのストリーミング配信ができるフリーソフトが「Gmax IP Camera」です。外出中に、家の中やペットの様子などを見ることができます。インストール不要で、Windows上で起動可能です。 ダウンロード、設定、操作については以下から Applications http://www.gmax.ws/app.html 今回はM-JPEG版をインストールするので、中段よりやや上にあるip camera項目の「Download M-JPEG version...」をクリック。 ダウンロードしたZIPファイルをExplzhなどで解凍して、「IPCamera.exe」を起動。 設定画面が表示されます。 Webカメラ・配信解像度・IPアドレスを選択して、「Start」をクリック。この画面でレート・ポート・画像品質

Webページなどの背景テクスチャをいろいろ試したい場合に、約300種類あるテクスチャを選択してダウンロードできるサイトが「Subtle Patterns」です。このテクスチャは商用利用もOKとのこと。テクスチャの確認とダウンロード方法は以下から。 Subtle Patterns | Free textures for your next web project http://subtlepatterns.com/ 約300種類ある背景テクスチャは以下の通りです。番号はサムネイル表示にしたときのページになっています。 ◆01 ◆02 ◆03 ◆04 ◆05 ◆06 ◆07 ◆08 ◆09 ◆10 ◆11 ◆12 ◆ダウンロード方法 公式サイトにアクセスすると、リスト表示でテクスチャが表示されています。 気に入ったテクスチャをダウンロードする場合は…… テクスチャの左下にある「Download

ネット専用クレカ便利すぎ。クレカを持てない、持ってない人に最適な｢V-PreC＠（Vプリカ）｣2012.09.17 11:00Sponsored 最初知ったときは｢こんなサービスあるの？ 早く言ってよ〜｣と思わずにはいられませんでした。 Vプリカ。ネットショップでクレジットカードのように使えるプリペイドカードです。 ネットショップでクレジットカード決済するのってなんだか抵抗がありますよね〜。しかも、支払った感覚が希薄なのでついつい買いすぎてしまったり...。 そもそも、ネットショップはクレジットカードを持っていないと買い物できないことも多いので、事情があって持っていない人、作りたくない人にとっては不便な世界でした。 そのへんのお悩みをまるっと解決してくれるのがVプリカです。早速、中身をご紹介しましょう。 Vプリカは実際にはカードが発行されないので実店舗での使用はできません。ネット専用です。

エクセルのデータをブログの記事にしたい時ありませんか？ せっかくのデータです。ブログの記事にして楽しく見せたりしたいですよね。 けど、データは、あるもののhtmlにするの大変だよ。。。 って人にめっちゃオススメです！ TABLEIZER! — Spreadsheets to HTML Tables Tool 今回紹介するＴＡＢＬＥＩＺＥＲは、エクセルをコピペして貼るだけでTABLEのhtmlを作成してくれます。 エクセルデータをhtmlに変換してくれます。 作業時間は、一秒ですよ。 楽チンだわー！ ためしに、最近一ヶ月間のＰＶをコピペして貼ってみます。 簡単です。 日 訪問数

WordPressを少し格好良く使いたいという人、特にビジネスで使いたいと考えているならデザインとテーマには凝らなければいけません。有料であればよいデザインが多いのは当然のことですが、無料でもプロフェッショナルなテーマが配布されています。 1：Journic Wordpress Theme トップは絵の具を塗ったように色がついていますが下の方はシンプルな2カラム型。右カラムには最初から125×125のバナー用のスペースが用意されています。 2：Biforate 3カラム式で、サンプルではメニューや見出しの背景に鮮やかな青色を配置しています。 3：ProPhone Free Wordpress Theme | ThemePix ばちっと1記事を見せたいという時に使えそうなデザイン 4：Danko Free Charity WordPress Theme チャリティ向けテーマなので、少し下にス

内容：「JPEGmini」は、JPEG画像を圧縮し、データ量を削減してくれるオンラインサービスだ。手持ちのJPEG画像をアップロードするだけで、最大で80％、わずか5分の1の容量にまでデータ量を減らしてくれるので、バナー画像の制作などに効果を発揮する。 「JPEGmini」は、JPEG画像を圧縮し、データ量を削減してくれるオンラインサービスだ。手持ちのJPEG画像をアップロードするだけで、最大で80％、わずか5分の1の容量にまでデータ量を減らしてくれるというものだ。 使い方は簡単で、サイトの「Try It Now」を押してアップロードページへと進み、「Select Photos」で写真を指定すると、アップロードが開始される。アップロードが完了すると自動的に変換され、元画像と比較した画像が表示される。納得がいけばダウンロードする。以上がひと通りの手順だ。サイトは英語だが、難しいことはまったく

ネット上にテキストや画像などのデータを保存し、どこからでもアクセスできるサービスはかねてより人気が高い。代表的なのは「Evernote」で、画像や音声を含むさまざまなデータを一元保管し、強力な検索機能を使って呼び出すことができる。また、ウェブページのスクラップ機能を中心に据えた「Tumblr」や、オンラインで文書を共同作成できる「Googleドキュメント」なども、見た目こそ大いに異なるものの、ユーザーによっては似たような使い方をしている。 こうした観点で見てみると、これら「オンラインメモ系」とでも呼ぶべきサービスは、かなりの数とバリエーションが存在していることに気づかされる。Evernoteほど高機能ではないものの、テキスト公開や手書きメモの共有など、個々の機能ではEvernoteにはないユニークな発想をもつサービスも少なくないし、Googleドキュメントのように複数人のコラボレーションが

筑紫オールド明朝・筑紫A丸ゴシック・筑紫ゴシック・ユトリロ・マティス・ロダン・スーラなどの有名フォントをウェブフォントとして利用できるのが本日から開始されたウェブフォントサービス「フォントプラス」です。 フォントプラス http://webfont.fontplus.jp/ 現時点ではフォントワークスのフォント268種類が用意されており、以下から確認することができます。近日中にイワタとモトヤにも対応するそうです。 対応フォント一覧 | サービス紹介 | フォントプラス http://webfont.fontplus.jp/service/fontlist 筑紫オールド明朝 筑紫A丸ゴシック 筑紫ゴシック ユトリロ マティス ロダン スーラ 欧文フォントはファイルサイズが軽く数百キロバイトしかないのがほとんどなのでウェブフォントは割と使われているのですが、日本語フォントはやたらと文字数が多く

会員登録不要でチームやグループと共有利用が可能なガントチャートを、 簡単に作成できるクラウドサービスです。 各種デバイス（PC、iPhone、Android）でご利用いただけます。 ガントチャートでプロジェクトの計画と進捗を見える化、 TODO管理で問題課題の見える化を実現します。 プロジェクト管理サービスで最もお得 選ばれる理由１ 20ユーザで6ヶ月使った場合、類似サービス中、最も費用を抑えてお使い頂けます。 高価なプロジェクト管理ツールを使えばプロジェクトは上手くいくのか、そんなことはありません。シンプルで扱いやすく、安価なツールがそれを担うこともあります。 「プロジェクトは、お金がかかる！」管理ツールの費用を抑えたいなら『みんなでガント』をお選びください。 どれぐらい安いのか？ 確認する

「オタク川柳大賞」を主催し、今年でプロバイダを始めて16年目という老舗のプロバイダである「インターリンク」は通常のプロバイダと違い、なんと無料体験期間中に途中でやめても違約金がまったく発生しないという実に太っ腹なサービスを展開しており、しかも申し込みはオンラインから速攻で可能、接続に必要なIDも即座に発行され、それどころか固定IPアドレスも即日発行可能です。 さらに1GBもの添付ファイルの送受信が可能なメールアドレスも無料で提供されており、「なぜここまで至れり尽くせりなのか？」という疑問がわいてきたので、インターリンクに一体どういう経緯でこのようなことになったのかという裏側をインタビューしてみました。 実力派プロバイダであるインターリンクの知られざる実態は以下から。無料体験・即日ID発行のプロバイダ　インターリンク 池袋のサンシャインシティに到着。 インターリンクのある37階に向かいます。

by nayukim 先日リリースされたFirefox 4にまだアップグレードしていないというFirefoxユーザーも少なくないと思いますが、なんとあと2ヶ月ほど先の2011年6月21日に新たなバージョンである「Firefox 5」がリリースされる予定となっています。 これは、Firefoxを開発するMozillaがリリースサイクルを早め、数カ月単位でFirefoxの新しいバージョンを発表することとなったためですが、気になるのは一体どのような新機能を搭載するのかということ。というわけで、現在明らかになっている新機能に関する情報やうわさをまとめてみました。短い開発期間にもかかわらず、さまざまな新機能が搭載される予定となっています。 Firefox 5の新機能は以下から。 2011/6/22 00:23追記 Firefox5がリリースされました。 Firefox 5の日本語版が登場、公式サイト

アドレスバーやブックマークの左側に表示されるFavicon（こんなの↓ですね）に関する記事がありました。 参考になりそうなきれいなデザインやツール類があったのでご紹介。これからFaviconつくるぞー、という人はよろしければどうぞ（それよりもこのブログのFaviconをなんとかしなくては・・・）。 » Inspire Yourself: 50 Remarkable Favicons | Smashing Magazine 下記に一部をご紹介。 ■ 花びら系デザイン ↑ カラフルですね。 ■ 丸系デザイン ↑ 丸を上手に使ったデザインはWeb2.0ぽい気がします。 ■ 文字系デザイン ↑ Googleの「G」やmixiの「m」もそうですね。はてなはブックマークは「B」、ダイアリーは「D」などと分けているようです。 ■ 模様系デザイン ↑ 凝ってますね。 ■ 四角系デザイン ↑ Appleは四

ずっと同じ物を使い続けていると飽きられてしまいがちなTwitterのアイコン。かといって新しいデザインのアイコンに変えようにもなかなか気に入ったものが見つからない、だがしかしこのままでいいのだろうか……という人向けにマンネリを打破できるのが、Twitterのアイコンをぷるぷるとふるえさせることができるサービス「Furueru」。「ぷるぷる」「ゆらゆら」「ぐらぐら」の3段階の強度で揺らしまくることができ、自分をフォローしてくれている人のタイムラインで自己主張が可能になります。 手軽にTwitterのアイコンをぷるぷるとふるえさせる方法は以下から。Furueru http://furueru.phelrine.com/ 上記ページ内「ログイン」をクリック。 OAuth認証を利用しているので、Twitterのユーザー名やメールアドレス、パスワードをそれぞれ入力し、「許可する」をクリック。 すると

LINEのビジネス版!? 仕事上のコミュニケーションツールは｢チャットワーク｣が正解！2012.09.10 11:00Sponsored 小暮ひさのり ビジネスシーンにおいて、クライアントや社内での連絡手段って何使ってます？ 一般的にはやっぱり｢メール｣って答えが多いのかと思います。口頭で伝えるよりも信頼度高いですし、形に残りますしね。でも、このメールという情報伝達手段は、実はもう過去のものである......かも。 ではメールに変わる伝達手段ってなんだよ!? ってなりますよね。Skype？ LINE？ Facebook？ 選択肢はいくつかありますが、ビジネスシーンにおいて必要な要素を考えたら、｢Skypeを超えたかも？｣と話題になったこの記事やスマートフォンとの連携能力をピックアップしたこの記事で紹介した｢チャットワーク｣がやっぱりベストな気がしてなりません。 このチャットワークは、その名

新しくスタートした大容量ファイル転送サービス｢Sendoid｣がかなり使える！2011.03.23 21:00 mayumine 新しくリリースされた大容量ファイル転送サービス｢Sendoid｣これはかなり便利そうです。 RapidshareやMediafire、またDropboxやBittorrentといったサービスの類で、これらの良いとこ取りしたような感じです。 日本のサービスだと、宅ファイル便やデータ便が、ずっとシンプルになって使いやすくなったイメージ。 ファイルを1対1で送りたい場合において最良のサービスであるとTechCrunchが賞賛しているように、ファイル容量、セキュリティ、そしてアップロードとダウンロードの待ち時間においてSendoidは優れています。 誰でも簡単に使えるよう、ブラウザベースのシンプルなインターフェースで完結しているのも素晴らしい点ですね。 使い方はとっても