Posts Tagged:Apps

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.


HTML elements, unite! The Voltron-like powers of combining elements.

Guides, resources and discussions about Semantic HTML are often focused around specific elements, like a heading, or a sectioning element, or a list. It’s not often that we talk specifically about how we can combine HTML elements to increase their effectiveness. Normally, when we introduce HTML, we talk about how it is used to apply meaning to content in a document, and we do this by using examples like: “Is it a paragraph?” “Is it a heading?” “Is it a numbered list” “Is it a button” We use these examples because they are easy to understand — it’s a single piece or chunk of the same content that needs to be represented in a particular way. This is useful, but it only scratches the surface of how we can use and combine elements to provide more context and meaning. You remember Voltron, right? Each member of the Voltron force was…

Read More →

Helping a Beginner Understand Getting a Website Live

I got a great email from a fellow named Josh Long the other day. He is, in his words, “relatively new to web design” and was a bit stuck on the concept of getting a site live. I should say that I’m happy to get emails like this an I always read them, but I typically can’t offer tech support over email. If I can respond at all, I normally point people to other community resources. In this case, it struck me what a perfect moment this is for Josh. He’s a little confused, but he knows enough to be asking a lot of questions and sorting through all this stuff. I figured this was a wonderful opportunity to dig into his questions, hopefully helping him and just maybe helping others in a similar situation. Here’s one of the original paragraphs Daniel sent me, completely unedited: I’m relatively new to…

Read More →

Level up your hosting. Get started on DigitalOcean with $100.

(This is a sponsored post.)Tired of slow, unreliable web hosting? See how easy it is to self-host your next project on DigitalOcean’s cloud platform. Build and manage ultra-fast websites, blogs, and other static web pages using our user-friendly control panel or simple API, all with a 99.99% uptime SLA. Save time using our One-Click install apps for WordPress, Ghost and Discourse. Never worry about running out of storage space again with Spaces — highly scalable, affordable object storage. Sign up today with a free $100 credit for CSS-Tricks readers. Direct Link to Article — PermalinkThe post Level up your hosting. Get started on DigitalOcean with $100. appeared first on CSS-Tricks. Source: CssTricks

Flutter: Google’s take on cross platform

Flutter is a mobile SDK that, at its core, is about empowering everyone to build beautiful mobile apps. Whether you come from the world of web development or native mobile development, Flutter makes it easier to create mobile apps in a familiar, simplified way, without ever giving up control to the framework. As of this writing, Google AdWords and Alibaba are both using Flutter in production. You can see more examples of who’s using Flutter (including the app I’ve worked on) on Flutter’s website on the showcase page. Right now, there’s a lot of buzz about Flutter. The question I see most often is, “Flutter or React Native…which one should I use?” Like all things in programming, its all about the tradeoffs you’re willing to make. I’m going to try to convince you that Flutter is the best option for mobile app development. I believe it’s better than any other…

Read More →

Render Caching for React

Server Side Rendering (SSR) is a very useful technique that makes web apps appear faster. The initial HTML is displayed before the JavaScript is parsed and, while the user is deciding what to tap on, our handlers are ready. Server side rendering in React requires additional work to setup and has server costs. Furthermore, if your server team cannot have JavaScript running on your servers, you are stuck. It significantly complicates the CDN setup especially if you have pages that require login and where the user’s information is managed. I want to walk through a new concept called Render Caching. This is a cool trick that can give users an instant performance boost just like that of SSR without having to resort to writing code on the server. What is Render Caching? The migration from static HTML pages to Single Page Apps (SPAs) has left a gaping hole in the…

Read More →

The Ecological Impact of Browser Diversity

Early in my career when I worked at agencies and later at Microsoft on Edge, I heard the same lament over and over: “Argh, why doesn’t Edge just run on Blink? Then I would have access to ALL THE APIs I want to use and would only have to test in one browser!” Let me be clear: an Internet that runs only on Chrome’s engine, Blink, and its offspring, is not the paradise we like to imagine it to be. As a Google Developer Expert who has worked on Microsoft Edge, with Firefox, and with the W3C as an Invited Expert, I have some opinions (and a number of facts) to drop on this topic. Let’s get to it. What is a browser, even? Let’s clear up some terminology. Popular browsers you know today include Google Chrome, Apple Safari, Mozilla Firefox, and Microsoft Edge, but in the past we’ve also…

Read More →

ABeamer: a frame-by-frame animation framework

In a recent post, Zach Saucier demonstrated the awesome things that the DOM allows us to do, thanks to the <canvas> element. Taking a snapshot of an element and manipulating it to create an exploding animation is pretty slick and a perfect example of how far complex animations have come in the last few years. ABeamer is a new animation ecosystem that takes advantage of these new concepts. At the core of the ecosystem is the web browser animation library. But, it’s not just another animation engine. ABeamer is designed to build frame-by-frame animations in the web browser and use a render server to generate a PNG file sequence, which can ultimately be used to create an animated GIF or imported into a video editor. First, a little about what ABeamer can do A key feature is its ability to hook into remote sources. This allows us to build an…

Read More →

What I learned by building my own VS Code extension

VS Code is slowly closing the gap between a text editor and an integrated development environment (IDE). At the core of this extremely versatile and flexible tool lies a wonderful API that provides an extensible plugin model that is relatively easy for JavaScript developers to build on. With my first extension, VS Code All Autocomplete, reaching 25K downloads, I wanted to share what I learned from the development and maintenance of it with all of you. Trivia! Visual Studio Code does not share any lineage with the Visual Studio IDE. Microsoft used the VS brand for their enterprise audience which has led to a lot of confusion. The application is just Code in the command line and does not work at all like Visual Studio. It takes more inspiration from TextMate and Sublime Text than Visual Studio. It shares the snippet format of TextMate (Mac only) and forgoes the XML…

Read More →

Firefox Multi-Account Containers

It’s an extension: Each Container stores cookies separately, so you can log into the same site with different accounts and online trackers can’t easily connect the browsing. A great idea for a feature if you ask me. For example, I have two Buffer accounts and my solution is to use different browsers entirely to stay logged into both of them. I know plenty of folks that prefer the browser version of apps like Notion, Front, and Twitter, and it’s cool to have a way to log into the same site with multiple accounts if you need to — and without weird trickery. This is browsers competing on UI/UX features rather than web platform features, which is a good thing. Relevant: Opera Neon and Refresh. Direct Link to Article — PermalinkThe post Firefox Multi-Account Containers appeared first on CSS-Tricks. Source: CssTricks

Twitter Kills Off Third-Party App Features by @MattGSouthern

Twitter has restricted access to APIs, which effectively kills off certain key features in popular third-party apps.The post Twitter Kills Off Third-Party App Features by @MattGSouthern appeared first on Search Engine Journal. Source: https://www.searchenginejournal.com/feed/

The 16 Best Video Editing Apps You Must Use In 2018

Social videos are convincing, and they resonate with users; this is good news. Many brands, however, still struggle to create high-quality, professional videos that they can share on social media as a strong representation of their brand. But with the incredible technology available today, we have more resources than ever before to make this task Read more Source: https://adespresso.com/feed/

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 →

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: https://www.searchenginejournal.com/feed/

How much fun can you have with $25 worth of ETH?

“I think there must be a MetaMask seed somewhere that I forgot to properly back up, all the ether in it lost forever.” – Me, upon realizing I don’t own any ether. Toshi and Status are two browsers I wrote about in Are These Browsers Going to the Moon?. To get the full experience of using them you need bit of ether (the Ethereum blockchain native token, also referred to as ETH.) Unfortunately, I had none. I had no choice but to head over to Coinbase and buy $25 worth of the stuff, for science. What follows is what I did with those $25 dollars while testing out Toshi and Status. 16 July, 2018 I bought $25 worth of ether at $481.37 per ETH minus Coinbase’s fee, a whopping $1.49. Right off the bat Coinbase took about 6% of my money, that was the first bit of fun I had…

Read More →

Using data in React with the Fetch API and axios

If you are new to React, and perhaps have only played with building to-do and counter apps, you may not yet have run across a need to pull in data for your app. There will likely come a time when you’ll need to do this, as React apps are most well suited for situations where you’re handling both data and state. The first set of data you may need to handle might be hard-coded into your React application, like we did for this demo from our Error Boundary tutorial: See the Pen error boundary 0 by Kingsley Silas Chijioke (@kinsomicrote) on CodePen. What if you want to handle data from an API? That’s the purpose of this tutorial. Specifically, we’ll make use of the Fetch API and axios as examples for how to request and use data. The Fetch API The Fetch API provides an interface for fetching resources. We’ll…

Read More →

18 Essential Social Media Marketing Apps for Your Smartphone by @osbennn

These 18 social media marketing apps make it super easy to create and publish updates from anywhere, anytime.The post 18 Essential Social Media Marketing Apps for Your Smartphone by @osbennn appeared first on Search Engine Journal. Source: https://www.searchenginejournal.com/feed/

Nintendo Switch Does Multiple Accounts Right

Multiple Accounts in a product is a difficult to design for. It’s not a typical thing, though. Most have just one Google, Apple, Instagram account. However, some might want to share an iPad or HomePod with family. Since those don’t support multiple accounts, the owner’s profile ends up overrun by someone else’s preferences. It’s an edge case that’s difficult to design.Basecamp 3, the product for which I design the Android app for, does support multiple accounts. You can flip between your Personal Basecamp, Work Basecamp, and other Basecamps you’re part of. The design keeps each Basecamp’s data and preferences separate.A few months ago our family got a Nintendo Switch. I didn’t think too much about how easy it is to share. The system is so intuitive that you actually don’t have to think about it too much. It wasn’t until today that I really looked at how simple and elegant the…

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 →

Back to Top