Posts Tagged:Apps

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.

Apple Design Awards 2017

I love reviewing not only the winning apps (and downloading many of them) but this year they’ve shared a number of pictures of the teams and the people behind the apps that make it all so magical. The human aspect is what gets me the most as I’m perennially-curious about the stories of the folks that choose to build apps, especially those that consider themselves indie developers. The pictures are a fantastic look at behind-the-scenes: It kind of reminds me that these folks are just like you and me… that aren’t super-human but with great technology, a vibrant ecosystem and marketplace, a well-executed idea, and a lot of luck they can do quite well. Congrats! The post Apple Design Awards 2017 appeared first on John Saddington. Source:

Stay Away From These User Interface Design Mistakes

The importance of creating a functional site should not be ignored. No matter how the website is beautifully made, yet does not create interest in the site visitors, the website is doomed from the start. In other words, every aspect of the website must engage the visitor, and it all starts with great user interface design. The Importance of User Interface Design for Business Websites Web designers should always keep in mind to provide a functional site that can easily generate interest among the website visitors to create a steady traffic influx. The type of user interface design plays a significant role in driving in a high volume of web traffic. Therefore, carefully deciding which design to use should be of utmost concern. In this day and age, e-commerce has been enjoying a steady growth, raking in sales worth billions of dollars each year. This is the reason why a…

Read More →

Fun with Viewport Units

Viewport units have been around for several years now, with near-perfect support in the major browsers, but I keep finding new and exciting ways to use them. I thought it would be fun to review the basics, and then round-up some of my favorite use-cases. What are viewport units? Four new “viewport-relative” units appeared in the CSS specifications between 2011 and 2015, as part of the W3C’s CSS Values and Units Module Level 3. The new units – vw, vh, vmin, and vmax – work similarly to existing length units like px or em, but represent a percentage of the current browser viewport. Viewport Width (vw) – A percentage of the full viewport width. 10vw will resolve to 10% of the current viewport width, or 48px on a phone that is 480px wide. The difference between % and vw is most similar to the difference between em and rem. A…

Read More →

Bringing Research Home

Any designer who has created a personal portfolio site knows that your toughest client is always yourself. Recently, we have felt particularly sympathetic to the plight of designing for yourself because we have been taking an introspective look at our own site and messaging. We wanted to understand how potential clients perceive and evaluate Viget in their search for an agency partner and the role that our website plays in shaping that impression. We wanted to see our brand and our site through the lens of a potential client, a person getting a first introduction to Viget. To do that, we applied the same research methods we employ for client projects to our own questions. Creating a Setting for Direct Feedback Having conversations with prospective and current clients is something we do all the time. Typically though, those conversations are initiated by the business development team or account managers, people who are heavily involved in…

Read More →


Kelly Sutton has written a post called Deletability and I’ve been thinking about it all day and how his ideas relate to writing CSS: By working with code, we see that modularity and deletability are closely related. Properly modularized code is easy to delete. Writing deletable code is writing good code. Apparently, this is a common approach to writing software although I’ve never heard of this concept when taken to the front-end side of things. But! I think it should be a goal for us to have in mind when we’re naming classes or building complex layouts. And after mulling over this idea all day I think that questions like “can I throw this code away easily?” should be a measuring stick for whether we’re doing a good job at writing CSS. For example, a while back I was working on a project where the style of one checkbox element…

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 →

Mobile Solutions Developer – Metropolitan Washington Airports Authority – Crystal City, VA

Mobile Solutions Developer. Experience developing apps with Hypertext Preprocessor (PHP), Drupal, Drupal Content Management System, Mobile Enterprise…From Metropolitan Washington Airports Authority – Fri, 26 May 2017 22:08:25 GMT – View all Crystal City, VA jobs Source:

What is the Future of Front End Web Development?

I was asked to do a little session on this the other day. I’d say I’m underqualified to answer the question, as is any single person. If you really needed hard answers to this question, you’d probably look to aggregate data of survey results from lots of developers. I am a little qualified though. Aside from running this site which requires me to think about front end development every day and exposes me to lots of conversations about front end development, I am an active developer myself. I work on CodePen, which is quite a hive of front end developers. I also talk about it every week on ShopTalk Show with a wide variety of guests, and I get to travel all around going to conferences largely focused on front end development. So let me take a stab at it. Again, disclaimers: This is non-comprehensive These are just loose guesses…

Read More →

The Tools of an HTML Email Workflow

Last week’s ShopTalk Show was all about HTML Email. It’s such a fascinating subject, as technically it is front-end web development, but it almost feels like a bizarro alternate universe. We have dozens of browsers to worry about, they have hundreds of clients to consider. We worry about whether fancy new APIs are supported, they worry about whether padding is supported. We have grid layout, they have…. grid layout?! It’s tempting to make the joke: “It’s coding like it’s 1999!”, but as we talk about in this episode, that’s not really true. Aside from all that, another thing I thing fascinating are all the tools involved. Lemme think this out. Creation Tools: Bare Metal You can create an email with just HTML. I’m sure quite a lot of HTML email is created this way. Open code editor, create HTML email, send HTML email. I know I’m tempted by this and…

Read More →

Are we making the web too complicated?

Exactly as I did the other week, Laurie Voss saw a tweet about the complication of front-end development and responded. From the outside, front end development in 2017 looks pathologically overcomplicated. Is this a fair perception? If so, why is it happening? — Pinboard (@Pinboard) May 21, 2017 The replies to Maciej’s tweet are interesting to read. They fall roughly into two camps: Older/not front-end developers: because the web is shit! Current front-end developers: because shit is hard! As is often the case, both camps are correct! The web is a shitshow of wheel reinvention and bad APIs. It’s also a blizzard of innovation. Expectations for what a website should be able to do have evolved enormously. Users expect snappy, desktop-like responsiveness and rich presentation in web apps. They also expect those same web apps to work equally well on mobile devices. And they expect these apps to load basically…

