Mobile | Austin Drupal Development and Support | Drupal Development Austin

Posts Tagged:mobile

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.

LinkedIn to Integrate Groups into the Mobile App by @MattGSouthern

LinkedIn plans to bring Groups back to mobile by integrating the feature into its flagship app.The post LinkedIn to Integrate Groups into the Mobile App by @MattGSouthern appeared first on Search Engine Journal. Source:

Practical CSS Scroll Snapping

CSS scroll snapping allows you to lock the viewport to certain elements or locations after a user has finished scrolling. It’s great for building interactions like this one: Live Demo Browser support and basic usage Browser support for CSS scroll snapping has improved significantly since it was introduced in 2016, with Google Chrome (69+), Firefox, Edge, and Safari all supporting some version of it. This browser support data is from Caniuse, which has more detail. A number indicates that browser supports the feature at that version and up.DesktopChromeOperaFirefoxIEEdgeSafari69No6311*18*11Mobile / TabletiOS SafariOpera MobileOpera MiniAndroidAndroid ChromeAndroid Firefox11.0-11.2NoNoNoNo60 Scroll snapping is used by setting the scroll-snap-type property on a container element and the scroll-snap-align property on elements inside it. When the container element is scrolled, it will snap to the child elements you’ve defined. In its most basic form, it looks like this: <div class=’container’> <section class=’child’></section> <section class=’child’></section> <section class=’child’></section> … </div>…

Read More →

An Event Apart

Just the other day in a Slack group I hang out in someone asked “what web design events is everyone going to and loving?” An Event Apart is always my immediate answer. I’ve gotten to speak a number of An Event Apart events, which is an incredible honor and always a good time. So from that perspective, I love it. I can tell you that it’s the most well-run conference I go to that gets all the details right. But I’ve also attended An Event Apart as a paying attendee and loved that. There is something about An Event Apart that gets the speakers to really bring their A-game, and you get to watch that A-game over and over for a couple of days. Upcoming Events in 2018: July 30 – August 1: Washington DC August 27 – 29: Chicago October 8 – 10: Orlando December 10 – 12: San…

Read More →

The possibilities of the color-adjust property

