14470
Creating Non-Rectangular Headers | CSS-Tricks
Over at Medium, Jon Moore recently identified "non-rectangular headers" as a tiny trend. A la: it's not crazy popular yet, but just you wait, kiddo.


We're talking about headers (or, more generally, any container element) that have a non-rectangular shape.
css  design  svg 
3 days ago
Fresh Background Gradients | WebGradients.com
WebGradients is a free collection of 180 linear gradients that you can use as
content backdrops in any part of your website. Easy copy CSS3 crossbrowser code
and use it in a moment! We've also prepared a .PNG version of each gradient.
 As a bonus, there are packs for Sketch & Photoshop.
color  colorscheme  design 
3 days ago
HTML & CSS Is Hard | A friendly web development tutorial
A friendly web development tutorial for complete beginners
css  html  tutorial 
3 days ago
Base64 Encoding & Performance, Part 1: What’s Up with Base64? – CSS Wizardry – CSS Architecture, Web Performance Optimisation, and more, by Harry Roberts
CSSに画像をBase64で格納すると、レンダリングをブロックする要素(CSSファイル)のファイルサイズが増大するので、むしろノンブロッキングな要素(画像ファイル)のままにしておくほうがよい、という話。
web  http  performance  css 
3 days ago
Hypertrack
We reduce the complexity of building and operating location infrastructure to a few easy APIs that just work.
mobile  api  service  geolocation 
3 days ago
Discover by Revue
There's something beautiful about the personal newsletter
We've created this directory to help you discover your favorite personal newsletters.
newsletter  curation 
6 days ago
Webでもモダンな色空間を使う:Labとコントラスト、色差を駆使してユーザビリティに優れた文字・背景色の組を使おう - Qiita
幸いにもLab色空間による知見やWCAG2.0によるコントラストの指標は固まっている。
それらを使って色弱者にも見やすく、健常者にも眼の負荷が少なく、
長時間の閲覧に優しいページ作りの手助けになることを目的とする。
design  ui  colorscheme  accessibility  tips 
6 days ago
Preparing and Exporting SVG Icons in Sketch – Design + Sketch – Medium
This article is going to assume that you already understand the fundamentals of icon design. And focus on how to prepare and export them for usage on Web, iOS and Android. We will use Sketch to organize, manage and export the icons.
sketch  icon  tutorial  illustrator 
6 days ago
Mnemonist
Curated collection of data structures for the JavaScript language.
javascript  library  algorithm 
6 days ago
LayerSnap Demos
LayerSnap is a script that builds on top of Snap SVG to enable simple declarative SVG builds by editing the SVG markup's attributes. You can even build animations from the Layers palette in Adobe Illustrator!
svg  animation  javascript 
6 days ago
SnappyData - The Spark Database
SnappyData is a high performance in-memory data platform for mixed workload applications. Built on Apache Spark, SnappyData provides a unified programming model for streaming, transactions, machine learning and SQL Analytics in a single cluster. SnappyData unifies real time data sources with external data sources that have a Spark connector. SnappyData is 100% compatible with Apache Spark and is Open Sourced with an Apache V2 license.
sql  analytics  spark 
9 days ago
RequestBin — Collect, inspect and debug HTTP requests and webhooks
RequestBin gives you a URL that will collect requests made to it and let you inspect them in a human-friendly way.
Use RequestBin to see what your HTTP client is sending or to inspect and debug webhook requests.
service  api  http  webhook  testing 
9 days ago
Protecting APIs from the DDoS attacks by signing the resource identifiers
Signing the resource identifier allows us to assert that the request is plausible. When the resource identifier is signed, the attacker is no longer able to fabricate a request that is outside of a finite number of publicly known identifiers.
The service receives a request, attempts to decrypt the resource identifier and uses the decrypted value to lookup the record; if the resource identifier cannot be decrypted — it terminates the request.
@5  security  api  graphql 
10 days ago
Inside Instagram’s reinvention - Recode
How Kevin Systrom got over minimalism and snapped into building mode.
interview  instagram  facebook  snapchat  product  @4 
10 days ago
Foggy thinking in design (and how to cut through it)
As designers we’ve all used foggy sentences like these:
“I felt it was getting a little too heavy for the casual nature of the feature.”
“The screen was a little confusing so we moved the layout around.”
“We really need this flow to be easy and clear.”
They sound meaningful but they don’t point to specific trade-offs or product attributes.
design  @4 
10 days ago
Weaving Threads
This is a guest post from the Product team working on the newly released Threads feature.
slack  product  design  ux 
10 days ago
React Native at Instagram
Integrating React Native into an existing native app can create challenges and additional work that you don’t encounter when you start an app from scratch. With this in mind, we decided to start exploring these challenges by porting the simplest view we could think of: the Push Notifications view. This view was originally implemented as a WebView, so we thought that it wouldn’t be too hard to beat its start up times. On top of that, this view didn’t require us to build much navigation infrastructure — the UI was quite simple and translations were determined by the server.
reactnative  instagram 
10 days ago
TinyFaces 👦🏼👨🏾👩🏻 - Avatars & Random data for your designs
Tiny Faces is a free crowd-sourced avatar gallery to use in your personal or commercial projects
sketch  photo  avatar 
10 days ago
SaaSアプリケーション向けのMySQLシャーディングモデル | Yakst
このブログ記事では、MySQLのシャーディングモデルについてとどのようにそれらをSaaSアプリケーション環境に適用するかについて議論します。 MySQLはもっとも人気のあるデータベース技術の1つで、多くのモダンなSaaSアプリケーション(単純な生産性向上のツールから、金融や医療と言ったビジネスクリティカルな領域まで)の構成要素として使用されています。 MySQLを使用している大規模なSaaSアプリケーションのほとんど全ては シャーディング  を使用しています。 このブログ記事ではこのような種類のアプリケーションに対してどのシャーディング方法を選ぶかを議論します。
mysql  database  architecture  scalability 
10 days ago
Online migrations at scale
In this post, we’ll explain how we safely did one large migration of our hundreds of millions of Subscriptions objects.
database  migration  rails  ruby 
10 days ago
Surge
Static web publishing
for Front-End Developers

