Adding Social Sharing in a Node.js Single-Page Application
Single-Page Applications (SPAs) are powered by client-side rendering templates, which give the end user a very dynamic experience. Recently, Google announced that they crawl web pages and execute...
View ArticleAn Example of AJAX with Vanilla Javascript
Following on from our introduction to AJAX, here’s an example which uses the XMLHttpRequest API to initialize an AJAX request.AJAX ExampleHave a look at the following basic structure:<div>...
View ArticleNew Course: Building WordPress Themes With Bootstrap
In our new course, Building WordPress Themes With Bootstrap, you're going to learn how to convert a portfolio HTML template into a WordPress theme. Along the way, Envato Tuts+ instructor Adi Purdila...
View ArticleWeekly Inspiration: 40 Examples of 404 Pages
404 error pages are a great opportunity to show off a website’s personality, whilst offering help to potentially confused users. If you’ve launched a website without having considered error pages, you...
View ArticleHandy Sketch Features for Designing Style Guides
What You'll Be CreatingThis tutorial will show you how to organize a style guide using Sketch. Additionally it will teach you some core skills for using Sketch in other situations. We will go over...
View ArticleHow to Create an Open Source Directory on GitHub Pages
One really useful aspect of GitHub repos is that they allow us to host static websites thanks to GitHub Pages. But did you know that you can dynamically display all your GitHub repos on your website as...
View ArticleAMP in 60 Seconds
The AMP project is an open source initiative backed by Google, with the goal of making websites faster. Here’s what it is, in sixty seconds!Useful ResourcesAMP Project: Will it Make Your Sites...
View ArticleLearn the Secrets of Persuasive Web Design in Our New Short Course
You can create the most beautifully designed website in the world, but if it doesn't convert, it has failed. The biggest problem designers solve is how to encourage users to take action, and it is...
View ArticleWeekly Inspiration: Full-on Full Screen Home Pages
The full screen splash is one of the most familiar patterns on the web at the moment. Some love it, some loath it, but whatever your feelings let’s take a look at some noteworthy examples and talk...
View ArticleQuick Tip: How to Extend CodeKit with “Hooks”
The number of design and development tools we have at our disposal grows with every passing month. Nonetheless, some of us are quite comfortable with our current tools and a workflow that may no longer...
View ArticleQuick Tip: Make AMP’s Inline CSS Easier With Jade or PHP
The AMP Project provides a relatively hands-free way to implement several different types of web page optimization. You can read our complete rundown of exactly what the project is and what it does in...
View Article15 Best WordPress Portfolio Themes For Creatives
Whether you're a photographer, a painter, or a web designer, one thing remains a constant: You need a portfolio. After all, portfolios are the time-tested, best way to give potential clients a look...
View ArticlePreserving Coding Standards: 5 Tools to Get You Started
There are numerous resources we can lean on during coding that will help preserve standards across the team. In this tutorial, we are going to look into how to deploy and use five of these...
View ArticleWeekly Inspiration: Comments, Discussion, and Feedback
In this age of content saturation on the web, one opportunity for online publishers to stand out is through their respective communities. The communities which surround and make use of websites are...
View ArticleNew Course: Productivity Tips for Your Web Design Business
If you're struggling to stay on top of your business and its demands, try our new Coffee Break Course, Productivity Tips for Your Web Design Business.You'll be in the company of Paul Boag, founder of...
View ArticleHow to Make a Basic AMP Page From Scratch
The AMP Project is a newly deployed open source initiative backed by Google, with the goal of helping make sites faster, particularly those with heavy use of media and/or need for monetization. It’s...
View ArticleCurrent Web Design Trends: Full-on Full Screen Home Pages
The full screen splash is one of the most familiar patterns on the web at the moment. Some love it, some loath it, but whatever your feelings let’s take a look at some noteworthy examples and talk...
View ArticleDesigning Comments, Discussion, and Feedback For the Web
In this age of content saturation on the web, one opportunity for online publishers to stand out is through their respective communities. The communities which surround and make use of websites are...
View Article20 Responsive Email Newsletter Templates—For Your Next Marketing Campaign
Email marketing is the most effective form of digital marketing, according to Ascend2, a research and marketing firm. Based on survey results reported in Forbes Magazine, 54% of global respondents...
View ArticleBetter CSS Drop Caps With “initial-letter”
Drop caps are a form of decoration sometimes used at the beginning of a block of text; the initial letter running several lines deep and indenting the body text within these lines. Drop cap example, as...
View Article