Category Archive for: 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.

How Will Mobile Page Speed Impact Your Google Rankings & UX? by @wburton27

Page speed will be a mobile search ranking factor on Google. Here’s what you can do to prepare.The post How Will Mobile Page Speed Impact Your Google Rankings & UX? by @wburton27 appeared first on Search Engine Journal. Source:

Article Performance Leaderboard

A clever idea from Michael Donohoe: pit websites against each other in a performance battle! Donohoe is a long-time newsroom guy, so this is specifically about article pages for major publications. Lets state the obvious, this is an imperfect and evolving measure and the goal is to foster discussion and rivalry in making our pages better, faster, and lighter. Bear in mind this was built as an internal tool at Hearst Newspapers to track changes as we rollout our new Article template on mobile for SFGate and eventually all sites (SF Chronicle, Houston Chronicle, Times Union, etc). Developers, designers, and product need to talk more on how to achieve this. A 1,700 word article might weigh 10KB but by the time you load HTML, JS, CSS, images, 3rd-parties, and ads, it can range between 2MB to 8MB depending on the web site. Bear in mind, the first Harry Potter ebook…

Read More →

Stimulus 1.0: A modest JavaScript framework for the HTML you already have

Modern JavaScript doesn’t have to mean single-page, client-side MVC apps.We write a lot of JavaScript at Basecamp, but we don’t use it to create “JavaScript applications” in the contemporary sense. All our applications have server-side rendered HTML at their core, then add sprinkles of JavaScript to make them sparkle.This is the way of the majestic monolith. Basecamp runs across half a dozen platforms, including native mobile apps, with a single set of controllers, views, and models created using Ruby on Rails. Having a single, shared interface that can be updated in a single place is key to being able to perform with a small team, despite the many platforms.It allows us to party with productivity like days of yore. A throwback to when a single programmer could make rapacious progress without getting stuck in layers of indirection or distributed systems. A time before everyone thought the holy grail was to confine their…

Read More →

Two Hardware Lessons from the Front Line: PID Loops and Bootloading

About a year ago, we began collaborating with Pura Scents to make their connected fragrance dispenser a reality. Their team had ironed out a concept that people loved, and during a successful Kickstarter campaign, paired it with an aesthetic that sold well. However, they needed next some outside help to bring their connected device to life. Among the firmware, software, and fleet management aspects were two specific product features with technical intrigue that struck me as worth sharing, firmware/hardware-level features that anyone working within a hardware startup can appreciate.  Control systems for targeting and maintaining temperature (or speed, or anything) Imagine driving a car with cruise control. How annoying would it be if your car accelerates a bit beyond the target cruise speed then coasts for a moment or two before physics rears its ugly head and your car drops below the desired speed again? This, of course, necessitates another…

Read More →

DuckDuckGo Brings Private Search to Mobile App & Browser Extension by @MattGSouthern

DuckDuckGo is bringing its privacy-focused search capabilities to its mobile app, giving users the ability to search and browse anonymously.The post DuckDuckGo Brings Private Search to Mobile App & Browser Extension by @MattGSouthern appeared first on Search Engine Journal. Source:

How to Style a Form With Tailwind CSS

If you’ve been staying in the loop with the latest CSS frameworks, you’ve probably already heard of the newest kid on the block: Tailwind CSS. According to its documentation, “Tailwind is a utility-first CSS framework for rapidly building custom user interfaces.” In practice, this means using a variety of classes that closely map to underlying CSS properties. For example, applying a class like .text-center to an element means that we’re setting its text-align property to center. Simple enough, right? Using utility classes like this allows us to spend more time iterating through designs and avoiding premature abstraction of our CSS. Then, once we’re happy with our designs, Tailwind makes it easy to extract our utilities into component classes. Now, I’m sure you know that even mentioning a utility framework is an open invitation for a certain amount of brouhaha. Before we start yelling at me on Twitter or the comments…

Read More →

Using CSS Clip Path to Create Interactive Effects

Do you remember being a kid, cutting out pictures from magazines? Did you glue them onto paper to create your own collages? This post is about cutting out images on the web using the CSS property clip-path. We will discuss how to do the cutting and how we can use these cut-out parts to create some interesting effects, combining these cut-out parts with the original image. I’ll use the following photo as an example. The flower stands out from the rest of the photo. It is a natural focal point to cut out and create our effects around. Image courtesy of Unsplash. Credit: Hermes Rivera Creating the SVG First off, we are going to create a new SVG file and import our example image into it. You will need image editing software with vector capability to make the cut. I’m using Inkscape, a free open source editor, but you can…

Read More →

Google AdWords App Lets Users Add Keywords On the Go by @MattGSouthern

An update to the Google AdWords app lets advertisers add, remove, and edit keywords from their mobile device.The post Google AdWords App Lets Users Add Keywords On the Go by @MattGSouthern appeared first on Search Engine Journal. Source:

Google to Use Page Speed as Ranking Signal in Mobile Search by @MattGSouthern

Google has announced that, starting July 2018, page speed will become a ranking factor in mobile search.The post Google to Use Page Speed as Ranking Signal in Mobile Search by @MattGSouthern appeared first on Search Engine Journal. Source:

Happy seventeenth birthday Drupal

Seventeen years ago today, I open-sourced the software behind and released Drupal 1.0.0. When Drupal was first founded, Google was in its infancy, the mobile web didn’t exist, and JavaScript was a very unpopular word among developers. Over the course of the past seventeen years, I’ve witnessed the nature of the web change and countless internet trends come and go. As we celebrate Drupal’s birthday, I’m proud to say it’s one of the few content management systems that has stayed relevant for this long. While the course of my career has evolved, Drupal has always remained a constant. It’s what inspires me every day, and the impact that Drupal continues to make energizes me. Millions of people around the globe depend on Drupal to deliver their business, mission and purpose. Looking at the Drupal users in the video below gives me goosebumps. Drupal’s success is not only marked by…

Read More →

Improving the Accessibility of 24 ways

I’ve been thinking recently about the nature of my work and which aspects of it I enjoy the most. In a role that will often straddle the realms of design and development, whether editing copy, evaluating the design of an interface or refactoring code, I’ve come to realize that my interests lie in the act of review and refinement. My work on 24 ways is a case in point. Since Drew McLellan asked me to redesign the site in 2013, I’ve stayed on as part of the team, helping to review, edit and format articles. But I’ve also been able to fulfil the desire I expressed upon launching the redesign: I’m a big believer in iteration and not treating a website as ever being finished. I hope what’s been released this year can act as a foundation, and that the design will evolve in the years to come. In the…

Read More →

Thank You (2017 Edition)

As 2017 comes to a close, as we do each year, let’s take a numbers-based glance back at CSS-Tricks. And more importantly, tip our collective hat to all y’all that come here and read the site. We really do think of the site as somewhere you come and read. While a lot of people’s experience with CSS-Tricks is a place that shows up in search results to find the answer to some web design/dev question (and that’s awesome), another way to experience the site is to read it like a magazine. We publish an article (or a couple) nearly every day, from a variety of authors, with the hope that it’s interesting and exposes us all to new ideas. According to Google Analytics, which we’ve had installed and reported from anonymously since day 1 around here, we had 75 million pageviews this year. Very little of CSS-Tricks makes use of…

Read More →

How to Use Quizzes and Surveys to Attract Copywriting Clients

In an ideal world, a client who needed copy would magically find your portfolio site, instantly know you’re the right copywriter for him, and immediately hire you for his many, lucrative projects. <sigh> In the real world, it’s a little less simple. First, you have to capture a prospective client’s attention. Then, you often have to “nurture” your prospective client to educate him about yourself and your skills. Finally, you have to convert that prospective client to a paying client. Luckily, all of this doesn’t have to be nearly as painful as it sounds. You can set up intriguing and alluring ways of capturing a potential client’s interest and — just as importantly — contact information, and then create automated systems to nurture and sell that the prospective client. One of the most effective ways to do this right now is by way of quizzes and surveys. People love taking…

Read More →

I Like The Way It Looks

The current series on Dilbert around a “new mobile phone” are cracking me up: LOL. I can’t wait to see how it all resolves… that last one though. The post I Like The Way It Looks appeared first on John Saddington. Source:

How to Get Ready for the Mobile-First Index, According to Google by @MattGSouthern

Google has published its official advice on getting ready for the mobile-first search index.The post How to Get Ready for the Mobile-First Index, According to Google by @MattGSouthern appeared first on Search Engine Journal. Source:

Using SVG to Create a Duotone Effect on Images

Anything is possible with SVG, right?! After a year of collaborating with some great designers and experimenting to achieve some pretty cool visual effects, it is beginning to feel like it is. A quick search of “SVG” on CodePen will attest to this. From lettering, shapes, sprites, animations, and image manipulation, everything is better with the aid of SVG. So when a new visual trend hit the web last year, it was no surprise that SVG came to the rescue to allow us to implement it. The spark of a trend Creatives everywhere welcomed the 2016 new year with the spark of a colorizing technique popularized by Spotify’s 2015 Year in Music website (here is last year’s) which introduced bold, duotone images to their brand identity. The Spotify 2015 Year in Music site demonstrates the duotone image technique. This technique is a halftone reproduction of an image by superimposing one…

Read More →

Winning Featured Snippets on Mobile by @semrush

Mobile Featured Snippets get way more attention than the desktop ones. Want to win them, too? Learn how here!The post Winning Featured Snippets on Mobile by @semrush appeared first on Search Engine Journal. Source:

The Changing Face of Web Design in 2018

Inspired Magazine Inspired Magazine – creativity & inspiration daily One of the interesting recent developments in web design trends is actually the trend away from trends… or in other word what is happening is a kind of regression to simpler ways, at least from those in the know. On the other side of the coin, there’s a big shift happening in certain types of corporate sites, especially some British and American media sites, where there’s a tendency to overload pages with so much extraneous content that it can severely impact on the ability of the user to see the content they actually arrived to see. If the first two paragraphs sound hopeless tangled, well that’s a very succinct allegory for the state of web development in 2018… tangled. It’s a problem we need to sort out, because it won’t be good for anyone if web standards continue to slip. We’ll…

Read More →

Mobilegeddon: A Complete Guide to Google’s Mobile-Friendly Update by @askreinhart

Google’s mobile-friendly update meant big changes to the mobile search results and ushered in the mobile-first era.The post Mobilegeddon: A Complete Guide to Google’s Mobile-Friendly Update by @askreinhart appeared first on Search Engine Journal. Source:

Back to Top