Simple, single-command web publishing. Publish HTML, CSS, and JS for free, without leaving the command line.
service  hosting 
10 days ago
数分間の新しい習慣を創造せよ。 – Medium
習慣化されない行動・行為には、アプリを通じエコノミーを形成するだけのボリュームが生まれ得ない。
それが例えば日に数分だとしても、将来世界中でその数分間が費やされるなら、そこから生まれるエコノミーは天文学的な規模に至り得る。
product  @4  vision 
10 days ago
僕が好きなロゴ・デザイン 2016 / 2017 トレンド予測 – Medium
"2015年の暮れに Medium を始めたとき, その年に発表されたお気に入りのロゴを紹介した。なぜそのロゴを良いと思ったのか言葉にして考えるよいきっかけになったので, 今日は「2016年に発表されたお気に入りのロゴ・デザイン」について書いてみようと思う。"
design  logo 
10 days ago
Flowで型を指定しながらHOCを書く - Qiita
React で大きなソフトウェアを書いている時に、複数のコンポーネントに共通する処理を抽象化するためのプラクティスに Higher-Order Components (HOC)というものがあります。HOCについて一言で言うなら「React コンポーネントを受け取って、それをラップした新しい React コンポーネントを返す関数」です。

HOC では引数に受け取るコンポーネントに特定のインタフェースを期待することが多いと思います。こう言う時こそ flow を使って引数の型を強制したくなりますね。
react  flowtype  hoc 
10 days ago
SQLのインデックスとそのチューニングについてのオンラインブック
開発者向けのSQLインデックス解説サイト、管理についての間違いない知識を提供します。

