Integrating social media services in your website design is vital if you want to make it easy for readers to share your content. While some users are happy with the social media buttons that come built into their design template, the majority of WordPress users install a plugin to automatically embed sharing links on their pages. Many of you will find that a plugin does exactly what you need; others not so much. Some are poorly coded, and most include services that you just don’t need. And while some great social media plugins are out there, they don’t integrate with every WordPress design. If you aren’t comfortable editing your WordPress templates, a plugin is probably the best solution.
Tutorial: Integrate your Website with Facebook’s Open Graph & Social Plugins Now that you have created a Facebook App ID for your website , you need to associate that App ID with your website, by modifying the <html> tag for your site and, on each page, adding the Open Graph meta data to facilitate the Facebook Social Plugins. The essential meta tags you need to add to your website pages NOTE: This part requires at least some knowledge of Web coding, as you must edit the HTML of your website pages. NOTE: If your website is built on the WordPress CMS , read our tutorial on adding the Open Graph meta tags to your WordPress website or blog . Step 1: Modify your <html> Tag You’ll need to modify your <html> tags to include some Facebook-specific tags:
Jonathan Goldford is a partner at Wired Impact , a web design company that builds websites for nonprofits. You can connect with Jonathan on Twitter and on the Wired Impact Facebook page . Sometimes as programmers, we forget that 99.9% of the population doesn’t care how a piece of text, a button, an image or a video ends up onscreen. Most people just care that it’s fast, easy to use and gives them the content they want. 3 Mistakes Web Programmers Need to Stop Making
HTML5 and CSS3 have swept the web by storm in only 2 years. Before them there have been many altered semantics in the way web designers are expected to create web pages, and with their arrival come a slew of awesome supports such as alternative media, XML-style tags, and progressive input attributes for web designers to achieve dreamy features like animation. (Image Source: SARBARTHA DAS , HeskinRadiophonic ) Though most developers seem to showcase potential yet complicated demos , HTML5/CSS3 are not really rocket science, and I’ll be walking you through the relaxing process to build a standard HTML5/CSS3 web page with comprehensive yet in-depth explanation and tada! Bonuses like learning resources and free HTML5 templates are available for you, so take this chance to kick-start your HTML5 journey! Beginner’s Guide To: Building HTML5/CSS3 Webpages
In this round-up, you will find the best of the freshest jQuery Image and Content Sliders Plugins so that you can take advantage of them and produce startling image and content sliders. You may find it quite difficult to figure out which plugin is best for you because all these plugins have different functionality. Keeping this in mind, we compiled this post. Let’s have a closer look! WooSlider (premium – $35) 40+ Fresh jQuery Image And Content Sliders Plugins
This post originally appeared on the American Express OPEN Forum, where Mashable regularly contributes articles about leveraging social media and technology in small business. Sure, having a website for your business serves a practical need: to draw net-surfing users to your product or service. However, it’s also much more than slapping on a run of the mill two-column template and calling it a day.
I’m sure that at one point or another you were designing a website and thought it could use a little something extra. That bit of something that adds extra functionality or enhances what it already has, making it not only easier for the user to receive the information they seek, but also present it in a neat package. In no particular order, I give you a handpicked collection of jQuery plugins and some CSS3 tricks to top it off. Surely, with these in your designer arsenal, your creations will stand out more than ever before. jQuery Mouthwatering Collection Of jQuery Plugins And CSS3 Tricks