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.


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 →

What Comes Next Is the Future

Matt Griffin’s documentary about the web, now available to watch free on Vimeo. Direct Link to Article — Permalink What Comes Next Is the Future is a post from CSS-Tricks Source: CssTricks

Not Consciously What I Signed Up For…

Love this: Check out the organization behind it: Time Well Spent. The post Not Consciously What I Signed Up For… appeared first on John Saddington. Source: https://john.do/

An Introduction to mo.js

mo.js is a javascript library devoted to motion for the web. It offers a declarative syntax motion and the creation of elements for animation. Even though mo.js is still in beta, there is already a host of amazing features to play with. Its author, Oleg Solomoka (otherwise known as @legomushroom) creates incredibly impressive demos and tutorials for the library’s offerings that you should check out, but in this article we’ll run through a really quick overview of features and tutorials to get you started. Base premises mo.js basically offers two ways to make something that moves. You can do what other libraries do and reach inside the DOM or SVG DOM and move it, or you can create a special mo.js object, which has some really unique offerings. There are fundamental things available to both ways of working, such as custom path easing or timelines. The path easing and timelines…

Read More →

A Hideous Carbuncle

This is great (and hits me right in the tenders). My wife actually had a similar idea after hearing me complain, yet again, about another 1-star review from a user. To be sure, the “Mean Tweets” segment via Jimmy Kimmel might be his only good digital video series… The post A Hideous Carbuncle appeared first on John Saddington. Source: https://john.do/

Inventing the Temper-O-Meter, an IoT Marvel

We recently invented a one-of-a-kind installation that moves, illuminates, and constantly updates to show the predicted weather forecast for the next 15 hours at our different office locations (and more!). We call it “Ye Olde Future Temper-O-Meter,” and it seriously rocks. TL;DR; Here is a video showing how it works and how we made it: From the beginning, we knew it was going to be a little bit Harry Potter, a little bit steampunk, and a little bit of what the boss would allow. We envisioned a giant installation that could be mounted to the front of an old DJ booth leftover from our office’s past life as a… nightclub. We used a 5m LED strip to plot data and to control the position of those LEDs and then 3D-printed six custom gantries, stepper mounts, and screw-tension idler pulleys. We wanted to control the position as well as the color of the LED strip, so…

Read More →

Reframe.js Notes

FitVids.js is still a perfectly workable mini plugin for making videos (or anything) responsive. You need it, or something like it, for sites that have things like YouTube or Vimeo videos, Instagram embeds, or really anything that’s not responsive in the aspect-ratio sense. <img>/<video> resize their width/height in an aspect ratio friendly way, <iframe>/<canvas>/<object> do not. Reframe.js is kind of a modernized version of FitVids. It’s bower and npm friendly. You can require it. It doesn’t need jQuery. While they largely do the same thing, there are some slight differences: FitVids injects the CSS it needs while Reframe expects you to add it to your stylesheet. You call FitVids on a container to search for elements in. You give Reframe selectors directly. You can customize what gets found and filter with either. When we tweeted it, there were several responses along the lines of: Why would you use this when…

Read More →

Back to Top