インデックスは開発時には忘れられがちである一方で、非常に効果的なSQLのチューニング方法です。Use The Index, Lukeでは、HibernateなどのORMツールの解説にとどまらず、SQLのインデックスについて基礎から説明します。
database  performance 
11 days ago
The most important thing Dropbox did to scale Product Management – Startup Grind – Medium
To address the problem, fellow PM Anand Subramani, proposed a simple framework for labeling the phases of a project’s lifecycle.
product  management  framework  @4 
12 days ago
ほぼ日のロゴマークができました。- ほぼ日刊イトイ新聞
2016年12月、株式会社東京糸井重里事務所は
株式会社ほぼ日になりました。
あたらしい社名のロゴマークを、
佐藤卓さんにデザインしていただきました。
糸井重里は、ロゴマークに
どのような考えを乗せたのでしょうか。
佐藤卓さんと糸井重里の短い話を
連載にしてお伝えします。
logo  design  interview 
13 days ago
Gowallaが4sqに負けた理由
ousquareの勝因というのは、サービス設計においてとても勉強になることばかりなので、私の考えも書き出してみたいと思う。
個人的に思った勝因は以下だと思っている。
最初はシンプルにリリース
APIの公開(プラットフォーム戦略)
ユーザパワーの活用ousquareの勝因というのは、サービス設計においてとても勉強になることばかりなので、私の考えも書き出してみたいと思う。
個人的に思った勝因は以下だと思っている。
最初はシンプルにリリース
APIの公開(プラットフォーム戦略)
ユーザパワーの活用
foursquare  geolocation  gowalla  startup  business 
15 days ago
RFC 2119 - Key words for use in RFCs to Indicate Requirement Levels (日本語訳)
標準路線の文書の多くには仕様の要求レベルを示すのに用いられている語がいくつかある。 それらの語はしばしば大文字で書かれる。 この文書では、それらの語を IETF 文書の中で解釈されるべきとおりに定義する。 このガイドラインに従う執筆者は自らの文書の冒頭近くに次の一節を盛り込むべきである。

この文書中の「しなければならない」(MUST)、「してはならない」(MUST NOT)、「必須である」(REQUIRED)、「するものとする」(SHALL)、「しないものとする」(SHALL NOT)、「すべきである」(SHOULD)、「すべきではない」(SHOULD NOT)、「推奨される」(RECOMMENDED)、「してもよい」(MAY)、および「任意である」(OPTIONAL) のキーワードは、RFC 2119 に記述されているとおりに解釈すべきである。

これらの語の効力はそれが使われている文書の要求レベルによって加減されることに注意されたい。
@5  product 
16 days ago
yield default object - Arkency Blog
def start_till_cash_register_session
cmd = Till::StartNewSession.new(
uuid: SecureRandom.uuid,
terminal_name: "2nd floor, nr 2103",
employee_name: "Jurgen Klinsman",
organizer_id: user_id,
currency: currency,
starting_cash_balance: "0.00",
)
yield cmd
command_bus.call(cmd)
end
ruby  tips 
17 days ago
ウェブサイトのぜい肉危機 - The Great Underground Home Page
(これはMaciej Ceglowski の講演、"The Website Obesity Crisis"の原稿のふんいき翻訳である。Maciej Ceglowski はブックマーク共有サービス Pinboard のファウンダー兼運営者である。講演は2015年10月29日、オーストラリアのシドニーで開かれた Web Directions にて行われた。講演のビデオ(53分) )
web  presentation  performance  @4 
18 days ago
SoundHoundが7500万ドルを調達、ボイス制御プラットフォーム「Houndify」の拡大を狙う - THE BRIDGE(ザ・ブリッジ)
SoundHouldはその名前の通りのアプリで最もよく知られているだろう。Shazamの競合で、その場で聴いている音楽を特定できるアプリだ。