Read More →

Zen and the Art of Legacy Web App Maintenance

Before we jump into the nerdy bits here, let’s take a moment to honor the true thinker of Zen, author Robert M. Pirsig, who passed away April 24th, 2017. Quality . . . you know what it is, yet you don’t know what it is. But that’s self-contradictory. But some things are better than others, that is, they have more quality. But when you try to say what the quality is, apart from the things that have it, it all goes poof! — Robert M. Pirsig, Zen and the Art of Motorcycle Maintenance We make a lot of websites and web apps here at Viget. And since we don’t like to hand off our work and tell clients to get lost, we’ve found ourselves maintaining a decent amount of large codebases over the years. While the mere uttering of the words “legacy code” can send developers running for the hills,…

Read More →

The Next Real Estate Frontier: Relieving Buyer Anxiety

Few life events bring such trepidation, anxiety, and stress than purchasing a home. The process is complex and littered with vocabulary and legalese that makes even the most intelligent person feel like a child. From the perspective of the buyer, the process seems to be an endless stream of disjointed tasks, many of which have potential to derail the entire purchase. Add the financial implications and fear brought on by the previous housing crash, and it’s easy to see why buyers are waiting longer than previous generations to purchase a home. OBSERVATIONS FROM 2007-PRESENT I am currently in the midst of my second home purchase, and I can attest that many of these same feelings still exist despite having some knowledge of what to expect. And while technology played a bigger role this time in our home search, little progress has been made to assuage the feelings described above. By…

Read More →

Making Custom Properties (CSS Variables) More Dynamic

CSS Custom Properties (perhaps more easily understood as CSS variables) provide us ways to make code more concise, as well as introduce new ways to work with CSS that were not possible before. They can do what preprocessor variables can… but also a lot more. Whether you have been a fan of the declarative nature of CSS or prefer to handle most of your style logic in JavaScript, Custom Properties bring something to the table for everyone. Most of the power comes from two unique abilities of Custom Properties: The cascade The ability to modify values with JavaScript Even more power is exposed as you combine Custom Properties with other preexisting CSS concepts, like calc() . The Basics You can use Custom Properties to do effectively what variables in preprocessors like Sass provide – set a global or scoped variable value, and then use it later in your code. But…

Read More →

A Month without Twitter

Just over a month ago I finally, permanently, quit twitter. And ohhhhh emmmmm ggggggggeeeee… it’s been #!$!#@ fantastic. I share a few more thoughts via my vlog yesterday: I think the most important thing that I’ve come away with is the powerful reminder that these tools that we use, every single day, come and go and our ability to make clear and coherent decisions around them based on value is easier said than done. We stick around older networks and use older technologies for a lot of different reasons and we justify our reasons of sticking with them really, really well. And we often convince ourselves foolishly, falling into the “sunk cost fallacy” telling ourselves that we’ve invested so much time and energy and money and resources that we couldn’t possibly leave them now! But that’s bogus and childish. It also limits our ability to engage with bigger and more exciting opportunities.…

Read More →

Adobe XD vs. Sketch Comparison For The Best UX Design

In the world of UX design, using the best software can make a huge difference. In the past, Adobe Photoshop has been lording it over other graphics design software as the go-to app for making amazing UX design. However, Mac-based app Sketch is steadily gaining ground as a powerful UX design software. Adobe has made several improvements to make it useful for UI designing. Now, Adobe Photoshop has Artboards, Smart Guides, and an overall improved export workflow. However, the main drawback of Photoshop is that it’s primarily a photo editing tool. This is the reason why Adobe Experience Design CC (or Adobe XD) was born: to offer a purely UX-generating tool. In this article, we will look into the two popular UX design apps and what their respective strengths and weaknesses are. Comparison of Adobe XD and Sketch OS Compatibility Sketch is only available for MacOS users. Adobe XD, on…

Read More →

CSS Custom Properties and Theming

We posted not long ago about the difference between native CSS variables (custom properties) and preprocessor variables. There are a few esoteric things preprocessor variables can do that native variables cannot, but for the most part, native variables can do the same things. But, they are more powerful because of how they are live-interpolated. Should their values ever change (e.g. JavaScript, media query hits, etc) the change triggers immediate change on the site. Cool, right? But still, how actually useful is that? What are the major use cases? I think we’re still seeing those shake out. One use case, it occurred to me, would be theming of a site (think: custom colors for elements around a site). Rather than writing different CSS for a bunch of different themes, or writing JavaScript that targets all the elements we intend to change and changing them), we just write one base set of…

Read More →

Jousting with Jekyll

One responsibility of the support team here at Highrise is to maintain our Extras page.What’s the Extras page?It’s a list of all the 3rd party products that integrate with Highrise. Almost all were built by the 3rd party using the Highrise API.This page is important for current and future customers because people use more than one product to get their work done. And these integrations can often save people tons of time.But it became an absolute pain to manage for us.Why?There are a whopping 63 different listings on the Extras page right now. Requests to add new listings, update current listings, and remove old listings started to add up.The Highrise marketing site is maintained using the static-site generator Jekyll. It gives our team control over our content, it works fast, and it’s not a feature heavy dynamic CMS like WordPress.Jekyll is simple. And powerful . . . if you know how to use that power.The Extras page was just a…

Read More →

Back to Top