background preloader


Facebook Twitter

How To Integrate Facebook, Twitter And Google+ In WordPress. Advertisement Integrating social media services in your website design is vital if you want to make it easy for readers to share your content.

How To Integrate Facebook, Twitter And Google+ In WordPress

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. Today, we’ll show you how to manually integrate the three most popular social media services on your website: Twitter, Facebook and Google+.

Please make sure to back up all of your template files before making any changes, so that you can revert back if something goes wrong. 1. 2. <? (al)


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.

3 Mistakes Web Programmers Need to Stop Making. Jonathan Goldford is a partner at Wired Impact, a web design company that builds websites for nonprofits.

3 Mistakes Web Programmers Need to Stop Making

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. Beginner’s Guide To: Building HTML5/CSS3 Webpages.

HTML5 and CSS3 have swept the web by storm in only 2 years.

Beginner’s Guide To: Building HTML5/CSS3 Webpages

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! 40+ Fresh jQuery Image And Content Sliders Plugins. 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.

40+ Fresh jQuery Image And Content Sliders Plugins

You may find it quite difficult to figure out which plugin is best for you because all these plugins have different functionalities. Keeping this in mind, we compiled this post. Let’s have a closer look and enjoy the power of visual presentation! Sliders are one of the best ways how to show of feature list, benefits, images say more than thousand words! Oh, before we start with the list, look at this amazing example how these sliders can be used creatively.

FlatPack FlatPack has an unusual, yet awesome solution. Preview Of course, there are many various solutions in the list as well. Slider Revolution Slider Revolution is a responsive (mobile friendly) or full-width slider with must-see effects which can still keep or build your SEO optimisation (all content always readable for search engines). 1. 4 Tips to Keep Your Website Ahead of the Curve. This post originally appeared on the American Express OPEN Forum, where Mashable regularly contributes articles about leveraging social media and technology in small business.

4 Tips to Keep Your Website Ahead of the Curve

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. Nothing kills an online buzz like a poorly designed or drastically outdated website. Dry and boring default templates, broken assets, confusing pages and invasive widgets do nothing but harm a page's style, which in turn reflects poorly on the company. Mouthwatering Collection Of jQuery Plugins And CSS3 Tricks. I’m sure that at one point or another you were designing a website and thought it could use a little something extra.

Mouthwatering Collection Of jQuery Plugins And CSS3 Tricks

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 1. Excellent when using enlarged text for emphasis along with visual content. 2. A very elegant way of displaying items with the possibility of quickly previewing the content.Suggestion: use with other resizing elements so that the user can see them rearrange. 3. 4. Organise and reorder items to make it easier to find exactly what you need. 5. A little old, but still awesome. 6. jVectorMap Interactive map with the possibility of expanding for other uses.