Posts Tagged:interactive

rfp-robotRFP ROBOT: Website Request for Proposal Generator

The time has come for a new website (or website redesign), which means you need to write a website request for proposal or web RFP. A Google search produces a few examples, but they vary wildly and don’t seem to speak really to your goals for developing or redesigning a new website. You need to write a website RFP that will clearly articulate your needs and generate responses from the best website designers and developers out there. But how?

Have no fear, RFP Robot is here. He will walk you through a step-by-step process to help you work through the details of your project and create a PDF formatted website design RFP that will provide the information vendors need to write an accurate bid. RFP Robot will tell you what info you should include, point out pitfalls, and give examples.


Let’s Talk About Speech CSS

Boston, like many large cities, has a subway system. Commuters on it are accustomed to hearing regular public address announcements. Riders simply tune out some announcements, such as the pre-recorded station stop names repeated over and over. Or public service announcements from local politicians and celebrities—again, kind of repetitive and not worth paying attention to after the first time. Most important are service alerts, which typically deliver direct and immediate information riders need to take action on. An informal priority A regular rider’s ear gets trained to listen for important announcements, passively, while fiddling around on a phone or zoning out after a hard day of work. It’s not a perfect system—occasionally I’ll find myself trapped on a train that’s been pressed into express service. But we shouldn’t remove lower priority announcements. It’s unclear what kind of information will be important to whom: tourists, new residents, or visiting friends and…

Read More →

Glue Cross-Browser Responsive Irregular Images with Sticky Tape

I recently came across this Atlas of Makers by Vasilis van Gemert. Its fun and quirky appearance made me look under the hood and it was certainly worth it! What I discovered is that it was actually built making use of really cool features that so many articles and talks have been written about over the past few years, but somehow don’t get used that much in the wild – the likes of CSS Grid, custom properties, blend modes, and even SVG. SVG was used in order to create the irregular images that appear as if they were glued onto the page with the pieces of neon sticky tape. This article is going to explain how to recreate that in the simplest possible manner, without ever needing to step outside the browser. Let’s get started! The first thing we do is pick an image we start from, for example, this…

Read More →

The Options for Programmatically Documenting CSS

I strongly believe that the documentation should be kept as close to the code as possible. Based on my experience, that’s the only option that works well in the long term. External documents, notes, and wikis all eventually get outdated, forgotten, and lost. Documentation is a topic that always bugs me. Working on poorly documented codebase is a ticking bomb. It makes the onboarding process a tedious experience. Another way to think of bad documentation is that it helps foster a low truck factor (that is, “the number of people on your team who have to be hit by a truck before the project is in serious trouble”). Recently I was on-boarded into a project with more than 1,500 pages of documentation written in… Microsoft Word. It was outdated and unorganized. A real disaster. There must be a better way! I’ve talked about this documentation issue before. I scratched the…

Read More →

Repeatable, Staggered Animation Three Ways: Sass, GSAP and Web Animations API

Staggered animation, also known as “follow through” or “overlapping action” is one of the twelve Disney principles of animation as defined by Ollie Johnston and Frank Thomas in their 1981 book “The Illusion of Life”. At its core, the concept deals with animating objects in delayed succession to produce fluid motion. The technique doesn’t only apply to cute character animations though. The Motion design aspect of a digital interface has significant implications on UX, user perception and “feel”. Google even makes a point to mention staggered animation in its Motion Choreography page, as part of the Material Design guide: While the topic of motion design is truly vast, I often find myself applying bits and pieces even in smallest of projects. During the design process of the Interactive Coke ad on Eko I was tasked with creating some animation to be shown as the interactive video is loading, and so…

Read More →

Creating a Design System Process with UXPin

There’s never a better time to work in software. Developers and designers are among the most desired people on the market. Companies all over the world seem to have a never-ending thirst for software experts. In 2003 the U.S. Bureau of Labor Statistics estimated the number of software engineers working in the US to be 677,900 people. In 2016, this number increased over 5× to 3,870,000. At the same time, design teams grew faster than software development. In the last 5 years, the design-developer ratio increased by an average of 2.5×. These changes put enormous pressure on designers and developers to take on more projects while delivering higher quality faster. But the challenge is that software development doesn’t scale easily. Scaling through hiring, without first putting standards in place, doesn’t usually end well. With every new hire, the technical and design debt increases. New ideas for color palettes, typography, patterns,…

