Category Archive for: Vimeo

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.


CSS-in-JS: FTW || WTF?

I enjoyed Bruce Lawson’s talk on this holiest of wars. It’s funny and lighthearted while being well researched and fairly portraying the good arguments on both sides. The post CSS-in-JS: FTW || WTF? appeared first on CSS-Tricks. Source: CssTricks

AIGA 50 Winners

Viget is honored to be recognized among the winners of AIGA DC’s biennial design competition and exhibition. The AIGA 50 judges selected our work for ESPN’s LeBron’s Journey and the Ad Council & AARP’s Ace Your Retirement among the Washington D.C. area’s best 50 pieces across all categories from the past two years. Here’s a little more about Viget’s winning entries: LeBron’s Journey When you’re ESPN, and LeBron James becomes one of the Top-10 points leaders in NBA history, you’re going to have something to say about it. To mark the event, we began collaborating with ESPN’s editorial team to design something unique. We knew we needed to capture the drama of the accomplishment and highlight the stats that underscored its significance. The interactive experience we created lets fans track LeBron’s journey from draft day to present day, and offers some predictions about what it will take to become the greatest…

Read More →

How to Add a Preview Image to WordPress Videos

WordPress makes adding videos easy. However, many WordPress users don’t realize that they can make their videos more attractive. In particular, it often helps to add a preview image to your videos. An eye-catching preview image can really draw attention to your video. If you allow the preview image be chosen automatically, you can often end up with a snapshot taken at a bad moment in the video. Please note, this will only work with videos that you have directly uploaded and stored in WordPress. This won’t work with WordPress YouTube, WordPress Vimeo, or WordPress Wistia videos. This tutorial will show you how to add a custom preview image to your WordPress videos. [[ This is a content summary only. Visit http://OSTraining.com for full links, other content, and more! ]] Source: https://www.ostraining.com/

Make Your Site Faster with Preconnect Hints

Requesting an external resource on a website or application incurs several round-trips before the browser can actually start to download the resource. These round-trips include the DNS lookup, TCP handshake, and TLS negotiation (if SSL is being used). Depending on the page and the network conditions, these round-trips can add hundreds of milliseconds of latency, or more. If you are requesting resources from several different hosts, this can add up fast, and you could be looking at a page that feels more sluggish than it needs to be, especially on slower cellular connections, flaky wifi, or congested networks. One of the the easiest ways to speed up your website or application is to simply add preconnect hints for any hosts that you will be requesting assets from. These hints essentially tell the browser what origins will be used for resources, so that it can then prep things by establishing all…

Read More →

Embed a Youtube Player as a Media Asset Into CKEditor in Drupal 8

The new media capabilities in Drupal allow you create a media library with all kinds of media assets and use these assets everywhere. One way to use them is to embed these assets directly into CKEditor. In this tutorial, I will show you how to pull a video from Vimeo with the Video Embed Field module. You will only need to store the video URL on your Drupal site. This will come in handy for a lot of site editors. Let’s start! [[ This is a content summary only. Visit http://OSTraining.com for full links, other content, and more! ]] Source: https://www.ostraining.com/

Getting Ready for Web Video

Inspired Magazine Inspired Magazine – creativity & inspiration daily Video is one of those really contentious points about web design. There are some people who feel like web pages should not have embedded video at all. These people are wrong. Like any technology, however, we should respect it and not abuse it. The two worst things you can do are: AutoPlay videos, without express consent from the user Embed too many videos in one page Both of these things are likely to cause annoyance to users and should be avoided unless you have a very good reason. Knowing what not to do will only get you so far. The rest of your online video success story will depend on knowing the things you ought to do, which is what we’ll cover in the rest of this article. Video categories There are six different types of videos that are commonly used…

Read More →

4 Reasons to Go PRO on CodePen

I could probably list about 100 reasons, since as a founder, user, and (ahem) PRO member of CodePen myself, I’m motivated to do so. But let me just list a few here. Some of these are my favorites, some are what PRO members have told us are their favorite, and some are lesser-known but very awesome. 1) No-hassle Debug View Debug View is a way to look at your the Pen you’ve built with zero CodePen UI around it and no <iframe> containing it. Raw output! That’s a dangerous thing, in the world of user-generated code. It could be highly abused if we let it go unchecked. The way it works is fairly simple. You can use Debug View if : You’re logged in The Pen is PRO-owned Logging in isn’t too big of a deal, but sometimes that’s a pain if you just wanna shoot over a Debug View…

Read More →

An update on the Media Initiative for Drupal 8.4/8.5

In my blog post, “A plan for media management in Drupal 8”, I talked about some of the challenges with media in Drupal, the hopes of end users of Drupal, and the plan that the team working on the Media Initiative was targeting for future versions of Drupal 8. That blog post is one year old today. Since that time we released both Drupal 8.3 and Drupal 8.4, and Drupal 8.5 development is in full swing. In other words, it’s time for an update on this initiative’s progress and next steps. 8.4: a Media API in core Drupal 8.4 introduced a new Media API to core. For site builders, this means that Drupal 8.4 ships with the new Media module (albeit still hidden from the UI, pending necessary user experience improvements), which is an adaptation of the contributed Media Entity module. The new Media module provides a “base media entity”.…

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

Night at the Garden: Disconcerting

“Disconcerting” is a word I use a lot. How do I know? Because my 11-year old has started using it… a lot. Funny how that works. The following video is disconcerting… probably more than that, but, it was the very first word that popped into my head: In 1939, New York’s Madison Square Garden was host to an enormous—and shocking—gathering of 22,000 Americans that has largely been forgotten from our history. Read more about this here and here. We shouldn’t forget these types of things so easily. The post Night at the Garden: Disconcerting appeared first on John Saddington. Source: https://john.do/

How Different CMS’s Handle Content Blocks

Imagine a very simple blog. Blog posts are just a title and a paragraph or three. In that case, having a CMS where you enter the title and those paragraphs and hit publish is perfect. Perhaps some metadata like the date and author come along for the ride. I’m gonna stick my neck out here and say that title-and-content fields only is a CMS anti-pattern. It’s powerful in its flexibility but causes long-term pain in lack of control through abstraction. Let’s not have a conversation about CMS’s as a whole though, let’s scope this down to just that content area issue. Now imagine we have a site with a bit more variety. We’re trying to use our CMS to build all sorts of pages. Perhaps some of it is bloggish. Some of it more like landing pages. These pages are constructed from chunks of text but also different components. Maps!…

Read More →

The reason why Acquia supports Net Neutrality

If you visit Acquia’s homepage today, you will be greeted by this banner: We’ve published this banner in solidarity with the hundreds of companies who are voicing their support of net neutrality. Net neutrality regulations ensure that web users are free to enjoy whatever sites they choose without interference from Internet Service Providers (ISPs). These protections establish an open web where people can explore and express their ideas. Under the current administration, the U.S. Federal Communications Commision favors less-strict regulation of net neutrality, which could drastically alter the way that people experience and access the web. Today, Acquia is joining the ranks of companies like Amazon, Atlassian, Netflix and Vimeo to advocate for strong net neutrality regulations. Why the FCC wants to soften net neutrality regulations In 2015, the United States implemented strong protections favoring net neutrality after ISPs were classified as common carriers under Title II of the Communications…

Read More →

The reason why Acquia supports Net Neutrality

If you visit Acquia’s homepage today, you will be greeted by this banner: We’ve published this banner in solidarity with the hundreds of companies who are voicing their support of net neutrality. Net neutrality regulations ensure that web users are free to enjoy whatever sites they choose without interference from Internet Service Providers (ISPs). These protections establish an open web where people can explore and express their ideas. Under the current administration, the U.S. Federal Communications Commision favors less-strict regulation of net neutrality, which could drastically alter the way that people experience and access the web. Today, Acquia is joining the ranks of companies like Amazon, Atlassian, Netflix and Vimeo to advocate for strong net neutrality regulations. Why the FCC wants to soften net neutrality regulations In 2015, the United States implemented strong protections favoring net neutrality after ISPs were classified as common carriers under Title II of the Communications…

Read More →

Getting Started with Acquia Cloud CD

The engineers at Acquia recently launched Acquia Cloud CD, a set of developer tools to automatically and continuously assure the quality of Drupal applications on Acquia Cloud. To help you get started with these powerful tools, Acquia Learning Services has created a task-oriented, hands-on tutorial, to walk you through implementing continuous integration for your Drupal application. This tutorial includes four in-depth lessons that will help you create a development workflow that spins up a new environment for each pull request. The lessons are: Installing the CD pipelines client Locally Defining a Build Integrating GitHub CD Environments At the end of these lessons your team will be able to perform manual reviews and execute automated tests before the code is merged — as described in the video below: Check out the full Getting Started with Acquia Cloud CD tutorial at docs.acquia.com Source: http://dev.acquia.com/

Container Query Discussion

Right now, we have the power to write CSS that only applies when the browser window itself is at certain widths or heights. Breakpoints, as it were. Super useful. What we don’t have (natively) is the ability to write conditional CSS based on any particular elements (or “containers”) properties. It’s going on 2 years since the RICG decided to tackle this. I’m not exactly sure what the status is there. It seems a bit on pause, but that doesn’t mean the entire discussion is on pause. From what I hear, and echo, the refrain amongst front-end devs is: if I had container queries available, 90% of the media queries I write would be container queries. The thought being, you’re usually trying to adjust some particular element’s properties that are tied to something a bit more scoped than the entire browser window. Ethan Marcotte recently wrote: I don’t want to suggest…

Read More →

Add Responsive YouTube and Vimeo Videos to Any Website

YouTube, Vimeo and other video hosts make it easy to embed their players in your own website. However, Youtube, Vimeo and others don’t provide responsive videos by default. In this short tutorial, we’ll show you how to make YouTube, Vimeo and other videos responsive in your website, using just a few lines of CSS. [[ This is a content summary only. Visit http://OSTraining.com for full links, other content, and more! ]] Source: https://www.ostraining.com/

Looking Back at SXSW 2017 with Viget

If you were in Austin last week, you may have seen us running around, giving workshops, or enjoying some local eats. SXSW 2017 was a blast, and we were able to catch up with friends and the latest tech. Here’s a quick teaser of our trip: Themes We arrived on the festival’s first day to fantastic weather and the smell of delicious tacos. There were thousands of talks during the interactive segment, covering many different topics. However, there were a few popular themes that stood out: Virtual, Augmented, and Mixed Reality (VR/AR/MR) Last year, we said Virtual, Augmented, and Mixed Reality would blow up, and we saw some ingenious uses of these technologies. Related products were highlights of the expo, and many speakers focused on the intersection of immersive storytelling and VR/AR/MR. Innovators are now using this technology to sell homes, share immersive journalism, enhance music experiences, explore space, and…

Read More →

Building Your Platform and Governance Plan for Acquia Site Factory

Acquia Cloud Site Factory (ACSF) makes creating, managing, and deploying hundreds of content-rich sites fast and hassle free. ACSF’s powerful toolset allows non-technical teams to easily create and manage new sites that form the moving pieces in an organization’s strategy. But as sites are built, a bigger vision begins to take shape, and the need for a controllable Drupal platform underlying the many sites arises. Which modules will be available to site builders? How can you make sure each marketing group is using the best solution to each problem? How do you keep your codebase under control? These and similar question boil down to: how do you build, govern, operationalize and maintain a platform? If these questions apply to you, you’ll love the Tech Talk video below — you’ll learn: What the business needs to know about ACSF as a product What expectations should be set up front with the…

Read More →

Back to Top