Posts Tagged:Flash

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.

A Look Back at the History of CSS

When you think of HTML and CSS, you probably imagine them as a package deal. But for years after Tim Berners-Lee first created the World Wide Web in 1989, there was no such thing as CSS. The original plan for the web offered no way to style a website at all. There’s a now-infamous post buried in the archives of the WWW mailing list. It was written by Marc Andreessen in 1994, who would go on to co-create both the Mosaic and Netscape browsers. In the post, Andreessen remarked that because there was no way to style a website with HTML, the only thing he could tell web developers when asked about visual design was, “sorry you’re screwed.” 10 years later, CSS was on its way to full adoption by a newly enthused web community. *W**hat happened along the way?* Finding a Styling Language There were plenty of ideas for…

Read More →

Full-Stack Product Developer – Treeline Interactive – San Diego, CA

Treeline Interactive is searching for a Web Developer to join our growing Development Team. Flash, PHP, Python, Javascript, Node.js, Drupal, Laravel, WordPress,…From Treeline Interactive – Sat, 23 Sep 2017 06:46:46 GMT – View all San Diego, CA jobs Source:

Boston Drupal Meetup Considers Distributions

The topic was “Distributions” at the September Boston Drupal Meetup, which was held at Acquia HQ in downtown Boston, and attendees were treated to an unusually comprehensive session. That’s because Drupal Project Lead Dries Buytaert kicked off the meeting by going waaay back, to the very first Drupal “distro.” To back up a bit, a distribution is a combination of Drupal core + modules + configuration + documentation — all bundled up and optimized for a particular purpose or group of users. And the very first distro, according to Dries: DeanSpace, the campaign management system used by Howard Dean during his brief, but notable, campaign for President of the United States in 2004. At the time, Drupal was relatively unknown, and DeanSpace gave the platform a boost. Ever since, Dries said, he’s been bullish about distributions: they help Drupal get into new places, and they reduce the burden of selecting…

Read More →

Crafting Webfont Fallbacks

There is a great bit in here where Glen uses Font Style Matcher to create some CSS for a fallback font that has font-size, line-height, font-weight, letter-spacing, and word-spacing adjusted so perfectly that when the web font does load, the page hardly shifts at all. Like barely noticeable FOUT. Maybe we’ll call it FOCST (Flash of Carefully Styled Text). Direct Link to Article — Permalink Crafting Webfont Fallbacks is a post from CSS-Tricks Source: CssTricks

More Gotchas Getting Inline SVG Into Production—Part II

The following is a guest post by Rob Levin and Chris Rumble. Rob and Chris both work on the product design team at Mavenlink. Rob is also creator and host of the SVG Immersion Podcast and wrote the original 5 Gotchas article back in ’14. Chris, is a UI and Motion Designer/Developer based out of San Francisco. In this article, they go over some additional issues they encountered after incorporating inline SVGs in to Mavenlink’s flagship application more then 2 years ago. The article illustrations were done by Rob and—in the spirit of our topic—are 100% vector SVGs! Wow, it’s been over 2 years since we posted the 5 Gotchas Getting SVG Into Production article. Well, we’ve encountered some new gotchas making it time for another follow up post! We’ll label these 6-10 paying homage to the first 5 gotchas in the original post 🙂 Gotcha Six: IE Drag &…

Read More →

Introducing Microcosm: Our Data Layer For React

One of my favorite things about working in client-services is the interval with which we start new work. As a React shop, this means we build a lot of new apps from the ground up. Along the way, we’ve distilled what we’ve learned and baked it into a tool that I, finally, want to talk about. Microcosm is our general purpose tool for keeping React apps organized. We use it to work with application state, split large projects into manageable chunks, and as the guiding star for our application architecture. Before I go too much further: check it out the project on Github! In this post, I’ll provide a high level overview of Microcosm and some of the features I find particularly valuable. At a glance Microcosm was born out of the Flux mindset. From there it draws similar pieces: Actions Actions are a general abstraction for performing a job.…

Read More →

Aspect Ratio Boxes

I had a little situation the other I needed to make one of those aspect-ratio friendly boxes. This isn’t particularly new stuff. I think the original credit goes as far back as 2009 and Thierry Koblentz’s Intrinsic Ratios and maintained popularity even for other kinds of content with articles like Uncle Dave’s Ol’ Padded Box. Let’s go on a little journey through this concept, as there is plenty to talk about. The Core Concept: padding in percentages is based on width Even when that is a little unintuitive, like for vertical padding. This isn’t a hack, but it is weird: padding-top and padding-bottom is based on an element’s width. So if you had an element that is 500px wide, and padding-top of 100%, the padding-top would be 500px. Isn’t that a perfect square, 500px × 500px? Yes, it is! An aspect ratio! If we force the height of the element…

Read More →

Senior Web Developer – Treeline Interactive – San Diego, CA

Treeline Interactive is searching for a Web Developer to join our growing Development Team. Flash, PHP, Python, Javascript, Node.js, Drupal, Laravel, WordPress,…From Treeline Interactive – Mon, 24 Apr 2017 23:11:59 GMT – View all San Diego jobs Source:

Avoidable Design Flaws That Can Hurt Your Site

Inspired Magazine Inspired Magazine – creativity & inspiration daily The web was supposed to get better,  that was the promise.  And you’d think it would have, with all the increased awareness of accessibility and usability considerations.  But strangely enough, we’re more than 25 years in, and things are actually getting worse in general.  How could this be so? It can’t be blamed on education.  Every course in Internet Design and Development worth its salt covers the fundamentals of good design principles, usability, and accessibility.  It can’t be blamed on the engineering standards, because the W3C guidelines are stricter and more clearly defined than ever before.  Nor can it be blamed on technology, because the technology is more supportive of developing high quality sites, not less. No, the answer to this paradox is actually quite simple.  It’s because designers have had their power stripped away by the demands of marketers and…

Read More →

19 Amazing Native Advertising Ad Examples

It’s easy to hear the phrase “native advertising” and think, “Psh.” Native advertising can sometimes get a bad reputation, especially when advertisers (or publishers) make big mistakes with how and what kind of content they present. Case in point: The Atlantic being forced to eat crow and repent after publishing an editorial that appeared like it was written by the Atlantic editorial team, but in reality came from the Church of Scientology. Certainly bad PR, but it did inspire some good spinoffs. Now there are reports that the FTC plans to force publishers to explicitly signpost when native advertisements exist alongside normal content. #FakeNews is the mantra of the day. Despite this, there’s still one very good reason to not give up on native ads. Why people are wrong about native advertisements One of the big criticisms of native ads hinges on the fact that they “look” like normal content…

Read More →

Regular or 360°? Both! Our Top 29 Amazing Facebook Video Ads

It’s no secret that Facebook’s video ads are a powerful marketing tool. Forbes reported in November of 2015 that video had the most reach out of any post on the network, and Fortune reported that Facebook users watch about four billion video streams a day. 360° video came right on the heels of this regular video boom. From comparisons to virtual reality to early adoption by big brands, 360° emerged as a challenger to the supremacy of video ads. But luckily, you don’t have to choose between regular or 360° video ads — you can harness the power of both. With Facebook advertising bigger than ever on mobile, and more time spent consuming video than ever before, here are 30 amazing video ads to inspire you to kick off with one, the other, or both. 1. LG G5 Phone release To launch their flagship smartphone, LG made a short video…

Read More →

Case study: How complexity creeps in

Seemingly inconsequential decisions can open the door to significant organizational and operational complexityLately we’ve been on a bit of a tear internally working to eliminate operational complexity from our business.Complexity is like addiction… It comes on slowly, forming weak bonds that you can barely feel. But as it continues, the bonds strengthen quietly until they calcify and become hard to break.Removing operational complexity involves eliminating manual busy work, bottlenecks, dependencies, promises to placate, and a whole host of other things.I want to share an actual example in our business of how a couple small design decisions lead to significant operational complexity.Basecamp EnterpriseIn Basecamp 3, we used to offer a Basecamp Enterprise plan. Basically it’s a higher priced, annual-only offering with a few extras tossed in. The red flag here is “with a few extras tossed in”.In order to differentiate and justify the value of a higher priced offering, we added a few line…

