Archive

Archive for September, 2015

Building a PC, Part VIII: Iterating

September 17th, 2015 No comments
iPhone single core geekbench results

The last time I seriously upgraded my PC was in 2011, because the PC is over. And in some ways, it truly is – they can slap a ton more CPU cores on a die, for sure, but the overall single core performance increase from a 2011 high end Intel CPU to today’s high end Intel CPU is … really quite modest, on the order of maybe 30% to 40%.

In that same timespan, mobile and tablet CPU performance has continued to just about double every year. Which means the forthcoming iPhone 6s will be almost 10 times faster than the iPhone 4 was.

Remember, that’s only single core CPU performance – I’m not even factoring in the move from single, to dual, to triple core as well as generally faster memory and storage. This stuff is old hat on desktop, where we’ve had mainstream dual cores for a decade now, but they are huge improvements for mobile.

When your mobile devices get 10 times faster in the span of four years, it’s hard to muster much enthusiasm for a modest 1.3 × or 1.4 × iterative improvement in your PC’s performance over the same time.

I’ve been slogging away at this for a while; my current PC build series spans 7 years:

The fun part of building a PC is that it’s relatively easy to swap out the guts when something compelling comes along. CPU performance improvements may be modest these days, but there are still bright spots where performance is increasing more dramatically. Mainly in graphics hardware and, in this case, storage.

The current latest-and-greatest Intel CPU is Skylake. Like Sandy Bridge in 2011, which brought us much faster 6 Gbps SSD-friendly drive connectors (although only two of them), the Skylake platform brings us another key storage improvement – the ability to connect hard drives directly to the PCI Express lanes. Which looks like this:

… and performs like this:

Now there’s the 3× performance increase we’ve been itching for! To be fair, a raw increase of 3× in drive performance doesn’t necessarily equate to a computer that boots in one third the time. But here’s why disk speed matters:

If the CPU registers are how long it takes you to fetch data from your brain, then going to disk is the equivalent of fetching data from Pluto.

What I’ve always loved about SSDs is that they attack the PC’s worst-case performance scenario, when information has to come off the slowest device inside your computer – the hard drive. SSDs reduced the variability of requests for data massively. Let’s compare L1 cache access time to minimum disk access time:

Traditional hard drive
0.9 ns ? 10 ms (variability of 11,111,111× )

SSD
0.9 ns ? 150 µs (variability of 166,667× )

SSDs provide a reduction in overall performance variability of 66×! And when comparing latency:

7200rpm HDD — 1800ms
SATA SSD — 4ms
PCIe SSD — 0.34ms

Even going from a fast SATA SSD to a PCI Express SSD, you’re looking at a 10x reduction in drive latency.

Here’s what you need:

These are the basics. It’s best to use the M.2 connection as a fast boot / system drive, so I scaled it back to the smaller 256 GB version. I also had a lot of trouble getting my hands on the faster i7-6700k CPU, which appears supply constrained and is currently overpriced as a result.

Even though the days of doubling (or even 1.5×-ing) CPU performance are long gone for PCs, there are still some key iterative performance milestones to hit. Like mainstream 4k displays, mainstream PCI express SSDs are an important milestone in the overall evolution of desktop computing.

[advertisement] Find a better job the Stack Overflow way – what you need when you need it, no spam, and no scams.
Categories: Others, Programming Tags:

Iconsfeed: A Sleek iOS Icon Design Gallery

September 17th, 2015 No comments
00-featured-iconsfeed-icon-gallery

Designers often search for examples of other products or designs to examine trends that might help to influence their own work. This is especially true of icon design which can be a tricky subject when you consider all the variant screen sizes & retina dispalys.

Apple’s iOS platform runs on iPhone, iPod Touch, and iPad devices. Some of these have larger screens and some have higher pixel densities as well. Icon designers must account for all these factors when designing an icon that can scale and prove visually appealing to users.

Iconsfeed is an iOS icon gallery that only accepts icons from real applications. Anyone can submit an application from the iOS App Store to have the app’s icon queued for approval. If accepted it’ll be added to Iconsfeed with many other beautiful examples.