だが、それよりもさらに大きなものがある。Houndifyだ。昨年3月に公式にローンチし、サードパーティデベロッパーが開発に使えるバーチャルアシスタントプラットフォームである。Amazon Alexaのモバイル版ともいえるだろう。それこそまさにSoundHoundが今回調達した資金を投入したいと考えている対象だ。Houndアプリの「領域」をさらに増やすだけではなく、開発を進めて、プラットフォームをアジアや欧州などさらに多くのマーケットで利用可能にしたいと考える。
voice  api  businessmodel 
18 days ago
React Native UI Kitten
Mobile framework with easily customizable elements
reactnative  ui 
18 days ago
Orbit – Artificial Intelligence as a service
Orbit is an AI platform with a range of tools that understand and automate language and conversations
service  api  ai  writing 
20 days ago
What makes Rails a framework worth learning in 2017? - Quora
he same reasons why it was a framework worth learning in 2004. The more things change, the more they stay the same. While we’ve seen a lot a progress in the JavaScript world, we’ve also seen a regression to the complexity-laden world that Rails offered refuge from in the early days.
dhh  rails 
20 days ago
深夜の馬鹿力 ネタ採用者一覧-101~
TBSラジオ『伊集院光深夜の馬鹿力』で採用されたネタのペンネーム(ラジオネーム)と、採用数を記録しています。
抽選でのプレゼント当選等は含みませんが、ネタ基準で決められた当選者は含みます。
radio 
20 days ago
Plasma design system – Medium
This case study aims to chronicle how we created a design system at WeWork. I’ll share insight into our process, product design, the tools we used to create and implement the system, and also how we document and share the system with our team.
design  styleguide  case 
20 days ago
WebAPI でファイルをアップロードする方法アレコレ - Qiita
WebAPI を開発していると、ファイルを扱いたい場面に出くわすこともあると思います。
ただ、いざ WebAPI にファイルアップロードの仕組みを入れようとすると、いまいちしっくり来る方法がわからず、悩んだりするのではないでしょうか。
今回は実サービスの例を踏まえつつ、どのような方法が使われていて、何がベストプラクティスなのかを検討しようと思います。
api  restful  architecture 
20 days ago
Position, Position, Position!
When you know your position, you can say “no.” When you don’t know, you say “yes” out of fear. You build a feature because you’re afraid of what will happen if you don’t. That’s not a strong place to be competitively and it’s not a coherent place to be in terms of your product design.
basecamp  product  design  @5 
20 days ago
Teleport for Developers - Teleport Developer Program
We're building the largest and most up-to-date quality of life database for Planet Earth using 300+ different data dimensions from 70+ different sources, all updated periodically. Our global sources include the World Bank, World Health Organization, United Nations, Reporters Without Borders, OpenStreetMap, GeoNames, OpenFlights, Heritage Foundation, AngelList, Airbnb, Seed-DB and others. On top of these we augment the sets with things like laws and regulations, real estate prices and recruitment market data from local sources from countries around the world.
bigdata  api  service  city 
21 days ago
React-Select Example
A flexible and beautiful Select Input control for ReactJS with multiselect, autocomplete and ajax support.
react  ui  component 
21 days ago
« earlier      
37signals @4 @5 activerecord advertisement agency agile ajax algorithm amazon analytics android animation apache api apple architecture art aws backbonejs bigdata blog book browser business businessmodel cakephp capybara chat clojure cloudcomputing cocoa coffeescript collaboration colorscheme column comic commerce community cool couchdb css css3 culture d3 dashboard database ddd deployment design devops dhh ebook ec2 elisp emacs email erlang essay event facebook firefox flash font food foursquare framework fun funding gadget game geek gem geolocation git github google graph growth gtd gui hack hacker hadoop heroku html html5 http humanresource i18n icon idea illustration information inspiration interview ios iphone itunes java javascript jquery json library lifehack linux lisp mac machinelearning mail markdown marketing mathematics memcached metrics microservicearchitecture mobile mongodb monitoring movie music mysql neo4j news nicovideo nlp nodejs nosql objective-c office opensource patterns pdf performance perl photo photoshop php plugin postgresql presentation product productivity programming python rails rails3 react recommendation redis redmine refactoring remote responsive restful review rspec ruby s3 safari sass scala scheme scm screencast search security seo service servicedesign shop sketch slack social software sproutcore sql startup statistics storage styleguide subversion support svg symfony team technology template testing tips titanium travel tutorial twitter ui unix usability ux video visualization web web2.0 webservice wiki windows wordpress workstyle writing xp

Copy this bookmark:



description:


tags: