Posts Tagged:extension

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.


Using Mixins in Vue.js

It’s a common situation: you have two components that are pretty similar, they share the same basic functionality, but there’s enough that’s different about each of them that you come to a crossroads: do I split this component into two different components? Or do I keep one component, but create enough variance with props that I can alter each one? Neither of these solutions is perfect: if you split it into two components, you run the risk of having to update it in two places if the functionality ever changes, defeating DRY premises. On the other hand, too many props can get really messy very quickly, and force the maintainer, even if it’s yourself, to understand a lot of context in order to use it, which can slow you down. Enter mixins. Mixins in Vue are useful for writing in a functional style because ultimately, functional programming is about making…

Read More →

HelloSign: The Industry’s Fastest eSignature API Integration

My favorite kind of software products are the ones that very clearly make life simpler. Being able to legally sign a document by clicking a button in an email and squiggling my mouse to make my signature is definitely one of those things. You can provide that to your users with HelloSign! You can set up your documents there (it supports all the formats you’d need, like PDF, Microsoft Word, Powerpoint, etc) and start collecting the signatures you need very easily. Set up templates of your commonly used documents. Make sure your branding is present during the signing process. Get notifications when documents are reviewed and signed. There are a bunch more killer features you should be aware of. For example, like I mentioned, you can sign documents without ever leaving your email with their Chrome browser extension for Gmail. Same with Google Docs and Salesforce! Perhaps most importantly, you…

Read More →

Browserlist is a Good Idea

I think, as front-end developers, we’re well aware that different browsers (and versions) support different things. We make choices based on web features we’d like to use balanced with what statistics tell us about our users and what browsers they use. Only 0.01% of users left on IE 9, we might see from our Google Analytics, OK, let’s start using Flexbox and .classList. Enter Autoprefixer. Autoprefixer, over time, became a nearly ubiquitously part of CSS build processes because it helped us with cross browser support almost effortlessly. Even though IE 10 only supported an older Flexbox syntax, we didn’t have to worry about that because Autoprefixer did it’s best to port the modern syntax to the older one, and it did a great job at that. Autoprefixer allows you to configure what browsers you wanted to target with the prefixing. This means you don’t have to generate prefixes for every…

Read More →

Snap Animation States

There are many ways to make icons for a website. Inline SVG is scalable, easy to modify with CSS, and can even be animated. If you’re interested in learning more about the merits of using inline SVG, I recommend reading Inline SVG vs Icon Fonts. With ever increasing browser support, there’s never been a better time to start working with SVGs. Snap Animation States is a JavaScript plugin built around Snap.svg to help create and extend icon libraries with scaleable, editable SVG icons. Snap Animation States makes it easy to load and animate those SVGs with a simple schema. Getting Started Lets start with a basic SVG hamburger menu. This one was made using Affinity Designer, but there are many other free (Inkscape) and paid for (Adobe Illustrator) options available for making vector images. <svg width=”100%” height=”100%” viewBox=”0 0 65 60″ style=”fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:square;stroke-miterlimit:1.5;” fill=”none” stroke=”#000″ stroke-width=”10″> <g> <path class=”hamburger-top” d=”m 5,10…

Read More →

Google’s AMP (Accelerated Mobile Pages) Gains Support From Facebook by @MattGSouthern

Facebook is rolling out support for AMP as part of its open source Instant Articles software development kit. The company’s new SDK will have an extension that allows publishers to create content in the Instant Articles, AMP, and Apple News format. Support for Google’s AMP will be rolled out first, with support for Apple News coming in a few weeks. Facebook’s SDK will work by building AMP and Apple News pages with the same markup used to build Instant Articles. In addition, it will include the unique customization options offered by each publishing format. “With an easy way to get […]The post Google’s AMP (Accelerated Mobile Pages) Gains Support From Facebook by @MattGSouthern appeared first on Search Engine Journal. Source: https://www.searchenginejournal.com/feed/

Google’s AMP (Accelerated Mobile Pages) Gains Support From Facebook by @MattGSouthern

Facebook is rolling out support for AMP as part of its open source Instant Articles software development kit. The company’s new SDK will have an extension that allows publishers to create content in the Instant Articles, AMP, and Apple News format. Support for Google’s AMP will be rolled out first, with support for Apple News coming in a few weeks. Facebook’s SDK will work by building AMP and Apple News pages with the same markup used to build Instant Articles. In addition, it will include the unique customization options offered by each publishing format. “With an easy way to get […]The post Google’s AMP (Accelerated Mobile Pages) Gains Support From Facebook by @MattGSouthern appeared first on Search Engine Journal. Source: https://www.searchenginejournal.com/feed/

Using Kotlin to make Android APIs fun again

Kotlin announcement at Google I/O 2017If you haven’t heard, Kotlin is now a first class citizen on Android and we couldn’t be more thrilled at Basecamp. We’ve been using Kotlin since it hit 1.0 last year and we recently got to 100% Kotlin in the Basecamp 3 Android app.One of my favorite features in Kotlin is extension functions. They let you extend functionality in classes without inheriting from them. We make great use of extension functions at Basecamp to simplify and add clarity to Android APIs that are verbose (or that we just don’t like). Below are a few example of ways that we leverage extension functions to make Android development easier on a day-to-day basis.Set a View heightSetting the height on a View programmatically in Android is annoying (and I’m being nice). With a Kotlin extension, you can pretend that Android makes it easy for you:fun View.setHeight(height: Int) { val params = layoutParams…

Read More →

5 Awesome Sublime Plugins you Won’t Find in Top Plugin Posts

I am a huge fan of Sublime text editor and whenever I go and try other text editors I come back to Sublime crying: “Forgive me I’ll never, ever, leave you again!” But I’m not here to praise Sublime. In this post I’m rather going to share some of the Sublime plugins I’ve been using a lot and which are really helpful and fun to work with. You may find them for your favorite text editor as well. Let’s dive into the first one. 1) Text Pastry How many times have you had a markup and all you wanted to do was to add incremental numbers to it? For example if you have a list with a heavy content, of course you can’t use Emmet or similar tools to add those incremental numbers because the markup is already there, unless you use some tricks. However there is a faster way…

Read More →

How to Embed Instagram Photos and Videos in Joomla

If you use Joomla, then you probably know that embeds can be confusing. It can be hard to find the right embed code and then keep it intact while using your WYSIWYG editor. Thankfully, the OSEmbed extension makes Instagram embeds much easier. In this tutorial, I’m going to show you how easy it is to embed Instagram videos and photos into Joomla. [[ This is a content summary only. Visit http://OSTraining.com for full links, other content, and more! ]] Source: https://www.ostraining.com/

For sale: baby shoes, never worn

Unraveling the dismal science of my Facebook moms resale grouphttps://medium.com/media/14164a31e42b410b470708bbab77597b/hrefI recently discovered one easy trick to make money from home! Well, “easy” is relative and “make money” is also kind of debatable, but I definitely have not left my house.I’ve been in decluttering mode for the last couple weeks and have become super active with my local moms resale group on Facebook. For those of you not deep into Suburban Mom World, these are private groups of parents (almost entirely moms) who are buying and selling things—mostly kids’ stuff, but also adult clothing and kitchenwares and furniture. Laura Hazard Owen has an superb write-up of how these groups work. She’s in the Boston area and I’m just outside Chicago, but the mechanics are the same: Members put up a photo, price and description of the item they’re selling and interested buyers comment on the post to claim their place in line. Pick-ups…

Read More →

The 5 Best Email Tracking Tools: Know When Your Email Has Been Opened

When it comes to your business or your job, being able to monitor as many factors as possible is typically a good thing. Google Analytics allows you to track how many visitors are coming to your site, for example, enabling you to know which channels are sending the most traffic to you and what content is performing best. Email tracking is another great example of a tool that can give you great insight into an important part of your business. There are a ton of tracking services available, some free and some paid for, and these are the most reliable and best email tracking tools available, so you don’t have to leave this important part of your business to guesswork. While social media marketing is growing in importance and popularity as a medium to distribute information to users, email is a crucial form of both information distribution and personal contact…

Read More →

How we made Basecamp 3’s Android app 100% Kotlin

Our best advice based on a year of real-world shipping.Made with ❤️ in Chicago.We started our Kotlin journey a year ago based on two hunches: that it would 1) make a huge difference in programmer happiness and 2) wildly improve our work quality and speed.I’m happy to report that our hunches were right! As of this week, Basecamp 3’s Android app is written in 100% Kotlin. 🎉That puts us in a unique position to share tips from the experience of going from all Java to all Kotlin. How do you get started? What should you look out for? What are the best ways to keep learning Kotlin?Read on!🤓 Wrap your head around the basicsFirst thing’s first — take some time to get acclimated with the the language. There are free resources galore, but here are a few I’d recommend:Jake Wharton’s talk about Kotlin for Android. This was the lightbulb moment for me. After two watches, I really…

Read More →

The Can-Do’s of CodePen Projects

We just recently launched Projects, the latest big feature over on CodePen. It’s quite a bit different than the Pen Editor, so let’s take a look at all the things it can do! A Complete File System, and Complete HTML Files With CodePen Projects, you get a sidebar of files for you to put whatever files you like. That’s different than the Pen Editor on CodePen, which only gives you the HTML, CSS, and JavaScript editor to work with. While that’s super convenient for many types of demos, it can be limiting. What if you need multiple HTML files to link between? What if you need partials to include as needed? What if you need to upload other files to work with just for this demo? With Projects, you have complete control over the entire file structure. Create files and folders as needed. HTML files are complete documents, so you…

Read More →

5 Personalization Hacks that Fly Under the Radar

There’s no doubt. No questioning or debate necessary. Every marketer is trying to personalize. It’s seen as THE trend by most. And yet, results vary. Some still struggle. Slapping on trite $FNAME or $COMPANY wherever possible. Then there’s others setting the bar. Setting the tone. The difference is nuanced. You can’t always see it in front of you when you click on an ad or visit a landing page. But you can feel it. It’s there. And it’s undeniable. Some of the most sophisticated marketing today segment customer bases; delivering real-time personalization to each individual – without them even realizing it. Here’s five examples of what they’re doing, how they’re doing it, and you can do it, too. 1. Content vs. Web Personalization Type in http://Amazon.com and what do you see? It’s not generic. Or static. But a list of recommended products. And a list of suggestions based on past…

Read More →

Brotli and Static Compression

Content compression can be as simple as flipping a switch, but there’s a lot to consider beyond that. We pretty well know what we need to compress, but what about configuring compression? Or static versus dynamic compression? What about Brotli? By now, Brotli enjoys support in a good chunk of browsers in use. While it provides performance advantages in many situations, there are some ins and outs that can prove challenging. At its highest compression setting, Brotli provides superior compression ratios to gzip, but the compression speed at this setting is slow enough that the benefit is squandered when content is dynamically compressed. What you really want in cases such as these is static compression. If you’re unaware of the differences between static and dynamic compression, here’s a quick refresher: Dynamic compression occurs on-the-fly. The user makes a request, the content is compressed (as the user waits) and the compressed…

Read More →

Debugging Tips and Tricks

Writing code is only one small piece of being a developer. In order to be efficient and capable at our jobs, we must also excel at debugging. When I dedicate some time to learning new debugging skills, I often find I can move much quicker, and add more value to the teams I work on. I have a few tips and tricks I rely on pretty heavily and found that I give the same advice again and again during workshops, so here’s a compilation of some of them, as well as some from the community. We’ll start with some core tenants and then drill down to more specific examples. Main Concepts Isolate the Problem Isolation is possibly the strongest core tenant in all of debugging. Our codebases can be sprawling, with different libraries, frameworks, and they can include many contributors, even people who aren’t working on the project anymore. Isolating…

Read More →

Little Stuff about Markdown I Always Forget and have to Google

This is mostly for me. These are the little things that sometimes confuse me about Markdown and I find myself having to search the web for. So I’ll write them down. Blogging as memory extension. Know that your mileage may vary on this stuff, as there are many varietals of Markdown. markdown=”1″ There is no concept of a <div> in Markdown syntax (or most other structural HTML elements), except that Markdown supports HTML so you can just use a <div> if you want to. But as soon as you do, nothing nested inside of it can be Markdown. ### Header <div class=”special-class”> 1. Nope 1. Not 1. Happening </div> Except it can! In many (most?) varietals of Markdown, you can put <div markdown=”1″> on the element and it will allow Markdown inside of it. ### Header <div class=”special-class” markdown=”1″> 1. All 1. Fixed 1. Up </div> Multiple paragraph lists and…

Read More →

Password Policies and Drupal

People tend to choose bad passwords if they are allowed to. By default Drupal provides some guidance about how to “make your password stronger,” but there’s no enforcement of any particular password policy out of the box. As usual, there’s a module for that. More than one in fact. Thinking on password policies has evolved over the years. The United States National Institute for Standards and Technology (NIST) has been working for some time on a new set of guidelines which are a good basis on which to formulate your own password policy. The default Drupal 7 password form Security is always a compromise between mitigating risk and convenience. A fairly recent piece of research on password strategies from Microsoft, for example, suggested that users should use simple memorable passwords for “low-risk” sites, reserving more complex passwords for sites where the risk warrants the higher effort involved. Not everybody will…

Read More →

Bing Releases an iMessage Extension, a Potential Google Allo Competitor by @MattGSouthern

Has Bing one-upped Google with the release of an iMessage extension?The post Bing Releases an iMessage Extension, a Potential Google Allo Competitor by @MattGSouthern appeared first on Search Engine Journal. Source: https://www.searchenginejournal.com/feed/

Back to Top