The layout is very minimalist yet incredibly modern. You’ll find Ajax lazy-loading features on every gallery page along with typical sorting features. Every icon is tied into a category but icons are also ranked by color scheme. Click anywhere on the long vertical color bar to search icons that contain particular color palettes.

Iconsfeed was recently featured on Product Hunt with some very positive reviews.

All-in-all this may not be the perfect resource for all icon designers. Everyone has their own flair & style of design which might not conform to Apple’s new found love for flat UI/icon design styles.

But if you’re looking for real-world examples of published app icons in the App Store, there’s no better place to look than Iconsfeed.

Read More at Iconsfeed: A Sleek iOS Icon Design Gallery

Categories: Designing, Others Tags:

InVision now Syncs Directly with Slack

September 17th, 2015 No comments
00-featured-slack-invision-img

Users of the InVision prototyping tool have found it to be a secure and reliable way to share design concepts with teams of all sizes. This has always made updating projects and creative briefs a whole lot easier with dynamic digital tools and team-based project privileges.

Just recently the folks at InVision announced a new unique connection with InVision + Slack.

Now it’s possible to update InVision prototypes and have all changes immediately sync to Slack chat. Since many teams already use Slack as their main chat client, this feature offers an incredible advantage to companies who need feedback as quickly as possible.

The idea is to bridge the gap between team collaboration in Slack with comments & critiques nested inside InVision projects. It’s now easier than ever to create conversations that hinge on design features of the most up-to-date prototype or project release through InVision.

All data syncs are instantaneous with any Slack channel connected onto the project. It’s easy to change sync settings to work however you need.

To get started log into your InVision account and in the menu find Slack configuration. If you’re looking for more info please skim the InVision blog post announcing this new feature.

Read More at InVision now Syncs Directly with Slack

Categories: Designing, Others Tags:

Why the Info on your Invoice Impacts How Fast Clients Pay

September 17th, 2015 No comments
00-featured-please-pay-invoice

While the actual task of invoicing clients is not likely something you look forward to, certainly the flip side of invoicing – all of those receivable dollars – can be seen as cause for celebration.

There are few things more satisfying to the bootstrapping entrepreneur than checking your online bank account and seeing your balance increase.

But one of the frustrating pieces of this process, for the lion’s share of small businesses, is the wait. That(hopefully not longer than) one- to four-week period of lag time between submitting the invoice and receiving the funds can be fraught with anticipation and uneasiness.

However there are ways to diplomatically encourage your clients to remit payment promptly and regularly. These methods do not involve large, sweaty, intimidating men. Or threats. Or even those friendly “just wanted to follow up” reminder emails.

We’re talking about just making the format and notation of your invoice documents themselves more conducive to expediting payment.

It’s true that the mere act of including specific, relevant information on your invoice is often enough to get you paid more efficiently. Although invoices come in seemingly countless shapes and sizes, they all essentially serve the same purpose: to legally and financially document a business transaction.

In fact, while an invoice commonly doubles as a de facto receipt, in many cases it can also be the only proof a transaction occurred.

While almost all legally acceptable invoices have the same basic information listed (contact information for the issuer and recipient, date, price, services rendered and quantities involved) there are some additional fields that you should include which can significantly shorten the time it takes for your customers to pay.

Sort your Systems and Processes

Before we dive into the formatting of your invoice documents, let’s take a step back and remember that when it comes to business operations surrounding payments, invoices are merely the tip of the iceberg; the signposts that suggest a whole slew of other things are taking place.

There’s much more to the invoicing process than simply sending out requests for payment. First you need to determine what type of billing cycle makes the most sense for your business and stick to that system.

Are you billing weekly, monthly, or at key project intervals? If you’ve got a retainer with a six-month commitment, for example, can you break the project down into invoice-able chunks (one-third up front, one-third halfway through and the final third upon completion)? These are details to be negotiated prior to embarking on a client relationship, but even before the client is involved it’s up to you to determine your most comfortable and preferred method.

Without an established system in place you risk allowing invoices to fall between the cracks. It happens.

When juggling a dozen or more clients simultaneously, some of the smaller or ad-hoc projects can get lost in the shuffle. And it’s exponentially more difficult to invoice months after you’ve provided services since that often calls for complicated account reconciliations.

