写真や動画を気軽にシェアしたり、テキストを投稿できるTumblrは、手軽にブログを始められる人気のサービス。フリーのテーマを使えば、既存のブログサービスよりもおしゃれでデザイン性の高いブログを手軽に始めることが可能です。2017ブログのデザインにもこだわりたいと言う方にぴったりな、ハイクオリティなTumblrテーマが20種類まとめられています。その中から幾つか、気に入ったものをピックアップしましたのでご覧ください。日本ではまだまだ一般的には知名度の低いtumblr(タンブラー)ですが、ブログの様に記事を投稿できたり、他人が書いた記事を引用・共有するなど、手軽で面白い使い方ができるツールです。Themes」を紹介したいと思います。ThemeForest流行のフラットデザインを取り入れたものや、イメージを強く打つ出したものなど、個性豊かなテーマが取り揃えられています。中でも気になったものをピックアップしましたので、下記よりご覧ください。Tumblog?」を紹介したいと思います。ThemeForestシンプルなテーマはもちろん、Tumblrの仕様に合わせて選びやすいテーマが多数紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。最近様々な技術系のブログで取り上げられているHTML5。space」を紹介したいと思います。動画を分散させる加工をHTML5で施したもの、上記の写真のように、動画をクリックすると、細かな長方形上に動画が砕け散ります。マッピングされていますので、細切れになったエレメント上で再生は続いています。Destruction」からご覧ください。Tutorials」イラストや写真、また作成したグラフィックだけでなく、テキスト自体にも加工を施すことで、デザインのクオリティは格段にアップします。Tutorials」を紹介したいと思います。Vaultさまざまな表現のテキストエフェクトのチュートリアルが紹介されています。Design」フォントにもいろいろな種類がありますが、個性的で特徴のあるタイプよりも、シンプルなテイストのものの方が汎用性があり長く、いろいろなシーンで活用することができます。typeface)さまざまなデザインに活用することができそうなミニマルなフォントが7種紹介されています。CSS3文字や、写真の動きなど、今までのスライドショーにはなかったギミックやエフェクトがCSS3によって実現されています。いくつかのスライドショーが公開されていますが、今日はその中から幾つか気になったものをピックアップして紹介したいと思います。CSS3フルスクリーンで展開するスライドショー。文字などのエフェクトがCSS3っぽいです。Lightboxシャドウやフェードなど細かい部分にまでこだわったライトボックス。CSS3で処理されています。SetCSS3で作られたローディングアニメーション。見るサークルなどではなくて独特の動きがクリエイティブ感を与えてくれます。上記の他にも沢山のCSS3テクニックが公開されています。HTML5とCSS3で、なにか面白いものをと企んでいるWEBデザイナーの方は是非原文もご覧ください。pngs」ドット絵は細かく作り込まれた精巧なと言う感じではないですが、微妙な陰影と作り込み感でディフォルメされた暖かみや可愛いものが作れます。deviantART」はそんなドット絵のタッチを活かしたフリーアイコンセットです。」と言う名前の通り16×16でPNG形式で配布されています。WEBデザインで使うような種類のアイコンは網羅されていて、わりと汎用性の高いアイコンセットになっています。Solutions」です。CSS3デザイン的に凝ったものから、jQueryやCSS3を使って印象的に見せるものまで、様々なタブインターフェイスが紹介されています。今日はその中から幾つか気になったものをピックアップして紹介したいと思います。Download」デザインのアクセントとして、またタイトルをより印象づけるためになど、コーナーや囲みを利用している方も多いと思います。Download」を紹介したいと思います。deviantART植物をモチーフにしたコーナーデザインから、幾何学模様を利用したデザインまで、さまざまなデザインブラシが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。Icons)」WEBを制作にあたり非常に便利な素材アイコン。最近のクラウドだったり、マップピンなど比較的新しいサービスに対応したものから、スタンダードなものまで幅広く91ものアイコンがセットになっています。収録されているアイコンは以下のとおりです。fonts」もうすぐクリスマス。直前となってクリスマスカードを作っているそんな方もいるかと思います。fonts」を紹介したいと思います。freeコミカルな書体から、きれいめな書体まで様々なフォントが紹介されていますが、今回はその中から気になったものをピックアップしていくつか紹介したいと思います。CSS」インスタグラムやスマートフォンアプリで一気に身近になったフォトフィルター。こちらは現状webkitベースのsafariやChromeしか正しく動きませんが、CSSのみで実現しているため。classを指定するだけで、WEB上の写真にフィルタがかけられるようになります。icons」このブログを購読するDesigndevelopについてデザインを開発するという視点からデザイン、WEBデザインに役立つ情報をお伝えします。ご意見、ご感想、連絡事項があればFacebookページよりお願いたします。※当サイトのに掲載されている一部画像、スクリ-ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればFacebookページからご連絡ください。※本ブログの「プライバシーポリシー」です。関連サイトDesigndevelopの姉妹ブログ、毎日のインスピレーションに!をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。VR・ウェアラブル・センシングなど様々な技術が一般化され、手に届く範囲で製品化が進んでいます。MEDIAは拡張する現実から未来を探るBLOGです。※当サイトのに掲載されている一部画像、スクリ-ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればこちらからご連絡ください。DesignDevelop.。