The Open Web continues to show up in places we would have never originally expected to find it: our phones, televisions, watches, books, video game consoles, fast food menus, gas pumps, elevators, cars—even our refrigerators. By not making too many or too strict assumptions about how the web should be used, it remains flexible and adaptable. These qualities have allowed it to outperform closed technologies like Flash and Silverlight. With the web’s growth comes new features to better accommodate its new form factors and use cases. One feature I’m excited about is the color-adjust property, proposed in CSS Color Module Level 4. It is an acknowledgement that the web will continue to show up on devices that have less-than-stellar displays. There are two values for color-adjust: economy and exact. A value of exact tells the browser it shouldn’t make adjustments to the colors declared in the stylesheet: .card { background-color:…

Read More →

The Cost of JavaScript in 2018

Even though we mentioned it earlier, I thought this outstanding post by Addy Osmani all about the performance concerns of JavaScript was still worth digging into a little more. In that post, Addy touches on all aspects of perf work and how we can fix some of the most egregious issues, from setting up a budget to “Time-to-Interactive” measurements and auditing your JavaScript bundles. Embrace performance budgets and learn to live within them. For mobile, aim for a JS budget of < 170KB minified/compressed. Uncompressed this is still ~0.7MB of code. Budgets are critical to success, however, they can’t magically fix perf in isolation. Team culture, structure and enforcement matter. Building without a budget invites performance regressions and failure. Super specific and super practical! Surprisingly, Addy mentions that “the median webpage today currently ships about 350KB of minified and compressed JavaScript,” which seems like an awful lot lower than I’d…

Read More →

How to Block Poor Performing Ad Placements in Apps Using a Script

Here’s an AdWords script you can use to automatically limit ads from showing on poorly performing mobile apps.The post How to Block Poor Performing Ad Placements in Apps Using a Script appeared first on Search Engine Journal. Source:

Why Advertisers Must Make Brand Safety on Mobile Devices a Top Priority by @cchaitanya

Here’s why and how advertisers should prioritize brand safety on mobile devices – plus actionable tips to combat ad fraud.The post Why Advertisers Must Make Brand Safety on Mobile Devices a Top Priority by @cchaitanya appeared first on Search Engine Journal. Source:

Sticky, Smooth, Active Nav

Just like the title says! Here’s a sidebar navigation bar that… Uses sticky positioning. It stays on the screen when it can, but won’t overlap the header, footer, or ever make any of it’s links inaccessible. Scrolls smoothly to the sections you click to. Activates the current nav based on scroll position (it’s a single page thing). See the Pen Sticky, Smooth, Active Nav by Chris Coyier (@chriscoyier) on CodePen. Sticky It’s easy to toss position: sticky; top: 0; on something. But for it to work, it’s gotta be within a taller parent element. So, the unordered list (<ul>) within the navigation (<nav>) works great here. Thanks to the CSS grid layout, the <nav> is as tall as the <main> content area. However, note that that we also gotta position: -webkit-sticky; for iOS. I also tossed in a magic number for the vertical media query so that it doesn’t stick…

Read More →

Acquia a leader in 2018 Gartner Magic Quadrant for Web Content Management

Today, Acquia was named a leader in the 2018 Gartner Magic Quadrant for Web Content Management. Acquia has now been recognized as a leader for five years in a row. Acquia recognized as a leader, next to Adobe and Sitecore, in the 2018 Gartner Magic Quadrant for Web Content Management.Analyst reports like the Gartner Magic Quadrant are important because they introduce organizations to Acquia and Drupal. Last year, I explained it in the following way: “If you want to find a good coffee place, you use Yelp. If you want to find a nice hotel in New York, you use TripAdvisor. Similarly, if a CIO or CMO wants to spend $250,000 or more on enterprise software, they often consult an analyst firm like Gartner.”. Our tenure as a top vendor is not only a strong endorsement of Acquia’s strategy and vision, but also underscores our consistency. Drupal and Acquia are…

Read More →

New in Basecamp 3: Image Galleries

At Basecamp, we write a lot—from announcements to pitches, and everything in between.Quite often, we’re presenting something that has a Before and After, like a mockup or interface design that’s been revised. Until now, this was always kind of frustrating. Basecamp only supported full-width images, so it could be difficult to quickly compare two images at once.Today we’ve added support for side-by-side image galleries inside written posts!This is a subtle but substantial change: galleries support and enhance your writing by making it more fluid, expressive, and precise. They’re great for sharing screenshots, comparisons, mockups, sketches, photos, and so on.Here’s how it works.Creating a GalleryIn any rich text field in Basecamp 3, you can make a gallery of images by uploading multiple images at the same time. You can do that in the file-browser dialog, or by dragging and dropping files into Basecamp directly.Dragging images to make a galleryWhen you do that, Basecamp will automatically group the images…

Read More →

The trick to viewport units on mobile

Viewport units have always been controversial and some of that is because of how mobile browsers have made things more complicated by having their own opinions about how to implement them. Case in point: should the scrollbar be taken into account for the vw unit? What about a site’s navigation or page controls — should those count in the calculation? Then there are physical attributes of the devices themselves (hello, notch!) that can’t be overlooked. First, a little context The spec is pretty vague about how viewport units should be calculated. With mobile devices, we’re often concerned with the vertical height, so let’s look specifically at viewport height (vh): vh unit Equal to 1% of the height of the initial containing block. So yeah, no clear guidance there when it comes to handling device and browser-specific differentiations. vh was initially calculated by the current viewport of your browser. If you…

Read More →

Google’s ‘Speed Update’ Has Minimal Impact on Search Results by @MattGSouthern

Google’s latest mobile search algorithm update, called the “Speed Update,” has reportedly had little-to-no impact on search results.The post Google’s ‘Speed Update’ Has Minimal Impact on Search Results by @MattGSouthern appeared first on Search Engine Journal. Source:

Sometimes `sizes` is quite important.

Paraphrased question from email: I just read your article Responsive Images: If you’re just changing resolutions, use srcset. In the age of “responsive websites,” srcset does not help in certain situations. For example, I have a popular products slider. On mobile, I have one image per slide where the images are 320px wide. On desktop, I have six images per slide where each is 160px wide. So the desktop images are smaller on desktop, not bigger. How do I handle this situation with srcset? I tried to be careful with that post title: “If you’re just changing resolutions, use srcset.” In this case, we’re changing the size of the images not just at certain resolutions, but at specific breakpoints as well, which means we’re also going to need to use the sizes attribute to get the most out of responsive images. The entire job of the sizes attribute is to…

Read More →

Brizy Review: Visual Page Building Reinforced

Meta: This Brizy Page Builder review covers everything you need to know about the WordPress plugin, with focus on how it would potentially impact your business. Well, of course, we love WordPress for its usability, and most importantly, its wide array of third-party plugins optimized for pretty much everything to do with websites. Come to think of it, we could spend a fortnight comparing different plugin categories, debating about the most essential one. However, if you’re honest, you’d acknowledge that nothing comes close to web design plugins especially when it comes to ecommerce sites. Consider this. The first impression visitors have of your website is 94% related to its overall design. That’s according to a study conducted by Northumbria and Sheffield Universities. The University of Surrey, on the other hand, released a separate report revealing that users’ assessment of your business’ credibility is 75% based on the website design. And…

Read More →

Comment éviter et contourner HADOPI ? Tutoriel simple et rapide.

HADOPI a été fondé en 2009 afin de lutter contre le téléchargement et le partage de fichiers torrents non libres de droit en P2P. Pendant des années, cette autorité s’est faite très discrète et n’a mené qu’à quelques petites condamnations représentant une pincée de sel par rapport aux dépenses. Cependant, depuis quelques mois, la ministre de la culture ne cesse de donner plus de puissance à HADOPI qui va bientôt s’attaquer au DDL et au streaming. Comment faire pour contourner HADOPI ? Comment télécharger sans risque ? C’est ce que nous allons voir dans cet article. Résumé de notre article[wpsm_toplist h1] Comment se protéger pour télécharger et contourner HADOPI ? Chaque année, ce sont encore plus de 16 millions de Français qui téléchargent de manière illégale. Cela signifie aussi bien télécharger des musiques, des vidéos, des logiciels ou autres lorsque ceux-ci ne sont pas libres de droit. Parmi ces 16…

Read More →

Of Note: Better Text Annotations for the Web

The Current Standard People have annotated texts since they had texts to annotate. Annotations clarify, contextualize, and complement a subject. An Xiao Mina points out that “Annotation is motivated by the human need to talk and explain; in this way, annotation provides a structure for extending or depicting the meaning of things in the world.” At their best, they illuminate subtle meanings; at their worst, they distract from the drift of their referent. Putting aside the question of when and how to use them, the way annotations are designed influences the experience of reading — for better or worse. This is as true for the Web as it is for print. Yet online annotations nearly always mimic patterns from print that are shaped more by the constraints of production than by the content and the experience of reading. On the Web, annotation patterns solve a content problem (showing secondary text) yet create reading…

Read More →

The Apple App Store

The Apple App Store is now 10 years old and, for many of us, we can’t imagine life without it. For me, being part of the much smaller population that has fully participated in all that the App Store has to offer (e.g. launching apps for download and sale into it) I couldn’t be more grateful for what Apple has done in this department. Being part of the larger mobile revolution (or evolution…?) has transformed my thinking permanently in regards to business-building, product design and development, customer support and even sales and marketing. And, having access to a global audience has been incredibly rewarding and has resulted in some pretty decent results. The App Store is now a big part of my story and I’m, again, so grateful for it. 9to5Mac has a great post on the design evolution of the store and some of the apps that launched with…

Read More →

Google Introduces the “Mobile Speed Score,” Grading Pages on a 10-point Scale by @MattGSouthern

Google introduced a new way to evaluate mobile page speed, with a report that grades pages on a 10-point scale.The post Google Introduces the “Mobile Speed Score,” Grading Pages on a 10-point Scale by @MattGSouthern appeared first on Search Engine Journal. Source:

Google Introduces the “Mobile Speed Score,” Grading Pages on a 10-point Scale by @MattGSouthern

Google introduced a new way to evaluate mobile page speed, with a report that grades pages on a 10-point scale.The post Google Introduces the “Mobile Speed Score,” Grading Pages on a 10-point Scale by @MattGSouthern appeared first on Search Engine Journal. Source:

Back to Top