Read More →

How to Build Your Own Alexa Service

With the recent introduction of Amazon and Google products that provide Ironman-esque voice control functionality, we’ve been wondering lately what this means for the future of human computer interactions. Always on the lookout for emerging technology to get ahead of, we decided to put a project together to see what these little devices are capable of. We had about 2 weeks before the three Viget offices were assembling for an all hands gathering, so we wanted to something both fun and interactive. What we ended up with was an Alexa service that could figure out which Viget employee you were thinking about. We called it: The Know It All Trying out our latest Viget team game using voice control. Can you guess who? More updates soon! cc @alexadevs @amazonecho #Alexa pic.twitter.com/M1YgCh3obj— Viget (@viget) June 13, 2017 There are a couple pieces to this puzzle – a Rails backend, a React…

Read More →

Oh No! Our Stylesheet Only Grows and Grows and Grows! (The Append-Only Stylesheet Problem)

This is a real worry these days. I’ve heard it from lots of lots of developers. The years tick by on their projects, and all they ever seem to do is add to their CSS, never remove. It’s not just a feeling, I’ve talked with companies before that track hard data on this. Over five years of tracking the size of their stylesheet, and all it’s ever done is tick upwards in size. This could be considered problematic for several reasons: Files getting bigger is worse for performance The developers are afraid of the CSS #2 being, in my opinion, a much bigger deal than #1. The overall file size of CSS is likely to be fairly small compared to things like image assets and even the JavaScript payload these days. Fancy tooling and the world’s internet speed ever-lurching faster will probably make #1 not that big of a deal.…

Read More →

Front-End Drupal Developer / Themer – Level Ten Interactive – Dallas, TX

LevelTen Interactive, a leading Drupal agency in Dallas, TX, is growing again and has a full-time position open for an experienced Drupal front-end developer….From Level Ten Interactive – Thu, 08 Jun 2017 08:32:17 GMT – View all Dallas, TX jobs Source: http://rss.indeed.com/rss?q=Drupal+Developer

Drupal Developer – Level Ten Interactive – Dallas, TX

Full time/part time/contract Drupal Developer job Dallas, TX/remote. LevelTen Interactive, a leading Drupal agency, has a full-time position for an experienced…From Level Ten Interactive – Thu, 08 Jun 2017 08:32:10 GMT – View all Dallas, TX jobs Source: http://rss.indeed.com/rss?q=Drupal+Developer

Interland: Be Internet Awesome

This is a neat resource for parents and kids to learn more about things like privacy and cyberbullying and the dangers of the digital world. They even have an interactive world for kids to learn some of the principles and mechanics of these types of situations. Take a look at their virtual playground: Interland. Reality River! Mindful Mountain! Tower of Treasure! Kind Kingdom! I won’t lie… this is good for kids but I’d venture to say that a lot of adults could use a quick reminder of some of these things as well. And the gameplay and graphics and musical score is actually quite good. Really impressed with the work done here! They even have a larger PDF guidebook and resource to download as well, which they are calling a “Digital Citizenship and Safety Curriculum”: You can download it directly here. The post Interland: Be Internet Awesome appeared first on John…

Read More →

Learn How ESPN Used Interactive Data to Chronicle LeBron's Journey

Today we kick off one of the most anticipated NBA Finals in history – the 3rd year in a row pitting the Cavaliers against the Warriors. It also means that one of basketball’s greatest players, LeBron James, is once again at the center of professional basketball’s biggest stage. Earlier this season, LeBron became one of the NBA’s top 10 all-time scorers. In order to capture the drama of the accomplishment and help fans analyze it, ESPN wanted to create an engaging and interactive experience powered by data. They turned to the data visualization experts at Viget to give life to this idea. We concepted, designed, and developed a dynamic, stats-based story that tracks LeBron’s rise from rookie to one of the best of all time. It even uses Kevin Pelton’s SCHOENE projection system to predict when he might make it to the No. 1 spot. It’s been one of our favorite projects…

Read More →

