Iconoir | Free IconsA high-quality selection of free icons. Your new alternative to Noun Project, Flaticon, and all Figma resources. Available in SVG, Font, React, React Native, Flutter, Figma and Framer.
ブログで使える著作権フリー写真素材はUnsplash 4.0をオススメする - macholog.com
2016 - 03 - 14 ブログで使える著作権フリー写真素材はUnsplash 4.0をオススメする BLOG BLOG-カスタマイズ ブログなどで 無料で使用できる「フリー画像（著作権フリー）」の写真を提供してくれるサイトは多々あります。 その中でも 僕がオススメする 「Unsplash」 が大幅アップデートされた ので紹介したいと思います。 Unsplashとは 5万枚を超える世界中から投稿された写真を著作権フリー＆無料で使用することが出来ます。今回のアップデートにより、検索／タグ／コレクション／お気に入り追加など、フリー写真素を利用したいブロガーにとって、使いたい画像を見つけ易くなりました。 Unsplashの特長は高画質でインパクトのある写真が多い。 ブログに写真を使うユーザーが求めているのは 「高画質とインパクト性」 ではないでしょうか。人の目を引き付ける画像がとても重要です
Design Support Libraryを使い倒してカジュアルにアプリ実装 - 株式会社エウレカ
皆さん、こんにちは。Androidエンジニアの後藤です。 前回のブログで次回はAndroid MやDeveloperToolについて書きます！！と熱くなっていましたが、Design Support Library ( DSL ) の魅力をどうしてもお伝えしたくなったので、今回はDSLについて書いていきます！ これを機に、ライブラリが提供しているコンポーネントを使ってTODOアプリを作ってみたので、コードを見ながら一緒にDSLをマスターしていきましょう！！ もうコードを見たくて仕方が無い方はどうぞ！ https://github.com/eure/citrus Databaseには話題のRealmを使ってみています。 理由は、実はですね……… ……なんとなくです。 今回はデザインからコードまでを自分でやりました。DSLを使うことが目標なので、マテリアルデザインのルールは厳守していません。 D
ここ数年前から2015/5までのモダンフロントエンドを総まとめしてみた
HTML5や、次々と台頭するJavaScriptフレームワークにみられるように、現在のフロントエンドは異常なほど動きがあります。 常にキャッチアップしていないと、いつのまにかOLDな技術を使い続けることになります。実際に今回記事にしてみて、ちょっとつらくなりました。。 しかし、フロントエンドエンジニアとしてコードを書いていて（最近は主にJavaScript）、そのおもしろさに日々驚いています。 そこで今回は、ここ数年~2015年のフロントエンド界隈で一度は流行った技術、今後の動向などをまとめました。タイトルにモダンとありますが、その辺は適当です。ぜひ一度整理してみてください。 目次 Javascriptフレームワーク React.js Angular.js Angular.js 2.0 Backbone.js Vue.js Mithril.js Aurelia.js Knockout.js
CSShake
Classes The basic collection Bs Basic Shake Ss Slow Shake Ls Little Shake Hs Hard Shake ⇄ Fixed Horizontal ⇵ Fixed Vertical ↻ Fixed Rotation Os Opacity Shake ✌ Crazy Shake ℇ Constant Shake % Chunk Shake Launch the animations from the parent with class 'shake-trigger' (customizable) Install Get started... $ git clone https://github.com/elrumordelaluz/csshake.git or $ bower install csshake or $ npm
[M]有料の写真素材ならココがおすすめ！安いのに高画質で使いやすい写真素材屋さんまとめました | miMemo(ミメモ)
こんにちは！みう(@miu0512)ですー！前回に引き続き、今度は私が仕事でよく使っている「有料」の写真素材に着目。無料にも実は限界があります。そこで！比較的安く購入できる写真素材屋さんのご紹介です。 Webサイトの価格破壊が進む現代。いかに低コストでデザインを作るかが勝負 最近感じるのは、お願いするクライアントさんが、あまりWebサイトの相場をわかっていないということ。クラウドソーシングとかで見る案件の大体の平均は1サイト（7〜10ページ＋WordPress）で約10万です。挙句そんな価格で「フルフラッシュが良いです」という方も中にはいらっしゃいます 汗 もちろんクライアントさんは有料の写真素材なんて知らない・・・ 写真素材にも、無料と有料があります。ただ、無料素材には限界があり、このページにはこんなイメージの写真を置きたい！という、欲しいカットは有料を使うことがほとんどです。予算内でう
![[M]有料の写真素材ならココがおすすめ！安いのに高画質で使いやすい写真素材屋さんまとめました | miMemo(ミメモ)](https://cdn-ak-scissors.b.st-hatena.com/image/square/aec1abe357979b5c753dcf1e500baa8a477f6640/height=288;version=1;width=512/https%3A%2F%2Fweb-mimemo.com%2Fwp-content%2Fuploads%2F2013%2F08%2Fpixta_2113023_M.jpg)
[Photoshop]写真からシームレスなパターンを作る | 株式会社ComD
フィルターのスクロールという機能を使って、写真からシームレスなパターンを作る方法をご紹介します。 【手順】 １）適当なサイズのpsdを新規作成します。今回は300×300で用意しました。 ２）パターンにしたい写真をコピーペーストし、好きな模様の出具合に調整します。 ３）コマンド ⌘＋Aで全画面選択し、上部メニュー「イメージ／切り抜き」で、表示範囲からはみ出している写真の余分な部分を削除し、画像を画面のサイズ（300×300）にします。 （これを実行しないと、次のステップが上手くいきません。） ４）上部メニュー「フィルター／その他／スクロール」を選択します。 水平方向、垂直方向それぞれに画面の半分の数値（今回は300pxの半分150px）を入力、「ラップアラウンド（巻き戻す）」にチェックが入っているのを確認し、OKを押します。 ラップアラウンドとは、水平・垂直に入力した数値分、写真が移動した
![[Photoshop]写真からシームレスなパターンを作る | 株式会社ComD](https://cdn-ak-scissors.b.st-hatena.com/image/square/9157c104ca8a9d02445bfe02d648e6e493c62901/height=288;version=1;width=512/https%3A%2F%2Fcomd.jp%2Fwp-content%2Fuploads%2F2017%2F02%2Fkv-2.png)
Map Icons
General map-icon-art-gallery map-icon-campground map-icon-bank map-icon-hair-care map-icon-gym map-icon-point-of-interest map-icon-post-box map-icon-post-office map-icon-university map-icon-beauty-salon map-icon-atm map-icon-rv-park map-icon-school map-icon-library map-icon-spa map-icon-route map-icon-postal-code map-icon-stadium map-icon-postal-code-prefix map-icon-museum map-icon-finance map-ico
第一回 プログラマ向けデザイン勉強会 #design4p で「ズルいデザインテクニック」発表させていただきました。 - 納豆には卵を入れる派です。
どうも。 書くのが遅くなりすぎてもう半月ほども前のことになってすごく今更感があるのですが、書いておくべきことを書きそびれると、その後出てくる他の書きたい小ネタがどんどん書けなくなっていってドンづまるパターンになるので、やはり書いておきますね。。 先日、第一回 プログラマ向けデザイン勉強会というイベントで下記のスライド発表させていただきました。 少ない手間と知識でそれなりに見せる、ズルいデザインテクニック// Speaker Deck 反響の大きさに驚き！ありがとうございました。 実はあんまり発表自体は、盛り上がったという手応えがあまりなくて、一方で他の2人の発表が素晴らしすぎて、割としょんぼりしながら帰ってきたんですが、スライドをアップロードしたらあれよあれよという間に2000ブクマ超え…驚きました。読んで下さった皆様、ありがとうございました。何が原因だったのか考えてみたのですが、デザイン
iPhoneデザインアーカイブ
【初めての方はこちらをクリック】 iPhoneデザインアーカイブは、携帯サイトキャプチャ集「モバイルデザインアーカイブ」の姉妹サイトです。 iPhoneサイトを制作する上で参考になる秀逸なデザインを持つサイトのキャプチャを集めています。 iPhoneサイト制作を請け負ったけど、「なかなかデザインがまとまらない」「洗練されたデザインを参考にしたい」といった方のために、 優れたiPhoneサイトのデザインを集めました。また、iPhoneサイトにまだ手を出されていないモバイルデザイナーの方に、iPhone サイトデザインの雰囲気を掴んでいただくことで、「今後の仕事の幅を広げるきっかけになれば・・」、という思いで立ち上げました。 デザインに優れたiPhoneサイトはもちろん、技術的に優れたiPhoneサイト、そして現在のトレンドを捉えたiPhoneサイトを掲載しています。 なお、意識的にiPhon
CSS のみで吹き出し
hail2u.net - Weblog - Pure CSS な吹き出し に触発されて、画像や JavaScript を使わずに CSS だけを使って「吹き出し」を作る方法を僕も考えてみた。 Demo: CSS のみで吹き出し マークアップは 2 重の要素があれば OK。ここではそれぞれ bubble と body というクラスを付与した div と p を例に説明する: <div class="bubble"> <p class="body">Speech!</p> </div> CSS の最低限必要な部分のみを抜き出すと以下のとおり。これは背景が黒いボックスの下に左向きのしっぽを出す場合の例: .bubble { float: left; /* または position: absolute; */ border-left: 10px solid black; border-bottom
SproutCore
SproutCore is an open-source framework for building blazingly fast, innovative user experiences on the web. Install Sproutcore View on GitHub New Tutorial to Help You Get Up and Running! You've heard all about SproutCore and now it's time to see for yourself. It's easier than ever to get started with our new tutorial. In it you'll learn: How to install SproutCore on your machine How to build your
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Material Design
Redeem Promo Code
SVG Icon Libraries and Custom Icon Font Organizer ❍ IcoMoon
Designer Fund
UIデザインに役立つツール
GitHub - taitems/Aristo-jQuery-UI-Theme: The "Aristo" theme for Cappuccino ported to a jQuery UI Theme
http://www.source-laboratory.net/blog/
Motivation behind icons