Profile

Cover photo
Robin Venneman
Worked at HGST
76 followers|9,687 views
AboutPostsCollectionsPhotosVideos+1's

Stream

Robin Venneman

Shared publicly  - 
 
 
Houdini.. maybe the most exciting development in CSS you’ve never heard of: http://bit.ly/1RJkmLv - excellent overview, must read for all web developers.
6 comments on original post
1
Add a comment...

Robin Venneman

Shared publicly  - 
 
 
Announcing Google+ Create
A pretty unique update today… we’re launching Google+ Create, a new community program that gives top content creators on Google+ the recognition and audience they deserve.

You only need to browse our featured Collections page (https://plus.google.com/collections/featured) to see the breadth and depth of content already on Google+ and with the Create program we hope to get even better at connecting people around their interests. Like the Local Guides (Google Maps) and Creator Academy (YouTube) programs, Google+ Create will give our most inspiring creators unique benefits and resources to be even more successful on Google+ including: verified identities, early access to product features, feedback forums, and more.

For more details, check out Daniel’s post: https://plus.google.com/+DanielRaynaudGoog/posts/SxD8myCrzbm
27 comments on original post
1
Add a comment...

Robin Venneman

Shared publicly  - 
 
 
Introducing the Google Design Newsletter https://goo.gl/arRo9B —an easy way to stay up-to-date with our latest and greatest #GoogleDesign news, get updates on features and releases, tips from our team of designers, and much, much more.

Check out our first installment and learn all about Resizer, a handy new tool for testing out your responsive UI: https://g.co/design/resizer
1 comment on original post
1
Add a comment...

Robin Venneman

Shared publicly  - 
 
 
✎ What if you could generate <picture> and srcset-markup for responsive images on the fly—oh wait, now you can! https://www.smashingmagazine.com/2016/01/responsive-image-breakpoints-generation/
A new open source tool for finding responsive image breakpoints and generating and srcset-markup for responsive images.
View original post
1
Add a comment...

Robin Venneman

Shared publicly  - 
 
Angular 2 has reached Beta and appears poised to become the hot new framework of 2016. It’s time for a showdown. Let’s s…
1
Add a comment...
Have him in circles
76 people
JVW Gent's profile photo
Nasir Khan's profile photo
Mamadou Gueye's profile photo
Stop G-L-O-B-A-L W-A-R-M-I-N-G's profile photo
Paul M Roberts's profile photo
Ad Eggermont's profile photo
Electronic Music's profile photo
Application Developers Alliance's profile photo
Christina Moschino Wilson's profile photo

Communities

15 communities

Robin Venneman

Shared publicly  - 
 
 
Good breakdown on how to create a Holy Grail Layout with #CSS Grid.
The CSS Grid Layout Module, although still in Editor's Draft, is nearing finalisation. We can now enable it in a number of browsers for testing and help figure out any bugs it may have. The CSS Grid Layout is really complex, even more so than Flexbox. It has 17 new
1 comment on original post
1
Add a comment...

Robin Venneman

Shared publicly  - 
 
 
Introducing Google+ Create

Today we are launching Google+ Create (g.co/PlusCreate), a unique program that gives amazing content creators the recognition and audience they deserve.

When we introduced Google+ Collections last May, we were blown away by the amazing things people began sharing, from the beautiful (goo.gl/ryi0jv) to the breathtaking (goo.gl/n0KpR6), from the profound (goo.gl/XfBB0y) to the playful (goo.gl/zdDVsf), from the whimsical (goo.gl/zLOMgy) to the wonderfully eclectic (goo.gl/kgtI38).

And people on Google+ agree. Since launching the redesigned Google+ in November, Collection follows have more than doubled.

But these Collections don’t create themselves. Behind them are fascinating individuals who bring their flair, imagination and craft to engage and inspire others. There are food alchemists like +maria nasir in Lahore, Pakistan, writers and woodturners like +Ellie Kennard and +Steven Kennard in Nova Scotia, and daredevil acrobats like +Randy T on a mountain top near you.

We want to celebrate these inspiring creators and amplify their unique voices. Google+ Create members get a verified profile, early access to new product features, a private channel with the Google+ team, and special opportunities to build their audiences.

Visit g.co/PlusCreate to meet some of our members, learn about the benefits, and apply to join if you’re interested. Or just immerse yourself in the diversity of Collections already on Google+ (g.co/Collections).
194 comments on original post
1
Add a comment...

Robin Venneman

Shared publicly  - 
 
 
An update (March 2016) on the current state & recommendations for JavaScript sites / Progressive Web Apps [1] in Google Search. We occasionally see questions about what JS-based sites can do and still be visible in search, so here's a brief summary for today's state:

# Don't cloak to Googlebot. Use "feature detection" & "progressive enhancement" [2] techniques to make your content available to all users. Avoid redirecting to an "unsupported browser" page. Consider using a polyfill or other safe fallback where needed. The features Googlebot currently doesn't support include Service Workers, the Fetch API, Promises, and requestAnimationFrame.

# Use rel=canonical [3] when serving content from multiple URLs is required.

# Avoid the AJAX-Crawling scheme on new sites. Consider migrating old sites that use this scheme soon. Remember to remove "meta fragment" tags when migrating. Don't use a "meta fragment" tag if the "escaped fragment" URL doesn't serve fully rendered content. [4]

# Avoid using "#" in URLs (outside of "#!"). Googlebot rarely indexes URLs with "#" in them. Use "normal" URLs with path/filename/query-parameters instead, consider using the History API for navigation.

# Use Search Console's Fetch and Render tool [5] to test how Googlebot sees your pages. Note that this tool doesn't support "#!" or "#" URLs.

# Ensure that all required resources (including JavaScript files / frameworks, server responses, 3rd-party APIs, etc) aren't blocked by robots.txt. The Fetch and Render tool will list blocked resources discovered. If resources are uncontrollably blocked by robots.txt (e.g., 3rd-party APIs) or otherwise temporarily unavailable, ensure that your client-side code fails gracefully.

# Limit the number of embedded resources, in particular the number of JavaScript files and server responses required to render your page. A high number of required URLs can result in timeouts & rendering without these resources being available (e.g., some JavaScript files might not be loaded). Use reasonable HTTP caching directives.

# Google supports the use of JavaScript to provide titles, description & robots meta tags, structured data, and other meta-data. When using AMP, the AMP HTML page must be static as required by the spec, but the associated web page can be built using JS/PWA techniques. Remember to use a sitemap file with correct "lastmod" dates for signaling changes on your website.

# Finally, keep in mind that other search engines and web services accessing your content might not support JavaScript at all, or might support a different subset.

Looking at this list, none of these recommendations are completely new & limited to today -- and they'll continue to be valid for foreseeable future. Working with modern JavaScript frameworks for search can be a bit intimidating at first, but they open up some really neat possibilities to make fast & awesome sites!

I hope this was useful! Let me know if I missed anything, or if you need clarifications for any part.

Links:
[1] PWA: https://developers.google.com/web/progressive-web-apps
[2] Progressive enhancement: https://en.wikipedia.org/wiki/Progressive_enhancement
[3] rel=canonical: https://support.google.com/webmasters/answer/139066
[4] AJAX Crawling scheme: https://developers.google.com/webmasters/ajax-crawling/docs/specification
[5] https://support.google.com/webmasters/answer/6066468
26 comments on original post
1
Add a comment...

Robin Venneman

Shared publicly  - 
 
 
Stephen Wolfram doesn’t dream of what’s next—he builds it. Find out what the Wolfram Alpha creator thinks about the tech of tomorrow. And how we’ll interact with it. https://goo.gl/8uMAJ8 #FORMATIVE
1 comment on original post
1
Add a comment...
Robin's Collections
People
Have him in circles
76 people
JVW Gent's profile photo
Nasir Khan's profile photo
Mamadou Gueye's profile photo
Stop G-L-O-B-A-L W-A-R-M-I-N-G's profile photo
Paul M Roberts's profile photo
Ad Eggermont's profile photo
Electronic Music's profile photo
Application Developers Alliance's profile photo
Christina Moschino Wilson's profile photo
Communities
15 communities
Work
Occupation
Software engineer
Skills
Web development, web applications, UI design, HTML5, CSS3, JavaScript, Node.js, AngularJS
Employment
  • HGST
    Software engineer, 2015 - 2016
    Full-stack JavaScript web UI development
  • Freelance
    2012
  • Marlon
    JavaScript developer, 2016 - present
Story
Tagline
Web designer & developer
Basic Information
Gender
Male
Robin Venneman's +1's are the things they like, agree with, or want to recommend.
Writing Modular JavaScript With AMD, CommonJS &amp; ES Harmony
addyosmani.com

Learn how to write modular JavaScript using modern synchronous and asynchronous formats such as AMD and CommonJS

Atlassian
plus.google.com

We're the makers of JIRA, Confluence, Bitbucket, Stash, HipChat and a dozen other products for collaboration and product development.

The Landscape Of Front-end Development Automation (Slides) - HTML5Rocks ...
updates.html5rocks.com

A resource for developers looking to put HTML5 to use today, including information on specific features and when to use them in your apps.

How to keep up to date on Front-End Technologies - The Recipe
uptodate.frontendrescue.org

How to keep up to date on Front-End Technologies - The Recipe

Easy Tips To Optimize Local Search For Targeted Traffic
www.1stwebdesigner.com

Local search is becoming more and more important because when you operate only locally, it is to your advantage to be found by your local cl

GuideGuide
www.guideguide.me

A columns, rows, and midpoints panel for Photoshop

Google Web Fonts Open Sans
www.google.com

Open Sans is a humanist sans serif typeface designed by Steve Matteson, Type Director of Ascender Corp. This version contains the complete 8

plusone-button
www.google.com

العربية, български, català, 中文 ‏(简体), 中文 ‏(繁體), hrvatski, čeština, dansk, Nederlands, English ‏(UK), English ‏(US), eesti, Filipino, suomi,

How do our favorite tech companies make money?
rcs.seerinteractive.com

Ever wonder how Spotify, Google Maps, Pandora, or Dropbox make money? Find out here...find out if they are profitable or not and how they ma

WordPress › Blog Tool and Publishing Platform
wordpress.org

WordPress.org. Home; Showcase; Extend. Plugins; Themes; Mobile. About; Docs; Blog; Forums; Hosting; Download. WordPress is web software you

imjustcreative | your creative logo &amp; brand identity designer
imjustcreative.com

Your creative logo &amp; brand identity designer. Producing finely tuned logos, identities &amp; rebrands. Iconic, typographic and minimali

FlexSlider - an awesome, fully responsive jQuery slider plugin.
flex.madebymufffin.com

FlexSlider is an awesome, fully responsive jQuery slider plugin, perfect for both beginners and seasoned pros.

Brands of the World™ | Download vector logos and logotypes
www.brandsoftheworld.com

Brands of the World is the world's largest library of brand logos in vector format available to download for free. BotW is also a great plac

Alertbox: Jakob Nielsen's Newsletter on Web Usability
www.useit.com

User research findings, Design guidelines for Web and intranet usability, Top-10 mistakes of Web design, How to write for the Web.

2011 #Freelance Industry Report (Free, must read!) @EdGandia #freelance...
www.internationalfreelancersday.com

2011 Freelance Industry Report Despite the meteoric growth in freelancing over the last decade, there is very little published information a

Google Web Fonts
www.google.com

Hundreds of free, open-source fonts optimized for the web. Just 3 quick steps between you and a good lookin&#39; website. 1. Choose: Search

Normalize.css: Make browsers render all elements more consistently.
necolas.github.com

Normalize.css is a customisable CSS file that makes browsers render all elements more consistently and in line with modern standards. We res

Think with Google
plus.google.com

Google’s take on fresh marketing insights and a look at what’s next