Also worthy of consideration is the overall look and feel of the document you’re presenting. Ultimately this may be one of the only written pieces of collateral your client will see you produce.

It represents your brand and reflects on your professionalism. Ensure that all communication with your clients – yes, invoices included – is not only clear and accurate but attractive and polished as well.

Include a Due Date

In order to ensure that everyone is on the same page regarding payment expectations, your invoice’s payment deadline should always be actionable, viewable, and clear.

Simply marking “14 days from date of invoice” isn’t going to cut it. List the actual due date rather than requiring your client to calculate. Nobody wants to do extra math.

One option you may consider to encourage prompt payment is to offer a small incentive or discount in exchange for immediate remittance. Even a 5% deduction, for example, can prompt clients to pay instantly rather than waiting until the end of the month.

Acceptable Payment Methods

As a general rule, when you make it easier for your customers to pay they’ll be encouraged to take care of it sooner.

Display not only which payment methods are available, but also all your relevant account details so your client’s next steps require no digging through email archives and no further clarification on your part.

Some invoicing software features a “pay now” option if you’ve integrated an electronic credit card processing service like Stripe or Authorize.net. Since managing transactions on the go has become standard, if you empower your client to pay you directly from his or her phone upon invoice receipt then you’re golden.

List payment options clearly and be sure to indicate if there are any fees associated with each method. Some payment channels (including wire transfers and PayPal) mean extra fees for your business, so if you intend to pass those charges along to your customers make sure that gets sorted out ahead of time.

Itemized Pricing and Details

If you don’t have accurate records detailing the work you’ve completed for your clients then you shouldn’t be issuing an invoice.

Get super detailed and pedantic about documentation. The more records you have, the fewer questions and follow-up discussions you’ll have to deal with.

Track not only your hours but all costs and materials that you intend to expense so you can bill them back and get compensated.

Record the work and the expenses as you go (it’s often easier if you’re using an app made for this) so you don’t have to recall and compile these details at a later date. Documenting in real time also significantly reduces the likelihood of forgetting to include something in your invoice down the line.

  • Include a field illustrating the number of items, hours or days that you’re charging for.
  • Include a field highlighting the cost per item, hour or day, aligning with the entries above.
  • Include a total amount for each entry with an overall subtotal at the bottom.

This clear, straightforward documentation along with any notes on time entry (itemizing how exactly your time was spent) can go a long way towards minimizing conflict and payment delays.

The True Invoice Recipient

Consider, when working with non-solopreneur clients, that the person you deal with on a daily basis may be an entirely different person from the one who pays contractors.

Depending on the size of the organization involved, these two people may not even know each other.

Therefore if the accounting person needs to guess (or, more likely, research and reconfirm) who you are and which departmental budget the payment should be coming from, then you are setting yourself up for delay.

In addition to including all of the relevant names, clearly state your primary liaison’s department so that the client’s accounting department can process efficiently.

Relevant Tax and Conversion Rates

If you’re doing business in two or more countries then you’re going to have to wrap your head around currency exchanges and foreign tax laws. Not only do you need to familiarize yourself with the invoicing requirements in your client’s home country, but you’ll also need to close on mutually viable exchange rates and determine what your bank is going to charge you for the transaction.

Even if you’re operating on a single-country and single-currency basis, your invoices often must include a separate entry for sales tax along with the specified percentage. Your subtotal of services, as described above, likely must be augmented by a sales tax or VAT column that itemizes percentages and final totals.

Professional software can handle this for you automatically, but make sure to check all client territory-specific details manually since invoicing a US client in Europe might be awkward for both of you.

A powerful invoicing app like Invoice Ninja offers a variety of easy-to-use templates that include all the basics listed above – and allows you to customize the look, design, branding, and invoice fields.

Info Matters

There are boundless options out there for friendly & professional invoicing. Before selecting your preferred software solution, ensure that its capabilities match up with the requirements listed here.

A solid invoicing tool will not only help you look professional – it will help you get paid faster, too.

Making sure that all of this information appears on every invoice may help you receive funds faster due to psychological factors in the minds of your clients. It may also help to expedite payment from a strictly practical/logistical perspective.

But what’s the difference, really? When your priority is to collect what’s due as efficiently as possible, getting effective methods down pat matters far more than determining the reasons.

Read More at Why the Info on your Invoice Impacts How Fast Clients Pay

Categories: Designing, Others Tags:

Share your Ideas for a New Donald Trump Campaign Slogan

September 17th, 2015 No comments
trump-runs-campaign-slogan

There’s no denying that the multi-billionaire Donald Trump is raising eyebrows at his position on the political stage. It seems his run for presidency has attracted lots of attention both good & bad.

On many Internet communities Donald Trump for president has almost turned into a meme unto itself. Humor and serious depictions of Trump have graced the Internet & continue to do so with his thriving national campaign.

But what about his slogan? At the moment he’s running with “Make American Great Again” which has drawn praise, derision, humor and satirization. Stephen Colbert recently put out his own opinion for a rebranding of Donal Trump’s presidential run.

Stephen Colbert Trump slogan

This post is an open invitation for anyone to submit their own ideas for a new Donald Trump slogan. Do you have any concepts worth sharing? We’re open to everything from churlish to judicious quips, humorous puns & everything inbetween!

Others have already brought attention to Trump on image boards and online forums. It seems he’s gathered a lot of buzz on the Internet, and any similar slogans would do just the same.

Trump overcomb slogan

Trump Obama you're fired

Read More at Share your Ideas for a New Donald Trump Campaign Slogan

Categories: Designing, Others Tags:

Juiced – New Open Source Flexbox CSS Framework

September 17th, 2015 No comments
juiced-css-thumbnail

CSS3 has brought many changes and recently includes a new document structure named Flexbox. It’s meant to replace old CSS hacks like floats for multi-column layouts, along with empowering designers to craft simpler responsive designs.

Flexbox is supported but hasn’t gained as much traction in professional work solely based on compatibility issues. But as time moves on we’re seeing more developers switch to flexbox models and rework layouts to run smoothly.

This has paved the way for new techniques and code frameworks such as Juiced CSS. This brand new open source framework is free on GitHub with plenty of support and demo code samples.

One area of improvement is the value of mobile first design. Here’s a clip from Juiced’s documentation:

Building mobile-first layouts is the most powerful feature of Juiced. If you are familiar with a 12-column grid layout, Juiced will be a breeze to get started. There are a few awesome advantages to using Juiced over other grid systems, namely Flexible boxes. Using the Flexbox spec, Juiced lets you vertically align all columns, shift uneven or extra columns, add spacing around or between columns, auto-size and grow your columns to fit available space, and order columns for each breakpoint.

Each layout is controlled through columns which may be written as needed into layouts. So you can program any number of flexbox columns from 1-12 with varying degrees of width/height ratios.

Note that Juiced is still very young, practically in its infancy as a development framework. Also flexbox is a relatively new standard so this may not be the perfect solution for enterprise-level projects. However it’s a great way to practice flexbox and improve your frontend skills with the latest advancements in HTML/CSS code structures.

If you have time please skim through the docs to get an idea of how Juiced CSS operates.

Read More at Juiced – New Open Source Flexbox CSS Framework

Categories: Designing, Others Tags:

Mobile App Design Review: Wildcard

September 17th, 2015 No comments
00-featured-wildcard-app-logo

In this post we’re gonna take a look at Wildcard, a completely free news & entertainment application.

Wildcard prides itself on providing a visually stunning platform that allows users to easily sift through engaging content. Throughout this article I’ll discuss different areas of the application that has helped make it so popular among users.

Curated Stories

Bill Gates may have written his “Content is King” essay in 1996, but there is no doubt this concept still holds true today. Especially with technology people are always in search of the best content. This is a need that Wildcard has set out to fulfill.

Above is a screenshot of the application’s home screen.

By looking at this image you’ll notice a white circle in the right-middle of the screen with the number three inside of it. This number indicates the number of stories that Wildcard has curated for a user on a similar topic; In this case, the topic is Elon Musk building a new transportation system. Wildcard will load three different cards related to this story.

I’ve included a screenshot of how Wildcard displays these cards below.

Similar Cards