Read More →

New in Basecamp 3: Jump Menu

Any time we launch a new feature in Basecamp, the support team likes to keep track of what customers say about it after release. When we launched the new Home screen a few months ago, customers loved it, but missed the easy access to switching between projects they had with the previous Basecamps menu.Well, Kris, one of our designers, got up and nothing got him down. He heard the call and pitched a Jump menu at the beginning of this month to help users get to where they need in a flash. While I figured this was a small project and not likely to take a full cycle, I was surprised and delighted by how quickly it went from pitch to feature.Only 80s kids will understand.Now, you can jump quickly between projects, from anywhere in Basecamp. It’s as easy as hitting Command-J (Mac) or Ctrl-J (Windows). The jump menu will pop…

Read More →

Why the Macbook Pro’s Touch Bar Will Be an Amazing Ad Platform

Even at AdEspresso, we can’t think about Facebook and Instagram ads all the time. But we are always thinking about how to reach new customers and grow your business. So when Apple revealed their new Touch Bar, we immediately wondered, can you advertise on this thing?! After putting our heads together, we realized that yes, you can in fact advertise on Touch Bar — but it won’t be traditional advertising. After all, this is an integral part of a keyboard, not a scrolling banner in Times Square. Apple isn’t going to let you flash your name and logo across someone’s computer. Advertising on the Touch Bar will need to be a little bit more clever than that, which is where a technique called engineering as marketing comes in. Just keep on reading! Don’t worry — it’s not as intimidating as it sounds, and you’re about to get a crash course. Engineering as…

Read More →

Hot or Not? Do these 3 Annoying Lead Capturing Tactics Work?

We’ve all seen them. Clicked them. Declined them. Ignored them. And then got pissed off by them. So many damn distractions; from a welcome mat to a pop-up to a slide-in, before another F-ing pop-up takes over your screen again. All before you can even read a single sentence of that blog post you came here for originally (which you already forgot what it was about). So… what gives? Does their performance override how annoying they are? Let’s see. How Pop-Ups Became a ‘Thing’ The nineties were known for many things. Chief among them: ugly denim, bad music, and Birkenstocks. (Wait – why are 90’s happening again?!) was one of the early ‘dot com’ companies who relied almost exclusively on advertisements to bring visibility to their college graduate content and services. ‘Cept one day, things got… messy. Here’s a direct quote from Wikipedia that explains where the inspiration behind the banner ad came from…

Read More →

I totally forgot about print style sheets

Manuel Matuzovic rediscovers @media print {} styles. The first thing he shows in this article is a tweet by Aaron Gustafson in which Indiegogo’s website is pretty jacked up for print. It basically looks like a site in which none of the CSS loads at all, which is probably because they wrap all their styles in @media screen {}, or use <link rel=”stylesheet” media=”screen” href=”style.css”>. That’s fine if you intend to take a “start from scratch” approach to print styles. I generally prefer just not scoping screen styles and using a couple of print-scoped overrides (a “blacklist” instead of a “whitelist”). Manuel pointed out that you can use Chrome DevTools to emulate print media, which is pretty dang useful! Here’s a quick video of that: That screenshot of Indiegogo’s site also goes to show how inline SVG (or any images, I suppose) can get a little crazy if you don’t…

Read More →

Native Browser Copy To Clipboard

It wasn’t that long ago where you couldn’t programmatically copy text to the clipboard from the web without using Flash. But it’s getting pretty well supported these days. IE 10+, Chrome 43+, Firefox 41+, and Opera 29+, says Matt Gaunt in writing about it on Google’s developer site. Here’s the example from that article: See the Pen Copy Text with a Button (Google Example) by Chris Coyier (@chriscoyier) on CodePen. That article says it’s not supported in Safari, but it is as of Safari 10, which only dropped in September. You don’t need a library to do this stuff, as evidenced by the above demo. But, there is one: clipboard.js. It’s only 3kb gzipped. The purpose is to give you a bit of a cleaner API to work with, like success and error events, and configuration through data-* attributes. Here’s a demo of that: See the Pen Simplest Possible Clipboard.js…

Read More →

Back to Top