サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
コーヒー沼
webdesignmagazine.net
こんにちは。 今回は建築家の藤村龍至の建築作品10選。代表作のすばる保育園やBUILDING Kなどです。 超線形設計プロセスという独自の設計手法を提唱する建築家の藤村龍至氏。 住宅や集合住宅をはじめ、公共施設など様々な建築物を手掛けていますよね。 そこで、今回は建築家の藤村龍至の建築作品をまとめました。 ※当サイトはアフィリエイト広告を利用していますが、当サイトが独自に作成した記事であり、第三者から依頼を受けたものではありません。 藤村龍至とは 東京藝術大学美術学部建築科准教授/RFA主宰 建築家。 1976年東京生まれ。 2008年東京工業大学大学院博士課程単位取得退学。 2005年より藤村龍至建築設計事務所(現RFA)主宰。 2010年より東洋大学専任講師。 2016年より東京藝術大学准教授。 2017年よりアーバンデザインセンター大宮(UDCO)副センター長/ディレクター、鳩山町コ
こんにちは。 今回はおしゃれな灯油ポリタンク8選。ミリタリーなかっこいいデザインもおすすめです。 灯油を保存したり運んだりするのに便利な灯油ポリタンク。 石油ストーブや石油ファンヒーターなどのストーブを使用するさいにも重宝するアイテムですよね。 灯油ポリタンクには人気の高いドイツ製のhunersdorff(ヒューナースドルフ)のもの、スタイリッシュなステンレス製のガソリン携行缶、収納に便利なスタッキングできるもの、ミリタリーなかっこいいデザインもの、ブラックやホワイトのシンプルなデザインのもの、コンパクトなかわいいものなど様々です。 他にもデザインやサイズ、容量、ブランド、素材、カラー、価格などいろいろな灯油ポリタンクがあります。 そこで、今回は玄関やお部屋のインテリアに馴染むおしゃれなデザインの灯油ポリタンクのおすすめをまとめました。 ※当サイトはアフィリエイト広告を利用していますが、当
こんにちは。 今回は【2023年版】おしゃれな加湿器24選。インテリアになるかわいいデザインもおすすめです。 乾燥が気になる季節になりましたね。 空気が乾燥すると風邪、肌荒れなど心配なことが増えますね。 そこで部屋の湿度を保つのに活躍してくれるのが加湿器です。 加湿器のタイプには、ハイブリッド式や超音波式、気化式、スチーム式などがあり、空気清浄機やマイナスイオン発生器、アロマ機能付きなど様々な機能が充実した製品があります。 パナソニックやシャープなどから出ている売れ筋商品もありますが、インテリアとしては満足できないと思っている方も多いのではないでしょうか。 そこで、今回は機能だけではなくデザイン性も重視したい!と考えておられる方におすすめのおしゃれな加湿器をまとめました。 ※当サイトはアフィリエイト広告を利用していますが、当サイトが独自に作成した記事であり、第三者から依頼を受けたものではあ
こんにちは。 今回は【商用利用可】丸ゴシック体の日本語フリーフォント14選です。 ゴシック体にラウンド処理が施された丸ゴシック体。 丸ゴシック体には可愛らしいものから丸みをおさえたものまで様々なフリーフォントがあります。 そこで、今回は商用でも無料で使える丸ゴシック体の日本語フリーフォントをまとめました。 ※当サイトはアフィリエイト広告を利用していますが、当サイトが独自に作成した記事であり、第三者から依頼を受けたものではありません。 【商用利用可】丸ゴシック体の日本語フリーフォント!ほのか丸ゴシック http://font.gloomy.jp/honoka-maru-gothic-dl.html 柔らかな曲線が特徴のフリーフォント「ほのか丸ゴシック」! 落ち着いた雰囲気や懐かしさ・寂しさ・哀愁を演出したい場面におすすめとなっていますよ。 ほのかアンティーク丸 http://font.glo
こんにちは。 今回は【商用利用可】明朝体の日本語フリーフォント22選です。 書き始めの部分にウロコがあるのが特徴の明朝体。 和風デザインや大人っぽい雰囲気を出したいときにも重宝する書体ですよね。 そこで、今回は商用でも無料で使える明朝体の日本語フリーフォントをまとめました。 【商用利用可】明朝体の日本語フリーフォント!ほのか明朝 http://font.gloomy.jp/honoka-mincho-dl.html IPA明朝の漢字に柔らかな曲線が特徴のかなを組み合わせたフリーフォント「ほのか明朝」! 漢字よりかな文字が小さくなっています。 のどやかな雰囲気や涼しさ・艶やかさ・澄み切った感じを表現したいときにおすすめですよ。 はんなり明朝 https://typingart.net/?p=44 やさしい雰囲気のする人気のフリーフォント「はんなり明朝」! 漢字と英数字、記号などはIPA明朝体
こんにちは。 今回は建築家の磯崎新の建築作品11選。代表作の大分県立大分図書館などです。 ポストモダン建築を牽引してきた世界的に有名な建築家の磯崎新氏。 2019年に日本人8人目となるプリツカー賞を受賞したことでも話題になりましたよね。 磯崎新氏は国内だけにとどまらず、国外にも様々な建築物を手掛けています。 そこで、今回は建築家の磯崎新の建築作品をまとめました。 磯崎新とは 磯崎 新(いそざき あらた、1931年(昭和6年)7月23日 – )は日本の建築家・日本芸術院会員。 一級建築士、アトリエ建築家。 大分県大分市出身。 父は実業家で俳人の磯崎操次。 夫人は彫刻家の宮脇愛子。 wikipedia 公式サイト磯崎新アトリエウェブサイト 建築家の磯崎新の建築作品!ここからはいよいよ、実際に建築家の磯崎新の建築作品を見ていきましょう。 旧大分県立大分図書館(アートプラザ) アートプラザ(英:A
こんにちは。 今回は建築家の谷尻誠の建築作品16選。住宅からホテルまでです。 大胆で独創的な建築が特徴の人気建築家、谷尻誠氏。 住宅や商業空間、会場構成、ランドスケープ、プロダクト、インスタレーションなど国内外で大活躍ですよね。 そこで、今回は建築家の谷尻誠氏の建築作品をまとめました。 谷尻誠とは谷尻誠(たにじり まこと、1974年生まれ) 建築家・起業家 SUPPOSE DESIGN OFFICE Co.,Ltd. 代表取締役 大阪芸術大学准教授、広島女学院大学客員教授、穴吹デザイン専門学校特任教授 絶景不動産、社食堂、21世紀工務店、Bird bath KIOSK、texture などを経営 都市計画・建築・インテリア・プロダクトに関する企画、設計、監理、コンサルティング 2018年FRAMEより作品集出版 著書に1000%の建築、談談妄想 wikipedia 建築家の谷尻誠の建築作品
こんにちは。 今回は配色パターンの参考サイト・ジェネレーター18選。2色や3色、4色、5色、6色などです。 Webデザインやグラフィックデザインをしていると配色で悩むことはよくありますよね。 配色を変えるだけで、印象もがらりと変わるので、慎重に選びたいですね。 そこで、今回は配色パターンの参考になるサイトやジェネレーターのおすすめをまとめました。 配色パターンを生成してくれるサイト!ここからはいよいよ、実際に配色パターンの参考になるサイトやジェネレーターを見ていきましょう。 hello-color http://jxnblk.com/hello-color/ コントラストのある配色を提案してくれるサイトです。 「hello-color」の使い方はこちら
こんにちは。 今回はクリエイターにおすすめ!手軽におしゃれなポートフォリオサイトが作れるサイト「Portfoliobox」です。 クリエイターには必要不可欠なポートフォリオ。 ポートフォリオで作品を見てもらうと次の仕事などに繋がったりするので、やはり作っておきたいですよね。 そこで、今回は簡単にポートフォリオサイトが作成できるWebサービスを紹介します。 手軽にポートフォリオサイトが作れるサイト「Portfoliobox」! 世界で25万人に使われているスウェーデン発の無料ポートフォリオ作成サイトです。 海外のサイトだけにスタイリッシュでおしゃれなテンプレートが揃っていますよ。 簡単にデザインができる、自分だけのポートフォリオを創ろう Portfolioboxの使い方 まずは公式サイトにアクセスし、アカウントを作成します。 Facebookと連携してログインすることもできますよ。 さっそく
こんにちは。 今回は色を選択するとAIがカラーパレットを作成してくれるサイト「Khroma」です。 50色選ぶと人工知能が解析し、カラーパレットを生成してくれるWebサービスを紹介します。 色を選択するとAIがカラーパレットを作成してくれるサイト「Khroma」! http://khroma.co/ Khromaの使い方 使い方は簡単で、好きな色を50色選んで、右上の「Start Training」のボタンをクリックします。 ちなみに50色以上選んでも大丈夫ですよ。 実際に作成するとこんな感じで、様々なテキストカラーと背景色の組み合わせを提案してくれます。 詳細のアイコンをクリックすると色名やHEX、RGBなどが表示され、クリックするとコピーできますよ。 次に2色の様々な配色を表示してくれます。 こちらも詳細のアイコンをクリックすると色名やHEX、RGBなどが表示され、クリックするとコピー
こんにちは。 今回は綺麗なグラデーションを作成できるサイト8選です。 デザインやWeb制作をしていると綺麗なグラデーションを作成したい時ってありますよね。 そこで、今回は綺麗なグラデーションを作成できるサイトを紹介します。 綺麗なグラデーションを作成できるサイト!WebGradients https://webgradients.com/ 180種類のおしゃれなグラデーションがまとめられたサイトです。 それぞれのグラデーションのpng画像をダウンロードでき、CSSをコピーすることもできます。 PhotoshopやSketch用のグラデーションも配布されていますよ。 「WebGradients」の使い方はこちら
jQueryプラグイン「diamonds.js」をダウンロードしてみよう!https://github.com/mqchen/jquery.diamonds.jsにアクセスして右にある「Download ZIP」のボタンをクリックしてダウンロードします。 jQueryプラグイン「diamonds.js」を設置してみよう!diamonds.cssをhead内に読み込みます。 [html] [/html] jQuery本体とjquery.diamonds.jsを/bodyの手前に読み込みます。 [html] [/html] その下に下記のスクリプトを記述します。 [javascript] $(“.diamondswrap”).diamonds({ size: 250, // Size of the squares gap: 1 // Pixels between squares }); [/j
こんにちは。 今回は【商用利用可】手書き風の英語フリーフォント50選です。 親しみや手作り感などを出したい時に手書き風の書体を使うことがありますよね。 そこで、今回は商用でも使える手書き風の欧文フリーフォントをまとめました。 Lemon Tuesday http://www.dafont.com/lemon-tuesday.font California Sans http://freebiesbug.com/free-fonts/california-sans-free-font/ Olesia http://www.webdesignerdepot.com/2016/03/free-download-olesia-font/ Summertime Lovin http://www.fonts2u.com/summertimelovin.font Sunday Font http://w
こんにちは。 今回は使用していない不要なCSSを削除してくれるサイト「UnCSS Online!」です。 Webサイトのデザインを大幅に修正する時など不要なCSSがたくさん残ることってありますよね。 そこで、今回は使用していない不要なCSSを削除してくれるWebサービスを紹介します。
こんにちは。 今回はjQueryで上スクロールと下スクロールで違う処理をする!です。 広告とかを表示したい時等にたまに上スクロールと下スクロールで違う処理をしたい時ってありますよね。 今回はそれのメモ書きです。 [javascript] $(function() { var before = $(window).scrollTop(); $(window).scroll(function() { var after = $(window).scrollTop(); if(before > after) { 上スクロールした時の処理 } else if(before < after) { 下スクロールした時の処理 } before = after; }); }); [/javascript] beforeという変数が最初のスクロールの位置を取得しています。 afterが後のスクロールの位置を
http://www.palettable.io/ 「Palettable」の使い方 表示された色が好きか嫌いか選びます。 好きな場合はLikeの「L」、嫌いな場合はDislikeの「D」をタイプしますよ。 Likeした色はそのまま残り、最終的に5色までのカラーパレットを作る事ができます。 なるほどデザイン 好き嫌いで直感的に決めていくおもしろいサイトですね。 以上で好き嫌いを選択するだけでカラーパレットを作れるサイト「Palettable」!でした。 配色パターンの参考サイト・ジェネレーターをまとめた記事はこちら
<form> <fieldset class="starability-basic"> <legend>Basic star rating:</legend> <input type="radio" id="rate5" name="rating" value="5"> <label for="rate5" title="Amazing" aria-label="Amazing, 5 stars">5 stars</label> <input type="radio" id="rate4" name="rating" value="4"> <label for="rate4" title="Very good" aria-label="Very good, 4 stars">4 stars</label> <input type="radio" id="rate3" name="ratin
こんにちは。 今回は【商用利用可】手書き風の日本語フリーフォント55選です。 親しみや手作り感などを出したい時に手書き風の書体を使うことがありますよね。 そこで、今回は商用でも使える手書き風の日本語フリーフォントをまとめました。 【商用利用可】手書き風日本語フリーフォントたぬき油性マジック http://tanukifont.com/tanuki-permanent-marker/ 普通紙に油性極太マジックで書いた手書き文字から作成したフリーフォントです。 ひらがな・カタカナ・英数字・記号、JIS第二水準までの漢字及びシフトIBM拡張漢字と幅広く収録していますよ。 ようじょふぉんと http://tanukifont.com/yojo-font/ 文字を覚えたての就学前の3~5歳ごろの子どもをイメージして作成したフリーフォントです。 収録されているのはひらがな・数字とごく一部の記号のみで、
こんにちは。 今回はカルーセルを実装できるJS、jQueryプラグインまとめ!です。 Web制作をしているとスライダーと同じようにカルーセルも頻繁に使いますよね。 そこで、今回はカルーセルを実装できるJS、jQueryプラグインをまとめました。
HOME > 制作 > Javascript > SVGを手書きしているようなアニメーションを作れるjQueryプラグン「Lazy Line Painter」! こんにちは。 今回はSVGを手書きしているようなアニメーションを作れるjQueryプラグン「Lazy Line Painter」の紹介をしたいと思います。 前から存在は知っていたのですが、この前やっと使う事があったので紹介します。 DEMOはこちら ダウンロードしてみよう!GitHubからLazy Line Painterをダウンロードします。 設置してみよう!先ほど、ダウンロードしたファイルを設置していきます。 jQuery本体とraphael-min.jsとjquery.lazylinepainter-1.4.1.min.jsを/bodyの手前に読み込みます。 <script type="text/javascript" sr
こんにちは。 今回は動画素材を無料でダウンロードできるサイト14選!です。 Webサイトの背景に動画を使ったりと動画を取り入れる事が多くなってきましたね。 そこで、今回はフリーの動画素材をダウンロードできるサイトをまとめました。 動画素材を無料でダウンロードできるサイト!Coverr http://www.coverr.co/ Mazwai http://mazwai.com/ Videezy https://www.videezy.com/ Distill http://www.wedistill.io/ orangeHD http://orangehd.com/ Pexels Videos https://videos.pexels.com/ Videvo https://www.videvo.net/ Stock Footage For Free http://www.stockfo
こんにちは。 今回はレスポンシブ対応の無料でおしゃれなHTMLテンプレート30選!です。 HTMLテンプレートを使うと用意されたデザインや機能が使えるので、一からWebサイトを作るより簡単で早く作る事ができますよね。 そこで、今回はレスポンシブ対応のおしゃれなフリーのHTMLテンプレートをまとめました。 レスポンシブ対応の無料でおしゃれなHTMLテンプレート!Forty
こんにちは。 今回はコントラストのある配色を提案してくれるサイト「hello-color」!です。 コントラストのある色の組み合わせをランダムに表示してくれるジェネレーターを紹介します。
こんにちは。 今回は本をめくるようなエフェクトを実装できるjQueryプラグインまとめ!です。 Webサイトに本をめくるような動きをつけたい時ってありますよね。 そこで、今回は本をめくるようなエフェクトを実装できるjQueryプラグインをまとめました。
https://ezmap.co/ 「EZ Map」の使い方 任意のマーカーを設置したり、デザインや機能などを右側のプレビューを見ながらカスタマイズする事ができます。 好きなテーマを選んで、簡単にデザインを変更する事もできます。 また、右側の「COPY YOUR CODE」のボタンをクリックするとコードをコピーする事ができますよ。 グーグルマップの社会学 ググられる地図の正体 (光文社新書) GoogleMapをカスタマイズしたい時に使ってみてはどうでしょうか。 以上でGoogleMapを簡単にカスタムできるサイト「EZ Map」!でした。
こんにちは。 今回はブルブル振るえる効果を簡単に追加できるスタイルシート「CSShake」を紹介したいと思います。 こちらのスタイルシートも先日使う機会があり、覚えている内に書きたいと思います。 CSS Shake http://elrumordelaluz.github.io/csshake/ ブルブルの種類を確認してみよう!ブルブルの種類は9種類あります。 本家サイトの下記から確認できます。 http://elrumordelaluz.github.io/csshake/#2 ダウンロードしてみよう!本家サイトの下記からcsshake.min.cssをダウンロードできます。 http://elrumordelaluz.github.io/csshake/#5 で確認できます。 設置してみよう!先程ダウンロードしたcsshake.min.cssをheadに読み込みます。
次のページ
このページを最初にブックマークしてみませんか?
『デザインマガジン | デザインの良いおしゃれなものを紹介します。 家電・家具・雑...』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く