You will see that each card also has the same white circle. With the help of this button, Wildcard aims to expose users to a seemingly endless amount of content.

It also shows the application’s focus on providing constant information that the user will find intriguing.

Easy To Use

If you haven’t realized yet, Wildcard is an extremely user friendly application.

When browsing through related cards the application displays a small overview of the article, as well as the title of a card. When viewing a specific card Wildcard will display the content using their own card layout.

If instead you really like how a particular website composes their material you can revert back to the original style.

Wildcard > Mobile Web Views

web view vs wildcard view

Above is a side-by-side comparison of the card view and the mobile view of an article from Wired.com.

While scrolling through the web view my finger would sometimes slide the page, and expose content that I did not wish to see. It also displayed bulky social media links at the top of the article.

When displayed as a card however, the article is optimized for mobile viewing. Wildcard was designed with a minimalist approach.

It styles the content in a way that is most favorable to readers. In turn the app does a great job of eliminating unnecessary distractions, allowing the user to focus solely on content.

The use of cards is one of the many eye-catching features of Wildcard. As users navigate through the app they’re subjected to smooth transitions that truly add to the experience of using Wildcard.

Manage Your Cards

Save Card

Wildcard allows users to manage a system of cards if they do not have time to read it, or if they simply wish to save a card for a later date.

As I said throughout this article, the developers of Wildcard want to ensure that you’re always exposed to content geared towards your interest. They’ve made the process of saving cards as easy as hitting the paper clip in the bottom part of the screen.

In addition to saving cards, Wildcard also displays solid functionality when dealing with offline capabilities. It makes any card saved by a user accessible without an internet connection!

Now you can read on the go at any place, any time.

Conclusion

And that wraps up my review of Wildcard for iOS. If you’re someone who is interested in application development, I definitely recommend checking it out. You can get a first hand look at how Wildcard has gained popularity by crafting a rock-solid experience for the user.

You can download Wildcard completely free from the app store and try it out for yourself.

Read More at Mobile App Design Review: Wildcard

Categories: Designing, Others Tags:

Getting Started with PHP DocBlox Code Comments

September 17th, 2015 No comments
featured-phpdoc-syntax-screen.png

Code commenting is a very important part of the entire development process. Large blocks of functions and variable declarations can get bloated down after writing pages of convoluted backend logic. PHP is one such language where keeping your code comments organized will most certainly help later on down the road.

phpdoc syntax comment screenshot dark coding

PHPDoc also called PhpDocumentor is a type of code commenting system where you can fill in all the most important details for any function or class. This becomes very useful when looking back over codes trying to determine what they actually do. The formatting is really easy, and even without an automated program you can still write DocBlox syntax with ease. I hope this introductory guide may offer some tips and advice for beginners.

Read more…

Categories: Designing, Others Tags:

HTTPS Everywhere With Nginx, Varnish And Apache

September 17th, 2015 No comments

The web is moving toward using HTTPS encryption by default. This move has been encouraged by Google, which announced that HTTPS would be a ranking signal. However, moving your website to HTTPS is good for other reasons, too.

HTTPS Everywhere With Nginx, Varnish And Apache

Rather than debate those reasons, this article assumes you have already decided to move to HTTPS. We’ll walk through how to move your website to HTTPS, taking advantage of Varnish Cache.

The post HTTPS Everywhere With Nginx, Varnish And Apache appeared first on Smashing Magazine.

Categories: Others Tags:

Write SVG: a PostCSS plugin

September 17th, 2015 No comments

Here’s a cool PostCSS plugin that lets us write SVG directly in CSS with the rest of our styles:

.arrow {
    @svg {
        polygon {
            fill: green;
            points: 50,100 0,0 0,100;
        }
    }
}

These values will then be converted into a data URI, like so:

.arrow {
    background-image: url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpolygon%20fill%3D%22green%22%20points%3D%2250%2C100%200%2C0%200%2C100%22%2F%3E%3C%2Fsvg%3E)
}

Like Sara Soueidan mentions, I’d love to see this in Sass.

Direct Link to ArticlePermalink


Write SVG: a PostCSS plugin is a post from CSS-Tricks

Categories: Designing, Others Tags: