Monday, January 23, 2017

SitePoint Needs You: The 2017 JavaScript Survey

As part of being an editor here at SitePoint, one of my responsibilities is to commission new content for the channel. I always have one eye on the various newsletters, aggregators, and blogs for topics that might be important or interesting to our readers. The stats collected for each article we publish go some way towards helping me know what's working and what's not. Even so, it's still hard to know what you guys think about the mix of content we produce: are our tutorials pitched at the right skill levels? are we getting a good balance between client-side and server-side coverage?

A sea of raised hands and speech bubbles - take our 2017 JavaScript survey and let us know your thoughts

To help us continue improving the JavaScript channel this year, we're going to try running a survey, to better understand what you want to see from us. The survey is short: only ten multiple-choice questions, plus the opportunity to leave some general feedback. It should only take a couple minutes of your time. The results are anonymous and we won't ask for any personal information.

Some of the things we're curious about are how you use JavaScript; Are you frontend, backend, or full-stack? What is your level of skill with the language, and what do you think about the latest developments? We'd also love to know what you think of the types of content we produce and if there's anything we could do better. Now's your chance to tell us what you think, and what you want!

Continue reading %SitePoint Needs You: The 2017 JavaScript Survey%


by Nilson Jacques via SitePoint

jQuery.datepicker – Futuristic Datepicker for Web

jQuery.datepicker is a futuristic datepicker plugin for web. It's customizable and API reference also available.


by via jQuery-Plugins.net RSS Feed

Web Design Weekly #264

Headlines

Modernizing our Progressive Enhancement Delivery

A glimpse into how the Filament Group went about speeding up their site load time and reducing the reliance on network requests by utilising HTTP/2 and Service Workers. Great read. (filamentgroup.com)

Get Started with Debugging JavaScript in Chrome DevTools (developers.google.com)

The First Ecommerce Platform Made For Web Designers

​Zoey allows web designers to visually create sophisticated ecommerce sites with no code and launch them in a few clicks. Instead of wrestling with code, dealing with development delays and stressing over hosting issues, try Zoey. We help designers launch sites 4x faster with 25% higher margins. (zoey.com)

Articles

Best Practices In Component-Based Systems

The very talented Max Stoiber explains how to go about building user interfaces with small, focused and independent components, splitting container and presentational components; and having single-use CSS class names to produce a more maintainable codebase. (smashingmagazine.com)

Making input type=date complicated

If you have ever had headaches whilst implementing some form of date picker interface this is for you. Peter-Paul Koch breaks down the current state of date pickers and offers some genuine advice going forward. (medium.com)

The journey of simplifying our CSS

Sebastian Hermida shares an insight into using the Tachyons CSS framework for a recent project. If you aren’t completely happy with your CSS workflow I would highly recommend investigating Tachyons. It’s pretty awesome. (blog.dnsimple.com)

React at 60fps

A must read for anyone that works with React. So many awesome tips from Andrey Okonetchnikov to help keep your app loading quickly. (hackernoon.com)

Introduction to WebAssembly (rsms.me)

Tools / Resources

Webpack 2.2 – The Final Release

BOOM! Webpack 2.2.0 is officially in final release. So much awesomeness. Big congrats to all involved. (medium.com)

D3 and React 3 ways

An awesome post by Mike Williamson that looks into using two of the most popular JavaScript libraries at present. (wordpress.com)

Understanding Flexbox – Everything you need to know

A super long post that covers all the fundamental concepts you need to understand to get good with CSS Flexbox. (medium.freecodecamp.com)

WebSlides – An open source way to build beautiful presentations (freecodecamp.com)

DangerJS – The open source maintainers best friend (mxstbr.blog)

Color Creator Templates (bjango.com)

Inspiration

Non-Rectangular Headers (medium.com)

3 New CSS Features to Learn in 2017 (bitsofco.de)

Top Pens of 2016 on CodePen (codepen.io)

Jobs

Senior JavaScript/UI Frontend Engineer at Close.io

At Close.io we’re building the sales communication platform of the future. We’ve built a next-generation CRM that eliminates manual data entry and helps sales teams close more deals. We are hiring engineers to help us unify the world’s sales, calls and emails into one beautiful workflow. (close.io)

Product Designer at Zendesk

As a product design team we believe in a collaborative working style with a bias towards rapid prototyping, experimentation and a strong curiosity for our customers and their needs. If that sounds like fun to you, please reach out. (zendesk.com)

Need to find passionate developers or designers? Why not advertise in the next newsletter

Last but not least…

Transition Game (dribbble.com)

The post Web Design Weekly #264 appeared first on Web Design Weekly.


by Jake Bresnehan via Web Design Weekly

Boost Your Brand by Turning Your WordPress Blogs into eBooks

If you have a WordPress blog, chances are you've written or will write enough content to fill a book. Even if you don't have enough material for 200-300 pages, remember, today many eBooks are only 10-100 pages depending on the purpose and target audience. If you want to build up readership one of the best ways to increase your audience is through repurposing your content. By taking your best blog posts and combining them into a mini-booklet, you can then use it as a giveaway to improve your email marketing strategy, even sell the guides for a profit, or just use the materials as a way to boost your credibility.

Although packaging your blog posts into eBooks can sound like a daunting task, WordPress' versatility makes it possible for you to convert your content with ease by using off-the-shelf plugins.

Continue reading %Boost Your Brand by Turning Your WordPress Blogs into eBooks%


by Charles Costa via SitePoint

Chutnify

Chutnify

Lively One Pager for Chutnify, an Indian restaurant located in Berlin. Not the usual design aesthetic I try to feature but excellent to see so much pride in the culture - captured via character illustrations, engaging copy and moving elements throughout the long scrolling site. Bonus points for the "coded" accordion food menu, still seeing restaurants link to menu PDFs.

by Rob Hope via One Page Love

CSS Selectors: Pseudo-elements

The following is an extract from our book, CSS Master, written by Tiffany B. Brown. Copies are sold in stores worldwide, or you can buy it in ebook form here. The CSS Pseudo-elements Module Level 4 specification clarifies behavior for existing pseudo-elements and defines several new ones. Only a few, however, have any degree of […]

Continue reading %CSS Selectors: Pseudo-elements%


by Tiffany Brown via SitePoint

Google & Amazon Do Search Right: Now You Can, Too

Header image

This article was sponsored by Algolia. Thank you for supporting the sponsors who make SitePoint possible.

When companies think about search, they think about Google. They invest heavily in SEO & SEM to drive traffic - meanwhile, their own search experience remains neglected. Default search options on platforms like Shopify and WordPress pale in comparison to Google & Amazon; the problem is, when most people think of improving their own site search, they think about hiring a team of search engineers to create an ultra-personalized, machine-learning, predictive search experience - either invest heavily now or stick with the default search, right? Wrong.

It's a bad idea to invest in driving traffic to your site if the customer journey inside your site is not optimal - and if you're thinking "my search traffic is a low percentage of my site, so why should I worry about it?" then your site search could probably be improved. Remember: in 2016, 93% of all Internet experiences started with search.

The biggest mistake you can make isn't thinking "search isn't important to my customer's digital experience;" it's thinking that it takes a team of search engineers to make a great search experience.

If there's one thing you take away from this article, let it be this: in 2017, search isn't about back-end, it's about experience. The future of great search experiences is in the hands of UX designers & front-end engineers.

Since 2012, Algolia has been working to enable any engineer to build great search experiences on top of our hosted search engine, powering search on thousands of websites & products around the world. During that time, we've educated our customers about what is necessary to have a great search experience - there's more to great search than fancy algorithms or ultra-customization.

Search is a very intuitive process. Users don't analyze a search experience feature-by-feature -- in fact, most of your product's users would likely say that the search bar itself is the feature, and not the various components that make up that search bar -- which means that your users intuitively know after the first try whether your search is great or decent. The difference between decent search and great search is in the three pillars of search - Speed, Relevance, and Design.

Pillars of Search

Milliseconds Matter

Algolia provides 99% of search results in under 35 milliseconds, anywhere in the world - just ask our customers. Answering the question "How fast is fast enough?" requires a bit of "How" and a bit of "Why," but let's start with the latter:

Why Milliseconds Matter:

  • 100ms of latency costs Amazon 1% of its Sales
  • 500ms of latency costs Google 10% of its traffic
  • 10 seconds: the attention span of a digital consumer

It's a race against time for you to keep your audience engaged. At any given step in their journey, users will churn if they sense stagnation - especially so with Search, where they have already subconsciously benchmarked your search experience against Google & Amazon.

You're either as fast as users expect, and they won't even notice it, or you're slower, and they will.

In a conversation, if someone responds to your question quickly, the conversation continues fluidly; if someone stares idly at you long enough for you to ask yourself "what's taking them so long?" the conversation is broken, and the conversation subject changes from what you were interested in to "why is this taking so long?"

The "How" is a bit more operational. There are three things that count when it comes to how fast a search query returns results:

  1. The distance the query must travel
  2. The size of the records that must be queried to determine relevance
  3. The complexity of the algorithm used to determine relevance

For in-house solutions, the distance of the query to a user depends on where you keep your hosted site servers. There's no point in having servers all over the world to optimize site load speed, so you'll want to replicate your search solution across key markets to optimize search speed.

The blink of an eye is roughly 180 milliseconds

Creating Instant search - an as-you-type search experience where results appear immediately following the keystroke - requires delivering results faster than the blink of an eye. You should aim for 99% of your queries displaying in under 35ms.

For hosted solutions like Algolia, you'll want to make sure you have a Distributed Search Network (DSN) - a CDN for your search bar - which allows you to replicate your search index across up to 50 servers in every corner of the globe, depending on where your users are coming from.

Keep Those Records Small

The smaller the record size, the faster it can be passed through the engine. It's faster for search engines like Algolia to search 1 Million one-paragraph text blocks than 10,000 100-Paragraph text blocks -- It can also increase relevancy, pointing to where in a given text the query is matched.

Continue reading %Google & Amazon Do Search Right: Now You Can, Too%


by Liam Boogar via SitePoint