レスポンシブ時代のビューポートチェックWEBサービス「Responsive.is」
現在では様々な端末がリリースされ、その全てで最適な表示をさせるためにレスポンシブなWEBサイトが求められていますが、端末ごとのチェックはとても面倒なもの。今日紹介するレスポンシブ時代のビューポートチェックWEBサービス「Responsive.is」は、WEB上で様々なビューポートをシュミレートしてくれるものとなっています。 PC、タブレット縦、タブレット横、スマートフォン縦、スマートフォン横と様々なビューポートが確認でき、全体のどの部分を表示しているのかも分かるようになっています。下記は様々なビューポートで同一のサイトを表示したものとなります。 詳しくは以下 WEB上で完結し、URLを入力するだけで利用できるのは良いですね。最終的には実機で行わないとはいけないのですが、構築途中や様々なサイトの対策の検証用には良いWEBサービスだと思います。 Responsive.is – Display
光のきらめきを表現できるテクスチャ「Ultimate Collection Of Bokeh Textures」
デザイン表現や、写真の加工などに便利なテクスチャはいくつあっても嬉しいもの。今回紹介するのは、光のきらめきを表現できるテクスチャ「Ultimate Collection Of Bokeh Textures」です。 （Freebie: 12 Grungy Bokeh Textures | Psdtuts+） 大きさや色など、さまざまな形をした光を映しだしたテクスチャが多数紹介されています。中でも気になったものをいくつかピックアップしてみました。 ■「5 Bokeh Textures by ~ballad-of-pola-k on deviantART」 それぞれの特徴のあるカラーを持ったきらめきが収録されたテクスチャ。レインボーのような色合いが特徴です。 ■「Soft Glow Bokeh Pack by ~regularjane on deviantART」 優しく、控えめな印象のテクスチ
商用利用可！ハイクオリティなテクスチャ配布サイト「startxtures」
制作に非常に便利なテクスチャ。デザインの質感を高めてくれたり、何か物足りないときに非常に便利に使える素材の一つです。今日紹介するのはハイクオリティなテクスチャを集めて配布する「startxtures」を紹介したいと思います。 サイトは非常にシンプルな作りで、なおかつ、最新のテクスチャ、人気のテクスチャ、タグ検索、細かなカテゴリ分など機能的な部分は整えられています。配布テクスチャもかなり高解像度で、WEBに限らず、様々な制作で利用できそうです。 詳しくは以下 配布されているテクスチャは基本的にフリーで公開されており、個人的なプロジェクト、または商業利用にも可能ということです。完全なロイヤリティーフリーではなく、販売などは禁止されていますので、細かな利用規約は「Terms of use」をごらんください。 現在収録されている数はおよそ、2000あまり。毎月更新されるとのことで今後にも期待できる
デザイナーのための最近リリースされたハイクオリティフリーフォント集「High-Quality Latest Free Fonts For Your Designs」
デザイナーのための最近リリースされたハイクオリティフリーフォント集「High-Quality Latest Free Fonts For Your Designs」 毎日クリエイターによって、数多くのフリーフォントがリリースされていますが、今回紹介するのはデザイナーのための最近リリースされたハイクオリティフリーフォント集「High-Quality Latest Free Fonts For Your Designs」。 Code Free Font | Fontfabric™ シンプルなものから、手書き風、洗練されたフォントまで多種多様なカテゴリのフリーフォントがまとめられています。今日はその中からいくつか気になったものを紹介したいと思います。 詳しくは以下 ■St Marie on the Behance Network 細身で洗練された、フリーフォント。セリフ体とゴシックの中間のような
美しいスクリプトフォントを集めた「20 Beautiful Script Fonts for Your Designs」
TOP > Design , Font > 美しいスクリプトフォントを集めた「20 Beautiful Script Fonts for Your Designs」 筆記体のようなスクリプトフォント。手書き風だったり若干のアナログ感を出したりと様々なデザインに使えそうですが、今回紹介するのは美しいスクリプトフォントを集めたエントリー「20 Beautiful Script Fonts for Your Designs」を紹介したと思います。 Angel Tears スクリプトフォントといっても細身で洗練されたものから少しPOPなものまで様々なです。今日はその中から気になったフォントをいくつか紹介したいと思います。 詳しくは以下 ■Dirty and Classic ところどころにグランジ表現が効いたスクリプトフォント。質感をより出したい方におすすめ ■Porcelain ひとつのグ
何かと便利な紙のテクスチャセット集「158 Paper Textures For Kickstarting Your Backgrounds & Designs」
何かと便利な紙のテクスチャセット集「158 Paper Textures For Kickstarting Your Backgrounds & Designs」 デザインのクオリティを引き上げてくれる何かと便利な紙のテクスチャ。使い方によっては様々なデザインシーンで利用できる優れものですが、今回紹介するのはそんな紙のテクスチャを多数あつめたエントリー「158 Paper Textures For Kickstarting Your Backgrounds & Designs」です。 4 Retro Old Dirty Paper Textures – Download From ベーシックなものから、破れや汚れを表現したグランジっぽいものまで様々なテクスチャが公開されています。今日はその中から気になったものをいくつか紹介したいと思います。 詳しくは以下 ■13 HQ Old Paper
様々なタイプの質の高いフリーアイコンセットをまとめた「A Bundle of Free Icons」
TOP > Design , WebDesign > 様々なタイプの質の高いフリーアイコンセットをまとめた「A Bundle of Free Icons」 WEB上やデスクトップ。はたまた紙のデザインまで幅広く制作に使われるアイコン。伝えたい情報を分かりやすく相手に伝えるには非常に使い勝手の良いものです。今回紹介するのはWEBデザイン用からその他の用途に使えそうなアイコンまで様々なフリーアイコンセットをまとめたエントリー「A Bundle of Free Icons」を紹介したいと思います。 Dusk iPhone Style Icons かなりの数のアイコンセットが収録されていますが、今日はその中からいくつか気になったものをピックアップして紹介したいと思います。 詳しくは以下 ■PixelMixer Basic Set WEB用に便利なベーシックなアイコンセット。バリエーションも
jQueryを使ってロールオーバーのエフェクトを操る「Blend, a jQuery plugin」
TOP > WebDesign > jQueryを使ってロールオーバーのエフェクトを操る「Blend, a jQuery plugin」 バナーだったりボタンだった、ロールオーバーエフェクトはWEBの中でいたるところに用いられていて、その手法や実現方法も様々だと思いますが、今日紹介する「Blend, a jQuery plugin」はCSSの背景処理をコントロールできるプラグインです。 ナビゲーションを例にして実例が示されていて、ゆっくりと浮き出てきたり、点滅させたり、逆にだんだん解けしていくと言ったような事が設定可能です。 詳しくは以下 基本的にアニメーションはCSSで成業する事が可能で、基本値にパラメーターを付与していく事で様々なエフェクトを実現する事が可能です。 カバーしているブラウザは「Firefox 2 & 3, Safari 3 & 4, Opera 9, Chrome
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
