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.


Designers Tooling Around: Zeplin

We’re always looking for ways to improve collaboration between designers and front-end developers at Viget. Shiny new tools are coming out every day and we like to experiment with them in an effort to separate the worthwhile ones from the wastes of time. Zeplin is one of those fancy new tools we’ve been experimenting with. We just finished using it on a full, large-scale project so I thought I’d share some of our feelings about Zeplin. What even is Zeplin? Zeplin takes Sketch or Photoshop files and surfaces a design’s colors, fonts, dimensions, and assets into something a developer can quickly review and work with. Think Chrome Inspector for Photoshop. There are several basic, but tedious tasks it improves immensely: Generating basic CSS styles. Displaying measurements and font specifics. Making content easy to copy. Exporting image and SVG assets automatically. It also streamlines collaboration. You can quickly put together typography…

Read More →

Acquia a leader in 2017 Gartner Magic Quadrant for Web Content Management

I’m on vacation this week, and I’ve been trying to disconnect and soak up time with my family. However, I had to make an exception to write a quick but exciting blog post, as Acquia was named a leader in the 2017 Gartner Magic Quadrant for Web Content Management. This marks Acquia’s placement as a leader for the fourth year in a row, solidifying our position as one of the top three vendors in Gartner’s report. Acquia recognized as a top 3 leader, next to Adobe and Sitecore, in the 2017 Gartner Magic Quadrant for Web Content Management.Early in my career I didn’t fully understand or value the role of industry analysts like Gartner. Experience has taught me that strong analyst reports provide credibility and expose vendors to new markets and customers. It’s easy to underestimate the importance of this kind of recognition for Acquia, and by extension for Drupal.…

Read More →

Acquia a leader in 2017 Gartner Magic Quadrant for Web Content Management

I’m on vacation this week, and I’ve been trying to disconnect and soak up time with my family. However, I had to make an exception to write a quick but exciting blog post, as Acquia was named a leader in the 2017 Gartner Magic Quadrant for Web Content Management. This marks Acquia’s placement as a leader for the fourth year in a row, solidifying our position as one of the top three vendors in Gartner’s report. Acquia recognized as a top 3 leader, next to Adobe and Sitecore, in the 2017 Gartner Magic Quadrant for Web Content Management.Early in my career I didn’t fully understand or value the role of industry analysts like Gartner. Experience has taught me that strong analyst reports provide credibility and expose vendors to new markets and customers. It’s easy to underestimate the importance of this kind of recognition for Acquia, and by extension for Drupal.…

Read More →

New Class: How to Use LESS

CSS stylesheets can become hard to manage on large projects. LESS is a solution that developers use to make their CSS much more efficient. As many designers know, stylesheets can become complex on big sites. It can become a headache to manage hundreds or thousands of styles.  LESS allows you to use plain CSS, but also add programming features such as variables, mixins, and functions. LESS is an extension to CSS, so it works perfectly with normal CSS, and the extra features it adds use existing CSS syntax. This makes learning LESS a very popular choice for coders, including those who build popular design frameworks, themes and templates. This week’s new class is called “How to Use LESS”. You’ll learn about all the key features available in LESS. [[ This is a content summary only. Visit http://OSTraining.com for full links, other content, and more! ]] Source: https://www.ostraining.com/

Why Putting Up a Website for Your Business Isn’t Enough Anymore

While putting up a website has always been considered a good marketing strategy, companies should know that maintaining a website is not enough to make a mark. Remember that a website is just an extension of your company site or office, and it is where your clients may know what products or services your company offers. Each company will opt to do the same — create a website and maintain it to ease transactions and to post updates about your company. The thing is, if every company does the same, how can you make your company stand out in a sea of competitors? Here are things you can do aside from putting up a website: Make use of social media Marketing strategies extend to social media because this is where a lot of people are. Aside from the fact that your company may be able to reach a wider population,…

Read More →

Building a Simple API with Amazon Lambda and Zappa

We recently had a client come to us with a request for a simple serverless API. They wanted little to no administrative overhead, so we went with the AWS Lambda service. It was my first foray with Lambda, and getting it set up came with its fair share of headaches. If you’re starting down the same path and want to build a simple API with Lambda, here’s a tutorial to help. Github If you would rather go through the tutorial on github, you can find it here AWS Lambda This is a great service offered by AWS that allows users to run a serverless application or function. It’s a cloud-based, serverless architecture that comes with continuous scaling out of the box. Deploy your code, and AWS does the rest. It will only run when “triggered,” either by another AWS service, or an HTTP call. It’s relatively young and has room…

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 →

New in Highrise: iOS Beta is ready, Outlook.com integration, and more…

It’s summer here at Highrise headquarters, but that doesn’t mean we haven’t been busy. We’ve got exciting stuff to announce today…iOS updates — Beta testingWe’ve been working on updates and new features to our iOS app. Today we’re announcing a public beta. If you’d like a chance to test it out, you can do so here. We expect to officially release it very soon. And don’t worry Android users. The same updates will come to you soon too.Outlook integrationHighrise has always supported any email system with the use of a ‘dropbox address’. You can BCC your Highrise dropbox address when sending an email to file it in Highrise. And if you click on an email address in Highrise, your default email service will open with your dropbox address automatically BCC’d. You can also forward or auto-forward incoming messages using the same address, so you can get both outgoing and incoming email easily into Highrise.But we’re…

Read More →

Tech Community’s Very Own Domain Extension

Until 2012, the world only knew of .com, .net etc. Since then, 1200+ new domain extensions have been launched! Today, there are meaningful extensions for all kinds of communities including us, the tech folks! We now have a definitive domain extension that is relevant to us: .tech. Having a www.yourbrandname.tech domain can be a great boost to your marketing. Even for your personal branding, it’s a good idea to set a redirect from www.yourname.tech to your LinkedIn / GitHub or create your portfolio! Here are some great use cases of .tech domains from the world over: Horus.tech (Startup) SEO-Hero.tech (SEO Tool / Global winner of WIX SEO Hero Challenge) CES.tech (Event) ChicagoHacks.tech (Hackathon) Viacom.tech (Brand) Edgar.tech (Tech Influencer) If you’re in tech, you deserve a .tech domain! Get one for only $4.99 for 1 year and $49.99 for 10 years. Use code CSS17 at checkout on www.get.tech. Direct Link to…

Read More →

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 →

Kotlin: It’s the little things

Kotlin has a bunch of amazing features, and certain ones tend to grab the headlines — things like extension functions, higher order functions, and null safety among them. And rightfully so — those are all incredibly powerful, fundamental features of the language upon which everything else builds on.And while I love those features, there are a handful of small things you don’t hear much about that I really appreciate on a day-to-day basis.These are simple, small niceties — the little things you do hundreds of times a day but nothing you’d consider “advanced”. They’re common sense language features that, when compared to Java, end up saving you a bunch of cognitive overhead, keystrokes, and time.Take this simple, albeit highly contrived, example:// Java1 | View view = getLayoutInflater().inflate(layoutResource, group);2 | view.setVisibility(View.GONE)3 | System.out.println(“View ” + view + ” has visibility ” + view.getVisibility() + “.”);// Kotlin1 | val view = layoutInflater.inflate(layoutResource, group)2 | view.visibility = View.GONE3 | println(“View $view…

Read More →

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 →

Back to Top