Build a Style Guide Straight from Sass

Last fall, our dev team wanted to get started with style guides. We had added a new member to the team, and as he was getting up to speed, we realized how lacking our project documentation was. If you’ve ever been a new developer on a team with weak documentation, you know how confusing it can be to try to familiarize yourself with a dozen projects without documentation. In deciding on a style guide method, we came up with two main requirements: Low Friction The style guide should be easy to find, easy to read, and easy to maintain. Something that fit into our existing development workflow would be awesome. Adding new directories for sample markup and documentation files would not be awesome. Platform Agnostic We work in WordPress, Drupal, and CakePHP most often, and we wanted something that would work the same way across all three platforms. We wanted…

Read More →

Build a Style Guide Straight from Sass

Last fall, our dev team wanted to get started with style guides. We had added a new member to the team, and as he was getting up to speed, we realized how lacking our project documentation was. If you’ve ever been a new developer on a team with weak documentation, you know how confusing it can be to try to familiarize yourself with a dozen projects without documentation. In deciding on a style guide method, we came up with two main requirements: Low Friction The style guide should be easy to find, easy to read, and easy to maintain. Something that fit into our existing development workflow would be awesome. Adding new directories for sample markup and documentation files would not be awesome. Platform Agnostic We work in WordPress, Drupal, and CakePHP most often, and we wanted something that would work the same way across all three platforms. We wanted…

Read More →

Production Progressive Web Apps with JavaScript Frameworks

This last week at Google I/O, Addy Osmani announced some amazing developer resources for creating Progressive Web Applications (PWAs) that prioritize performance with JavaScript Frameworks. This is a really valuable contribution to the community. A lot of people want better performance for their framework of choice but can’t get buy-in for time and resources to devote to this kind of endeavor. The ability to start with a baseline of high performance and good lighthouse scores is incredibly valuable, allowing developers to enjoy both the productivity and ergonomics of exciting frameworks, without sacrificing speed and user experience. Here are some of the highlights! Addy created a site to explore some of the templates that they built out with the different PWA solutions, as a successor to the very popular TodoMVC, called HN PWA. You can explore all of the demos and the GitHub repo here. He then went through some major…

Read More →

Technical Manager III – Guardian Life Insurance Company – New York, NY

Content Management Systems like WordPress, Drupal. He/She will work alongside business stakeholders, product owners, and developers to build highly interactive,…From Guardian Life Insurance Company – Thu, 18 May 2017 23:17:44 GMT – View all New York, NY jobs Source: http://rss.indeed.com/rss?q=Drupal+Developer

Senior PHP / Drupal Developer – Zurka Interactive LLC – Vienna, VA

Drupal database structure. Drupal Administration, Theming, APIs, and custom modules. We’re looking for an outstanding and experienced PHP and Drupal Developer…From Zurka Interactive LLC – Wed, 17 May 2017 10:11:21 GMT – View all Vienna, VA jobs Source: http://rss.indeed.com/rss?q=Drupal+Developer

PHP / Drupal Developer – Zurka Interactive LLC – Vienna, VA

Drupal 8 experience. Drupal Administration and Theming. We’re looking for an outstanding PHP and/or Drupal Developer to join a group of sharp people doing…From Zurka Interactive LLC – Wed, 17 May 2017 10:11:21 GMT – View all Vienna, VA jobs Source: http://rss.indeed.com/rss?q=Drupal+Developer

Senior PHP / Drupal Developer – Zurka Interactive – Vienna, VA

Drupal database structure. Drupal Administration, Theming, APIs, and custom modules. We’re looking for an outstanding and experienced PHP and Drupal Developer…From Indeed – Tue, 16 May 2017 11:36:44 GMT – View all Vienna jobs Source: http://rss.indeed.com/rss?q=Drupal+Developer

PHP / Drupal Developer – Zurka Interactive – Vienna, VA

Drupal 8 experience. Drupal Administration and Theming. We’re looking for an outstanding PHP and/or Drupal Developer to join a group of sharp people doing…From Indeed – Tue, 16 May 2017 11:34:29 GMT – View all Vienna jobs Source: http://rss.indeed.com/rss?q=Drupal+Developer

Back to Top