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.


A Collection of Interesting Facts about CSS Grid Layout

A few weeks ago I held a CSS Grid Layout workshop. Since I’m, like most of us, also pretty new to the topic, I learned a lot while preparing the slides and demos. I decided to share some of the stuff that was particularly interesting to me, with you. Have fun! Negative values lower than -1 may be used for grid-row-end and grid-column-end In a lot of code examples and tutorials you will see that you can use grid-column-start: 1 and grid-column-end: -1 (or the shorthand grid-column: 1 / -1) to span an element from the first line to the last. My friend Max made me aware that it’s possible to use lower values than -1 as well. .grid-item { grid-column: 1 / -2; } For example, you can set grid-column: 1 / -2 to span the cells between the first and the second to last line. See the Pen…

Read More →

5 Steps to Create a Killer Instagram Ad Strategy for eCommerce Products

Instagram’s known for engagement. Some 4x that of Facebook. But what you don’t know is how it excels at driving product sales, too. Quick, without looking — what’s your mobile conversion rate? A paltry 1.55% on average? Compare that to the 30%+ of Instagram users who purchase products on their mobile device. (Which places them at 70% more Read more Source: https://adespresso.com/feed/

Google to Reportedly Redesign its Home Page in the Near Future by @MattGSouthern

Reports suggest Google is planning to redesign its home page to match its mobile app experience.The post Google to Reportedly Redesign its Home Page in the Near Future by @MattGSouthern appeared first on Search Engine Journal. Source: https://www.searchenginejournal.com/feed/

Top Services to Build an Appealing Website in a Short Time

Inspired Magazine Inspired Magazine – creativity & inspiration daily Whether you are a business owner willing to establish secure web presence or a user aiming at finding co-thinkers on the web, you will hardly go without a website of your own. It takes time to create a functional and appealing website, but what if you need the one right now and you don’t have time to look for professional web designers? What if your budget is limited to hire the experts, while the need to get a website is still urgent? In this case, you are bound to find out more about website builders. These services have grown in popularity, which is no wonder, taking into account the amount of non-techies struggling with niche competition nowadays. Advantages of Website Builders Readymade Templates. Most website builders, as it mentioned by Howard Steele at SuperbWebsiteBuilders.com, come with their own collections of readymade…

Read More →

How Google Stole the Internet in 5 Simple Steps

It seems like a lifetime ago since Google emerged from Silicon Valley as a refreshing tech prospect branding the slogan: “Don’t Be Evil”. Now, in 2017, that heart-warming slogan is no more and Google is simply one element of its parent company Alphabet, which seems hell-bent on taking over the world. Progress is good, too. Alphabet is a global leader in artificial intelligence, life sciences and a range of technologies used by the military. The tech giant is quite literally everywhere and it’s on a mission to know everything about us and the world we live in, which makes for some scary aspirations when you think about it (omnipresence + omniscience + omnipotence = God). Alphabet’s global takeover started with Google, of course, which managed to pretty much steal the internet from under our feet in five simple steps. This is no exaggeration either. It’s already happened and, if you don’t realize it yet,…

Read More →

Local by Flywheel

I’ve switched all my local WordPress development over to Local by Flywheel. I heard about it from y’all when we did a poll not to long ago about local WordPress development. Bottom line: it’s really good. It does everything you want it to, well, with zero hassle, and nothing more. Running Multiple WordPress Installs (PHP, MySQL, Web Server) That’s kind of the whole point. Local by Flywheel spins up a local site for you with all the dependencies that WordPress needs. Just by picking a few options and giving the site a name, you’ve spun up a new WordPress install in a few seconds. And it’s ready to go! Nice UI Surely what Local by Flywheel is doing under the hood is quite complicated, but the UI for the app isn’t at all. I’m a big fan of apps like this. The super clean UI makes everything feel so easy…

Read More →

These Are the Five Hottest Lead Generation Trends in 2017

Every year we have new lead generation trends come and go. Some earn their place as invaluable marketing strategies while others fade away with a whimper. Whatever happens, there always seems to be a lot of buzz around trends, whether they deserve it or not. Which makes it difficult to know which ones will catch on and which of those are gimmicks simply getting their moment in the spotlight. This can be frustrating for web designers and site owners – especially when trends shake up design principles only to fall short of expectations. #1: Voice search Like most trends, voice search is nothing new but 2017 is the year it’s being touted as a technology that will change the way people use the web. This shouldn’t come as any kind of surprise following the release of Google Home and Amazon Echo devices, but what does this mean for voice search…

Read More →

Full Page Screenshots in Browsers

It can be quite useful to get a “full page” screenshot in a browser. That is, not just the visible area. The visible area is pretty easy to get just by screenshotting the screen. A full page screenshot captures the entire web site even if it needs to be scrolled around to see all of it. You could take individual screenshots of the visible area and use a photo editing program to stitch them together, but that’s a pain in the but. Nevermind the fact that it’s extra tricky with things like fixed position elements. Fortunately browsers can help us out a bit here. Chrome As of Chrome 59, it’s built into DevTools. Here’s a video. You use “Responsive Design Mode”, then the menu option to get the full page screenshot is in the menu in the upper right. If you need a “mobile” full length screenshot, just adjust the…

Read More →

Google’s Advice on Preparing for the Mobile-First Index by @MattGSouthern

Google’s Gary Illyes recently shared some advice on how to prepare for the impending mobile-first index.The post Google’s Advice on Preparing for the Mobile-First Index by @MattGSouthern appeared first on Search Engine Journal. Source: https://www.searchenginejournal.com/feed/

The OSTraining Podcast #4: Olivier Karfis and WooCommerce Apps

In this episode, I talk with Olivier Karfis who runs FrenchToday.com, a successful site teaching people how to speak French. Olivier uses WooCommerce as a platform for digital downloads, and increasingly for mobile and desktop apps, based on the WordPress API. This episode touches on several issues we love to talk about: teaching, e-commerce, traveling and how to constantly re-invent and re-invigorate your career. [[ This is a content summary only. Visit http://OSTraining.com for full links, other content, and more! ]] Source: https://www.ostraining.com/

YouTube Reaches Milestone of 1.5 Billion Logged-In Visitors Per Month by @MattGSouthern

YouTube recently shared new statistics that show how engagement with the online video platform is rising, especially on mobile.The post YouTube Reaches Milestone of 1.5 Billion Logged-In Visitors Per Month by @MattGSouthern appeared first on Search Engine Journal. Source: https://www.searchenginejournal.com/feed/

Form Validation Part 1: Constraint Validation in HTML

Most JavaScript form validation libraries are large, and often require other libraries like jQuery. For example, MailChimp’s embeddable form includes a 140kb validation file (minified). It includes the entire jQuery library, a third-party form validation plugin, and some custom MailChimp code. In fact, that setup is what inspired this new series about modern form validation. What new tools do we have these days for form validation? What is possible? What is still needed? In this series, I’m going to show you two lightweight ways to validate forms on the front end. Both take advantage of newer web APIs. I’m also going to teach you how to push browser support for these APIs back to IE9 (which provides you with coverage for 99.6% of all web traffic worldwide). Finally, we’ll take a look at MailChimp’s sign-up form, and provide the same experience with 28× (2,800%) less code. It’s worth mentioning that…

Read More →

How Will the Voice Search ‘Revolution’ Impact Web Design?

Voice search is getting a lot of attention right now and it’s no big surprise. The big tech firms are pushing their voice platforms hard and marketers are hyping them up to disrupt the entire industry. Needless to say, voice search is one of the hottest topics in digital technologies right now and this isn’t going to change anytime soon. Despite all this, the rise of voice search isn’t going to have the impact on web design and marketing most are predicting right now. The thing is, voice technology comes with some fundamental limitations that mean its role in the consumer journey (where designer, marketers and the rest of us make our money) will be relatively small. Voice search sucks at selling Amazon CEO Jeff Bezos featured in a recent article here debunking the clickbait notion that homepage design is dead (another BS trend). He’s a smart guy, there’s no question about that.…

Read More →

15 Useful JavaScript Libraries to Enhance Your Site

Inspired Magazine Inspired Magazine – creativity & inspiration daily Making a great site requires a lot of skills, but you don’t always have to develop everything completely from scratch. To use any of the JavaScript libraries presented in this article, you will need to have at least some existing JavaScript skills, but you also don’t necessarily need to be an expert. What you do need to be expert with is working out how to blend the libraries into a site to get the most benefit from them. This isn’t really something that can be taught. It’s a skill you can only learn by doing. Once you have mastered the concepts, however, there is no limit to your creativity and what you can achieve with it. Collected here is our list of the most useful JavaScript libraries available to programmers for site enhancement. You may not see your favorite listed here,…

Read More →

Decoupling Drupal with Waterwheel for Ember and React

As I’ve written previously, the Waterwheel ecosystem and Reservoir distribution help pave the way for non-Drupal developers to use decoupled Drupal as a headless back end without having to learn a lick of Drupal or PHP. Thanks to the Contenta team, there is now a growing slate of applications backed by decoupled Drupal and web services modules like JSON API and Simple OAuth. Now, the Waterwheel team is excited to release several new projects that benefit developers developing JavaScript applications built in Ember and React. With the release of reference applications in Ember and React and an Ember add-on, the Waterwheel ecosystem is moving beyond SDKs like Waterwheel.js and toward a larger range of plugins, boilerplates, and examples to help you develop your Drupal-backed JavaScript applications more swiftly. Best of all, these projects can be used interchangeably to build applications backed by API-first Drupal 8 with JSON API, Acquia’s just-released…

Read More →

Stickybits: an alternative to `position: sticky` polyfills

Stickybits is a small JavaScript utility plugin. It’s goal is not to get in the way. It does one thing well: help with sticky elements. It is not dependent on other JavaScript Plugins, can be imported via npm, and approaches sticky elements in a very utility-oriented way. Solving the sticky element problem can lead to sticky situations When navigating sites, it is common to see HTML elements, like banners and navigations, sticking to the top and bottom of the browser. There are a couple of ways that can be done. One, there is position: sticky, a native CSS feature. You might use it something like this: header { position: sticky; top: -1px; } MDN explains it well: Sticky positioning is a hybrid of relative and fixed positioning. The element is treated as relative positioned until it crosses a specified threshold, at which point it is treated as fixed positioned. Two,…

Read More →

10 Steps to Building Faster Websites

Google says websites should load in less than 2-3 seconds and when Google speaks you better damn well listen. Actually, it’s not only Google that comes up with numbers like this; countless studies say you want to be hitting the 2-second benchmark to stop traffic and valuable leads running out the door. There’s a problem, though. As the web becomes a more complex medium, performance tends to take a backseat to glitzy features. Which is fine, if you want a fancy website hidden behind that blank loading screen, but not so good when most people quit the session before your first line of content loads. So how do you find that sweet-spot between a fully-featured website and one that hits the 2-second benchmark? #1: Be careful with website builders Website builders are great for building websites quickly but quite so good when it comes to loading times. Bulky code working under the…

Read More →

Handling Long and Unexpected Content in CSS

When we write CSS, sometimes we forget about some edge cases in the designs. For example, when the content is longer than we expected and we didn’t account for that possibility, our design could break. We can’t guarantee that our CSS will always work as expected, but at least we can reduce that by testing different types of content. When you code CSS, you’re writing abstract rules to take unknown content and organize it in an unknown medium. – Keith J. Grant In this article, we will go through different UI bugs from real-world websites so we can account for them from the beginning. Ready? Let’s go! A button with an icon placed on the right/left side This is a toggle button for an accordion. There is an icon on the right side to emphasize that it is clickable. However, when the area is not big enough, the text will…

Read More →

The Equilateral Triangle of a Perfect Paragraph

Still, too many web designers neglect the importance of typography on the web. So far, I’ve only met a few that really understand typography and know how to apply that knowledge to their work. And the lack of knowledge about typography doesn’t come from ignorance. I learned that web designers are commonly either self-taught and haven’t grasped the importance of typography yet, or they actually studied design but typography was just one of the classes they had to attend. I created the Better Web Type course to help raise awareness of the important role typography plays on the web. In my opinion, both web designers and web developers should learn the basics—if a designer uses ligatures in her designs but the developer doesn’t even know what ligatures are, how can we expect him to correctly transform the most beautifully designed typography into code? With both roles knowing the basics, we’ll…

Read More →

Back to Top