個人でも商用でも無料、Webでも紙でもプロダクトのデザインにも利用できる、ポリゴンでデザインされた動物・鳥・魚・昆虫・恐竜などのデザイン素材を紹介します。
アイデア・素材 Kota Naito / 2017.07.13 日本語で探せて、無料で使える。フリー写真素材国内サイトまとめ52選 ブログ記事を書くときや、資料を作るときに、フリーの写真素材を探した経験はありませんか? ユーザーの視線を誘導し、注目を集めるためには、写真素材の活用は欠かせません。ですが、無料で使える写真素材を探すとき、目的に合った一枚を見つけるのはなかなか大変です。著作権の確認や、利用できる範囲の確認など、意外と時間を取られると思います。 そんなときに、著作権情報や利用範囲情報が記載された、無料で使えて、日本語検索が可能な写真素材サイト集があると便利だろうと思い、今回時間をかけてまとめてみました。この記事をブックマークしておけば写真素材に困ったときにきっと役立つはずです。 大中規模/定番フリー写真素材サイト 01.写真AC https://www.photo-ac.com/
2015年3月18日 CSS 2011年に「少しのコードで実装可能な20のjQuery小技集」という記事で数々の便利な制作技を紹介したのですが、時は流れ、今ではCSSのみで表現できるものが多くなってきました。という事で今回はその記事内で紹介した技を中心に、かつてはJavaScriptを利用していたものの、今ではCSSのみで実装できる小技を紹介します。 ↑私が10年以上利用している会計ソフト! 目次 Div全体をクリックできるようにする テーブルの偶数・奇数の行の色を変える フォームにテキストを入れておき、フォーカスで消す(文字色も変更) ラジオボタンとチェックボックスを装飾する スライドパネル アコーディオン ツールチップ 言語によってスタイルを変更 横並びのdivの高さ揃える ボックスを上下左右中央に配置する それでは実際にどんな事ができるのか見てみましょう!サンプルも作ったのでコードと
ウェブサイトやグラフィック制作において、重要なデザイン要素のひとつであるアイコン。デザインアプリによってファイル形式が合わずに、せっかく見つけた素材が使えないときも。 今回は、Photoshop や Illustrator、Sketchなど幅広いデザインツールで利用でき、無料ダウンロードも可能な新作アイコン素材をまとめてご紹介します。 今年のデザイントレンドを意識した作品も多く、ウェブサイトの見た目をガラリと変えてくれる高品質なアイテムを中心に揃えています。 商用利用可能!フリー(無料)ダウンロードできるアイコン素材50個まとめ 2017年3月度 図解でうまく伝わるデザインを!参考にしたいすごい無料アイコン素材まとめ EGO Illustrations ユニークなイラストが今年のトレンドにも通じる、6種類の高品質アイコン素材。 収録形式 AI | Sketch | SVG 48 Nolan
Web制作者やデザイナー向けの定番のアプリ・ツールをはじめ、あまり知られていない便利なものまで、macOS用のアプリとツールを紹介します。 制作者やデザイナーに限らず、macOSを便利にするツールもたくさん揃っています。 Awesome Mac -GitHub MITライセンスで公開されており、せっかくなので、翻訳してみました。 私が日常的に使うツールや、気になっていたツールも含まれており、こんなのもあるんだ!という便利そうなツールもたくさんあります。 エディタとIDE(統合開発環境) 開発ツール テストツール コマンドラインツール バージョン管理 データベース デザイン&プロダクト 仮想マシン コミュニケーションツール データ復旧 オーディオとビデオ オフィス・読み書きツール Ebookリーダー FTPクライアント ハイブリッドアプリ用のフレームワーク ダウンロードツール オンラインスト
Webページやスマホアプリで見かけるレイアウト、ナビゲーション、ボタン、スライダー、フォーム、タイムライン、ボタンなど、CSSを使って実装されたテクニックがまとめられたコンテンツを紹介します。 デザインのアイデアとして、またそれが実装可能かどうか、実装はどうやっているのか、何かあった時にチェックすると便利です。
Tweetこんにちは!Service Safariです。 今週もService Safariで密かに注目しているサービスをピックアップします。 ぜひ、気になるサービスをチェックしてみてください! Aipoly Vision スマホカメラにかざすだけでAIの画像認識によってモノの名前を音声で教えてくれるアプリ。 かざす検索が主流になる日が来るかもしれませんね。 Aipoly Visionの詳細をみる Google翻訳 リアルタイム・カメラ機能により、カメラをかざすだけで翻訳してくれる。ほんにゃくこんにゃくにかなり近い。 以下のようなイメージなります。精度はまだまだかもしれませんが、それはそれで面白いですね。 google翻訳のアップデートで追加されたリアルタイム翻訳がすごい! pic.twitter.com/sEYcREMn6P — ハイデン㌠@春M3 一展L-13ab (@hydden03
チャオ! オレだ。 深層学習を手軽に使いたいというニーズは日に日に高まっているはずなのに、ガクシャ先生どもと来たら、やれMatlabだ、やれPythonだのと軟弱言語の話しかしやしねえ。どこかに気骨溢れたナイスガイはおらんのか! と思ったら、居た。 それが今回紹介するdarknetだ。 darknetという名前から想像する異常にダークである。 バーン どうよこのダークネス感 いまどき黒いページというのは珍しい。 そして無駄に凝った魔法陣のようなロゴ。ダークだ。 しかしダークネット、厨二満開とせせら笑っていられるのもいまのうちだ。 このダークネット、実に必要十分な機能を最短で試せる超絶優れたツールなのである。 CaffeやTensorFlowほどの知名度はないが、実用性皆無なTensorFlowに比べてdarknetはものすごく実用的。Cが分かる人ならばこれほど使いやすいものもちょっと他にな
FREE for you, forever. 1,800種類ものミニマルにデザインされた、永遠に無料利用できるアイコン素材を紹介します。 PSD, AI, Sketch, SVGも完備されており、ダウンロードしておいて損はないですね。 1,800種類は多すぎるので、ごく一部 カテゴリは16、それぞれ100種類くらいある感じです。 Utilities Arrows Messages, Mails Emoji Map, Transport Tools Design Media Network, Web Users Time, Education Social Tech Shop Other Files, Folders アイコンの基本サイズは20x20pxで、鋭角と角丸の2種類でデザインされています。
この記事は、IT系企業に勤めている「サービス作りに関わる人」に向けて、必ず追っておくべき第一線で活躍されている日本人デザイナーをまとめたものです。 デザイナーだけでなく、全職種の方に知ってもらいたいので、デザインのイロハというよりも「ユーザー、事業やサービス、組織に対してどのようにデザインで価値を提供するのか」を常に考え、実践・発信している方々を中心にピックアップさせていただきます。 前提として、「今のデザインがどういう文脈の上にいるのか」ということについて、少し解説を挟みます。 この辺りに明るい方は読み飛ばしてください。 デザインと一口に言ってもその領域は多岐にわたっており、UIデザイン・UXデザイン・グラフィックデザイン・プロダクトデザイン・サービスデザイン・インタラクションデザインなど、IT系でよく使われるものだけでも色々なデザインが存在し、デザイナーに求められる範囲が非常に広くなっ
ほんの少しのイラストだけで、メッセージや情報をを伝えことができるアイコン。使いやすいデザインをいくつかストックしておくと、どんなプロジェクトにもいつでも活用でき便利です。 無料でダウンロードでき、デザイン制作に活かすことができるフリーアイコン素材をまとめてご紹介します。最近のアイコン素材は、Illustrator で編集可能なAi や EPS ファイルを収録していることも多く、自由に配色やサイズを編集することができます。また、ウェブサイトでの利用が増えている SVG ファイルも揃っているので、コーディング作業にもすぐに利用することができるでしょう。 詳細は以下から。 図解でうまく伝わるデザインを!参考用すごい無料アイコンまとめ Olympics Sports Icon Set EPS, PDF, PNG, SVG オリンピック4o種目に加え、メタルや聖火トーチ、優勝カップが揃ったまさにいま
最近のWebサイトやアプリで見かけるアニメーションを使った操作が気持ちいいUIエレメントを実装するスタイルシートを紹介します。 デモではHTMLやCSSのコードが掲載されているので、コピペで簡単に利用できます。 ※一部JavaScriptも必要最小限で使用しています。
さまざまなモノをインターネットに接続する「IoT(Internet of Things:モノのインターネット)」という言葉を耳にする機会が増えてきました。 IoTは家電やウェアラブルデバイスなど身近なモノに導入されていて、もはや生活に欠かせないものになりつつあります。 そんな中、低価格のシングルボードコンピュータ「Raspberry Pi」はIoTの自作がしやすいと注目を集めていて、入門記事も増えてきました。 「Raspberry Pi」の入門に役立つ記事を7本ピックアップしましたので、IoTガジェットの開発に興味がある方はぜひご覧ください。 IoTの自作で注目されるRaspberry Pi https://www.raspberrypi.org/blog/raspberry-pi-3-on-sale/ 「Raspberry Pi(ラズベリー・パイ)」はイギリスのラズベリーパイ財団が開発し
これまで、開発者が「早く・それなりの UI 」を実現するために、Bootstrap などの CSS フレームワークが重宝されてきました。 しかし今では、React などのライブラリを使って UI をコンポーネント化するようになってきています。 React であっても、事前に CSS フレームワークを読み込んでおき、クラス名を付与することでこれまでと同じように使うことができます。 ただ、既存の CSS フレームワークは内部で jQuery を使用していることが多いので、React と jQuery を共存させるか、jQuery 部分を自前で実装しないといけません。 そこで React で「早く・それなりの UI 」を作れそうな React コンポーネントセットを手当たり次第に調べてみました。 Note: Web 向け UI の コンポーネントのみとなっています。React Native や
仕事の傍ら、暇つぶしとかでwebアプリを構築したりするわけですが、どうにもUIセンスがなさすぎて、カッコイイサイトとかを参考に真似したりしても、なぜか自分でアレンジするととてつもなくダサくなる、ということを繰り返してきました。 で、もうこうなったら自分で考えずに、すべてライブラリに頼ろう!と思ってwebサイトを構築した時に使ったcssやjsのフレームワーク、ライブラリなんかを、簡単なコメント添えてまとめておこうと思います。 css自分で一切書かなくても、このぐらいのUIまではいけそうです。 フレームワーク Bootstrap ベースはtwitter bootstrapの恩恵に授かります。 GoogleMaterialDesignLiteも見た目はかっこいいんですが、色々コンポーネントがたりなかったりして、結局いくらか自分でデザインしないとどうにもならなくなる印象です。 jQuery 今更書
今日紹介する[Minigrid]はカード型のレイアウトを簡単に実装できる超軽量JavaScriptライブラリです。 Minigrid : http://minigrid.js.org ほぼ同機能のjQueryプラグインでは[Masonry][Isotope][Freetile]などが有名ですが、これらと並んで選択肢の1つとして使えそうです。 実装方法も比較的簡単なので初心者の方にもオススメ。またjQuery無しで単体で動く点もポイントが高いですね。 まずは公式サイトから必要なファイルをダウンロードしてきます。 Minigrid : http://minigrid.js.org スクリプトを読み込むフォルダの中に「minigrid.min.js」というファイルが梱包されているので、これをHTMLの適当な箇所で読み込みます。 ここでは仮に<body>〜</body>内の最下部に設置しましょう。
誰でも簡単に無料でホームページ作成できるおすすめサイトまとめ。 今やブログや個人Webサイトを運営するとき、記事内のアイキャッチ(サムネイル)に使用する写真素材に困ることはないだろう。ネット上には、無料で高品質な画像が山ほど溢れている。例えば以下のようなサイト。 DesignersPics Unsplash Pexels Pixabay Life Of Pix FindA.Photo MMT これらは全て無料で著作権表示の必要ない写真素材を提供するサイトである。これらもほんの一部で、他にもたくさんある。 しかし人間とは贅沢なもので、少し前までは無料というだけでありがたみを感じていたのに、今ではある特定の写真を探すときこれらのサイトを一つ一つブックマークから開いて検索することに面倒臭さを感じる。 しかし需要があれば供給が生まれる。 上に挙げたような複数の無料素材サイトを横断的に検索して一覧で
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く