Posts Tagged:Google Chrome

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.

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 →

Making the web easier and safer with the Web Authentication standard

Firefox 60 was released a few weeks ago and now comes with support for the upcoming Web Authentication (WebAuthn) standard. Other major web browsers weren’t far behind. Yesterday, the release of Google Chrome 67 also included support for the Web Authentication standard. I’m excited about it because it can make the web both easier and safer to use. Supporting for the Web Authentication standard will make the web easier, because it is a big step towards eliminating passwords on the web. Instead of having to manage passwords, we’ll be able to use web-based fingerprints, facial authentication, voice recognition, a smartphone, or hardware security keys like the YubiKey. It will also make the web safer, because U2F will help reduce or even prevent phishing, man-in-the-middle attacks, and credential theft. If you are interested in learning more about the security benefits of the Web Authentication standard, I recommend reading Adam Langley’s excellent…

Read More →

Google Chrome Issues Final Warning on HTTPS by @martinibuster

Chrome issued a final warning to remaining websites that have not switched over to HTTPS. October 2018 is the date of major changes.The post Google Chrome Issues Final Warning on HTTPS by @martinibuster appeared first on Search Engine Journal. Source:

Google Chrome to Prevent Videos With Sound From Autoplaying by @MattGSouthern

Google’s latest version of Chrome for desktop will disable most videos with sound from playing automatically.The post Google Chrome to Prevent Videos With Sound From Autoplaying by @MattGSouthern appeared first on Search Engine Journal. Source:

Understanding Web Fonts and Getting the Most Out of Them

Thierry Blancpain is a brand and interaction designer at Informal Inquiry in New York City and co-founder of Grilli Type, a Swiss type foundry. While this article is generally applicable to all web fonts, Grilli Type fonts are used throughout as examples of the concepts, particularly those demonstrating OpenType features. Using your own fonts instead of system fonts is getting easier, but it’s still an evolving field. We’ll go over the different types of font formats and cover tips and best practices for them in this post. We’ll also dive into more in-depth features for those of you who want to level up and aim to perfect the craft with advanced concepts and considerations when using web fonts. In the end, you’ll hopefully feel equipped not only to put web fonts to use but to get the most out of them. Here we go! Font Formats When you purchase web…

Read More →

Google Chrome Will Automatically Clean Up Messy URLs by @MattGSouthern

Google’s latest version of Chrome deals with the problem of messy URLs by cleaning them up before they’re shared.The post Google Chrome Will Automatically Clean Up Messy URLs by @MattGSouthern appeared first on Search Engine Journal. Source:

Google Chrome Ad Blocker Guide: Everything You Need to Know by @MattGSouthern

Google now has an ad blocker built into Chrome. Here’s everything you need to know about how it works.The post Google Chrome Ad Blocker Guide: Everything You Need to Know by @MattGSouthern appeared first on Search Engine Journal. Source:

Google Engineer Lists 4 Powerful Reasons Why Sites Should Upgrade to HTTPS by @martinibuster

Google Chrome engineer shares four powerful reasons why sites should migrate to HTTPS.The post Google Engineer Lists 4 Powerful Reasons Why Sites Should Upgrade to HTTPS by @martinibuster appeared first on Search Engine Journal. Source:

A Short History of WaSP and Why Web Standards Matter

In August of 2013, Aaron Gustafson posted to the WaSP blog. He had a bittersweet message for a community that he had helped lead: Thanks to the hard work of countless WaSP members and supporters (like you), Tim Berners-Lee’s vision of the web as an open, accessible, and universal community is largely the reality. While there is still work to be done, the sting of the WaSP is no longer necessary. And so it is time for us to close down The Web Standards Project. If there’s just the slightest hint of wistful regret in Gustafson’s message, it’s because the Web Standards Project changed everything that had become the norm on the web during its 15+ years of service. Through dedication and developer advocacy, they hoisted the web up from a nest of browser incompatibility and meaningless markup to the standardized and feature-rich application platform most of us know today.…

Read More →

Your Trackpad Can Do More

For those who make a living on the computer, aspiring to be a power user is a no-brainer. We tend to associate that term with things like keyboard shortcuts, and, at Viget, we unsurprisingly are huge fans of incorporating them into our workflow to speed things up. Seriously. We’ve written about it a lot. Keyboard shortcuts are undeniably important, but they’re not our only option to boost efficiency. What about when your hands aren’t on the keys? If you’re using your right hand to scroll down this page right now, what would be the quickest way to switch tabs? If that hand is resting on a trackpad, the answer should be obvious — yet, inexplicably, we’ve been conditioned to think of that magical rectangle as capable of just a select few actions. Let’s change that. BetterTouchTool is an inexpensive macOS menu bar app from Andreas Hegenberg that allows you to…

Read More →

Google Chrome Has a New Barcode Scanning Shortcut by @MattGSouthern

With the latest update to Chrome on iOS, there is now a shortcut on the keyboard for scanning barcodes.The post Google Chrome Has a New Barcode Scanning Shortcut by @MattGSouthern appeared first on Search Engine Journal. Source:

Switching Your Site to HTTPS on a Shoestring Budget

Google’s Search Console team recently sent out an email to site owners with a warning that Google Chrome will take steps starting this October to identify and show warnings on non-secure sites that have form inputs. Here’s the notice that landed in my inbox: The notice from the Google Search Console team regarding HTTPS support If your site URL does not support HTTPS, then this notice directly affects you. Even if your site does not have forms, moving over to HTTPS should be a priority, as this is only one step in Google’s strategy to identify insecure sites. They state this clearly in their message: The new warning is part of a long term plan to mark all pages served over HTTP as “not secure”. Current Chrome’s UI for a site with HTTP support and a site with HTTPS The problem is that the process of installing SSL certificates and…

Read More →

Building Performant Expand & Collapse Animations

It’s starting to be pretty common knowledge that there are only 2 things you can animate cheaply in CSS: opacity and transforms. Anything else, you run a high risk of that animation/transition being choppy. Fortunately, there is a ton of animation possibility with those properties, especially since transform can move and resize elements any-which-way. You can even get tricky and fake the animating of other properties with transforms. In this tutorial on the Google Chrome Developers Blog, Paul Lewis and Stephen McGruer explain how you can use a vertical scale transform to fake a height animation, while simultaneously triggering a vertical scale transform the other direction so nothing looks squished. It’s clever, performant, and useful. I moved a copy to CodePen to play with. It sure is a bunch of code for such a simple result, though. What I’d prefer to do as a developer is just have that click…

Read More →

Using DevTools to Tweak Designs in the Browser

Let’s look at some ways we can use the browsers DevTools to do design work. There are a few somewhat hidden tricks you mind find handy! Toggling Classes With Checkboxes This is useful when trying to pick a design from different options or to toggle the active state of an element without adding the class manually in DevTools. To achieve this, we could use different classes and scope styles inside them. So if we want to see different options for a banner design, we could so something like: .banner-1 { /* Style variation */ } .banner-2 { /* Style variation */ } Google Chrome gives us the ability to add all of these classes and toggle (show/hide) them with a checkbox to make a quick comparison between them. See the demo Pen. Editing Content with designMode Web content is dynamic, so our design should be flexible and we should test…

Read More →

Mozilla’s Light-Weight Web Design Tools

Inspired Magazine Inspired Magazine – creativity & inspiration daily Without any doubt, during the past five years, Google Chrome has emerged as the dominant force in the browser war for desktop users and (obviously) mobile users alike.  Developers, on the other hand, being more tech-savvy and security-conscious than the average user, have a tendency to prefer Firefox.  Indeed all security-focused distros feature Firefox as the browser of choice rather than Chromium, even though the latter is also open source and free in every sense of the word. Fortunately the adherence to web standards means that the browser most developers are using is mostly compatible with the browser most ordinary users are using.  This is important because it means something developed in Firefox is 99% of the time going to work flawlessly in Chrome.  Internet Explorer is no longer a priority for most developers because it’s seen as a fringe browser…

Read More →

Google Is Requiring HTTPS for Secure Data in Chrome by @SEOBrock

Does your site collect sensitive visitor information such as passwords, credit card information, or personal data? If so, be warned: by the end of January 2017, Google Chrome will begin marking sites without HTTPS as non-secure. Why does this matter and how does it affect your site?The post Google Is Requiring HTTPS for Secure Data in Chrome by @SEOBrock appeared first on Search Engine Journal. Source:

Facebook Ad Custom Audiences: Everything You Need To Know – 2017 UPDATE

We all agree: Facebook Custom Audiences are one of – if not the most – essential tools for successful Facebook advertising campaigns. In this post, we will go through everything you need to know about Custom Audiences – from set up to advanced implementation to tactics. If you’re short on time, or want this information offline, download the fully updated free ebook: The Ultimate Guide to Facebook Custom Audiences. If you’re already well versed in Facebook Custom Audiences, feel free to skip around within the article. Here’s the table of contents: How To Create a Facebook Custom Audience Types of Custom Audiences How To Create a “Customer List” Custom Audience How To Create a Website Custom Audience How To Create an App Activity Audience How To Create an Engagement Custom Audience How To Create a Lookalike Audience Targeting Facebook Ads to Custom Audiences 3 Ways To Boost Your Campaigns with Custom Audiences Advanced Custom Audiences with AdEspresso…

Read More →

Why You Should Use Micro-Interactions In Your Website

Micro-interactions are small details that refer to engagement of users to their devices as natural as it comes when viewing a particular page on a website.  Examples of common micro-interactions include the following: Pull-to-refresh feature of some mobile apps Vibration when the mobile phone is set to Mute A pop-up animation when a particular action is done Some of the most basic micro-interactions that we encounter regularly are able to do the following: Instant feedback or a display of results after doing a specific action Accomplishment of individual tasks, such as liking a post or pressing a Save button Prevention of user-initiated errors Settings modification Unknowingly for the user, these micro-interactions may come in the form of interesting and fun designs, but can also be extremely formal depending on the kind of design or theme that the company would like to use for their website. Some designers would make it…

Read More →

Mozilla Releases Firefox 4 Beta 1

They say that good things happen to those who wait, and it seems like we’ve waited long enough: Mozilla has released the first Beta version of Firefox 4. As the world’s second most popular web browser, the release of Firefox 4 (which you can download here) has been widely anticipated for close to a year. It’s release last week marks the first of many beta versions to come (new versions are set to roll out every 2-3 weeks) with the official release at the end of 2010.

Back to Top