Posts Tagged:Design

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.


15 Free Facebook Ad Templates For Every Type Of Campaign

Facebook Business makes it really easy to build an ad from scratch. All you have to do is choose a format, then fill it in with information about your business. The real challenge is to choose the right format for image and text. There are hundreds of ways you can design your ad with Facebook’s Read more Source: https://adespresso.com/feed/

Accessible Web Apps with React, TypeScript, and AllyJS

Accessibility is an aspect of web development that is often overlooked. I would argue that it is as vital as overall performance and code reusability. We justify our endless pursuit of better performance and responsive design by citing the users, but ultimately these pursuits are done with the user’s device in mind, not the user themselves and their potential disabilities or restrictions. A responsive app should be one that delivers its content based on the needs of the user, not only their device. Luckily, there are tools to help alleviate the learning curve of accessibility-minded development. For example, GitHub recently released their accessibility error scanner, AccessibilityJS and Deque has aXe. This article will focus on a different one: Ally.js, a library simplifying certain accessibility features, functions, and behaviors. One of the most common pain points regarding accessibility is dialog windows. There’re a lot of considerations to take in terms of…

Read More →

A Look Back at Viget’s First Apprenticeship Cohort

This week, our first cohort of apprentices wrap up their 10 week-long Viget experience.  The apprentices are filling out feedback surveys, their advisors are preparing their final review lunches, and Erica is starting to connect with applicants for our next cohort.  Before we all move on to our next challenge, I want to take a step back and reflect on our program design and the exceptional folks who joined in our first official cross-disciplinary apprenticeship class. Our Program We designed the Viget apprenticeship program with three main areas for learning, each one reinforcing the other: Discipline-specific learning & trainingGlobal curriculumClient work Discipline-specific learning & training Each apprentice had a dedicated mentor with whom they met each week. Mentors were responsible for helping apprentices ramp up on specific skills with increasing levels of autonomy. This discipline-specific training was provided 1:1 and was based on the apprentice’s knowledge and needs. For example,…

Read More →

Move Slowly and Fix Things

Synoptic Table of Physiognomic TraitsRuminations on the heavy weight of software design in the 21st century.Recently I took a monthlong sabbatical from my job as a designer at Basecamp. (Basecamp is an incredible company that gives us a paid month off every 3 years.)When you take 30 days away from work, you have a lot of time and headspace that’s normally used up. Inevitably you start to reflect on your life.And so, I pondered what the hell I’m doing with mine. What does it mean to be a software designer in 2018, compared to when I first began my weird career in the early 2000s?The answer is weighing on me.As software continues to invade our lives in surreptitious ways, the social and ethical implications are increasingly significant.Our work is HEAVY and it’s getting heavier all the time. I think a lot of designers haven’t deeply considered this, and they don’t appreciate the real-life effects of…

Read More →

Simple trend?

Photo by PriwoIt’s getting to be that season of 2018 trend spotting. Someone recently asked me if I saw a trend in software becoming simpler…I was a kid and my father oddly started coming home late at night from work. Worried, I asked my mom what he was up to. She told me he was working “overtime”.My dad, a commercial real estate agent, was putting in extra hours to close some deals so he could afford to buy our first VCR and microwave.And when he did, they were glorious. I couldn’t wait to go to the video store with my dad. My family would sit in front of the TV each with our own bowl of popcorn. Everything was right with the world.Except, one thing.The clock was always blinking. If the VCR ever lost power, and I wasn’t around to set the clock, my parents couldn’t ever figure out how to set the thing.…

Read More →

Text Input with Expanding Bottom Border

Petr Gazarov published a pretty rad little design pattern in his article Text input highlight, TripAdvisor style. It’s a trick! You can’t really make an <input> stretch like that, so Petr makes a <span> to sync the value too, which acts as the border itself. The whole thing is a React component. If you’re willing to use a <span contenteditable> instead, you could do the whole thing in CSS! See the Pen Outline bottom by Chris Coyier (@chriscoyier) on CodePen. Although that also means no placeholder. Direct Link to Article — Permalink Text Input with Expanding Bottom Border is a post from CSS-Tricks Source: CssTricks

CSS Code Smells

Every week(ish) we publish the newsletter which contains the best links, tips, and tricks about web design and development. At the end, we typically write about something we’ve learned in the week. That might not be directly related to CSS or front-end development at all, but they’re a lot of fun to share. Here’s an example of one those segments from the newsletter where I ramble on about code quality and dive into what I think should be considered a code smell when it comes to the CSS language. A lot of developers complain about CSS. The cascade! The weird property names! Vertical alignment! There are many strange things about the language, especially if you’re more familiar with a programming language like JavaScript or Ruby. However, I think the real problem with the CSS language is that it’s simple but not easy. What I mean by that is that it…

Read More →

The All-Powerful Sketch

Sketch is such a massive player in the screen design tooling world. Over on the Media Temple blog I take a stab at some of the reasons I think that might be. Direct Link to Article — Permalink The All-Powerful Sketch is a post from CSS-Tricks Source: CssTricks

ARIA is Spackle, Not Rebar

Much like their physical counterparts, the materials we use to build websites have purpose. To use them without understanding their strengths and limitations is irresponsible. Nobody wants to live in an poorly-built house. So why are poorly-built websites acceptable? In this post, I’m going to address WAI-ARIA, and how misusing it can do more harm than good. Materials as technology In construction, spackle is used to fix minor defects on interiors. It is a thick paste that dries into a solid surface that can be sanded smooth and painted over. Most renters become acquainted with it when attempting to get their damage deposit back. Rebar is a lattice of steel rods used to reinforce concrete. Every modern building uses it—chances are good you’ll see it walking past any decent-sized construction site. Technology as materials HTML is the rebar-reinforced concrete of the web. To stretch the metaphor, CSS is the interior…

Read More →

Rules of Business

Photo by Daniela ReySomeone asked me if I had any rules of business I follow. I have quite a few, but I shared a handful with them.Learn to tell a storyI have a three year old daughter. At night she pleads for a story I make up before she goes to bed. After food and shelter were taken care of, it’s wild how important stories became. When you make something, no matter what you create, success often depends on your ability to tell a good story.Don’t wait to build an audienceWho are you going to tell that story to? Too many start their businesses backwards. They wait years for THE idea. Make it. Now, have the stress of finding people who care. Reverse it. Start finding people who care now. Build an audience while you’re still flailing around. You’ll be glad you didn’t waste the time upfront.Play it longMany of us fear we’ve peaked. We’ve reached the…

Read More →

Building Flexible Design Systems

Yesenia Perez-Cruz talks about design systems that aren’t just, as she puts it, Lego bricks for piecing layouts together. Yesenia is Design Director at Vox, which is a parent to many very visually different brands, so you can see how a single inflexible design system might fall over. Successful design patterns don’t exist in a vacuum. Direct Link to Article — Permalink Building Flexible Design Systems is a post from CSS-Tricks Source: CssTricks

Learn to build a Drupal 8 website in our hands-on class (Dec 1, 2017)

Start:  2017-12-01 13:00 – 16:30 America/Los_Angeles Organizers:  douglaschoffman rich.yumul Event type:  Training (free or commercial) https://www.eventbrite.com/publish?crumb=bc5ad05c34d076&eid=39665241806 INTRO TO DRUPAL 8 The Drupal open-source content management system (CMS) powers more than one million websites and more than twelve percent of the top 100,000 according to BuiltWith. Join us for an introduction to Drupal 8 websites. Hosted by Sagetree, a forward thinking digital agency, crafting compelling brands, using technology and creativity to help you grow. DETAILS: When: Friday December 1st, 2017 from 1:00pm – 4:00pmWhere: Regus @ Gateway Chula Vista, 333 H Street, Suite 5000, Chula Vista, California, 91910What to bring: Wi-Fi enabled laptop with a web browser to participate in the hands on labs This workshop will examine Drupal website architecture, design, site building, theming, module development and data visualization. DRUPAL CONCEPTS Users, roles and permissionsMenu systemContent typesTaxonomiesViews AGENDA 1:00pm – Introductions 1:15pm – Install Drupal 81:30pm – Build basic Drupal 8 site2:00pm – Define taxonomies2:30pm – Define content types3:00pm…

Read More →

Designing Tables to be Read, Not Looked At

Richard Rutter, in support of his new book Web Typography, shares loads of great advice on data table design. Here’s a good one: You might consider making all the columns an even width. This too does nothing for the readability of the contents. Some table cells will be too wide, leaving the data lost and detached from its neighbours. Other table cells will be too narrow, cramping the data uncomfortably. Table columns should be sized according to the data they contain. I was excited to be reminded of the possibility for aligning numbers with decimals: td { text-align: “.” center; } But the support for that is non-existent as best I can tell. Another tip, using font-variant-numeric: lining-nums tabular-nums; does have some support. Tables can be beautiful but they are not works of art. Instead of painting and decorating them, design tables for your reader. Direct Link to Article —…

Read More →

Make Your Website Fresh Again With These 7 Tips

Back in the day when websites were all about content, web design wasn’t too much of an issue. As long as you had amazing content, the overall look of your website wouldn’t matter. Of course, times are a-changin’, and keeping your website fresh and updated is now a default strategy for any site owner. Site visitors have become more meticulous in choosing the company and brand to patronize, based on the websites that they visit. More than textual content and aesthetically pleasing web design, keeping your website fresh is of utmost importance to retain customers and encourage potential clients. If your website has been around for a while – and you’ve been using the same design and theme for years – maybe it’s time for a little upgrading. Especially when your site begins to get a steady increase in traffic, returning visitors may want to see the same outstanding features…

Read More →

Keeping Up With The Kardashians — The Secret To Their Success

Today I woke up to the headline that Khloé Kardashian brought her own lighting gear and crew to her driver’s license photo.How silly. How vain. Khloé wanted her new ID photo to be better than what comes “out of the box”. The author of the article advised readers that if you pull a move like this “expect people to make fun of you.”But, I think that’s actually the biggest secret to the Kardashian family’s success…In 1968, Bibb Latané and John Darley, professors of Psychology at Columbia and New York University respectively, performed an experiment. They would put a test subject in a room and have that subject answer a questionnaire. But then they created an emergency. The room would start to fill with smoke from a vent. No alarms. No one else in the room. Just a growing uncomfortable amount of smoke.75% of the test subjects reported the smoke. It’s a little surprising it’s…

Read More →

A Marketer’s Guide to APIs & API-First Design

What is the key to great marketing today? If you guessed ‘agility’ give yourself a pat on the back. Source: https://www.phase2technology.com/feed/

How Do You Focus?

Especially when you have a lot to doPhoto by Tim GouwA friend of mine, Lachlan Campbell, recently asked me how I focus, especially when there’s so much going on. It’s a great question and I’m sure very apropos to Lachlan’s life. He’s a student, budding entrepreneur, and just a busy busy person.One thing I know is that the most common advice is to “turn off distractions”. There’s software to measure your time. Uninstall apps. Hack your computer’s DNS to make sure when you visit a site like Hacker News it ends up doing nothing. These all have a valid place.But I think there’s a meta problem that needs to be solved first.When I was a sophomore in high school I was insanely stressed out. As a freshman, I had the number one rank so I felt a lot of pressure to keep my grades sky high. I was a decent volleyball player, practiced all year…

Read More →

10 Web Design Choices That Can Kill Your Clients’ Search Ranking

As a web designer, there’s no getting away from your responsibility to make design choices with SEO in mind. Your clients want their sites to rank well in search engines – there’s not much point in having one otherwise – and this means we sometimes have to make compromises. Compromise really is the key term, too. There’s no perfect way to design a website for search and your all your other priorities (user experience, conversions, etc.). You have to make the call on a number of design choices and come to the best overall result you can. Here are 10 design choices to avoid for the sake of your clients’ search ranking. Indexability killers The first thing to think about with search optimisation indexability and there are a number of potential issues you can come across as a designer. #1: One page, too much content Even basic apps like IFTTT and Pocket break…

Read More →

Sketching Interfaces

From the same team that worked on the incredibly wild idea of using React to make Sketch documents comes an even wilder idea: Sketching seemed like the natural place to start. As interface designers, sketching is an intuitive method of expressing a concept. We wanted to see how it might look to skip a few steps in the product development lifecycle and instantly translate our sketches into a finished product. In other words, a camera looks at the sketches, figures out what design patterns are being insinuated, and renders them in a browser. I wouldn’t doubt design tooling gets this sophisticated in coming years. Mostly I think: if your design team is this forward thinking and experimental, you’ve done a fantastic job putting a team together. Hopefully you can keep them happy designing travel websites, or somehow pivot to design tooling itself. Direct Link to Article — Permalink Sketching Interfaces…

Read More →

Back to Top