Web Development

Learning to Code: The Roadmap I Wish I Had Been Given - Jimmy Li. CSS3 Generator. Context Menu Example with jQuery Mobile. Yesterday a reader asked me about building context menu support for images within a jQuery Mobile operation.

Turns out it's pretty easy. Obviously there is no such thing as a right-click menu on a touch device. That being said - the convention that most mobile applications use is a "taphold" listener. You touch the item with your finger and wait. In a second or two, the context menu pops up. I've taken a few simple images and embedded them into the page. In the code block at the bottom, I register an event listener for the taphold event and fire off a call to the SimpleDialog2 control. Here's a quick screen shot so you can see it in action. Ok, if you want to stop reading now, you can. One of the nice features of the SimpleDialog2 control is that you can auto-dismiss it if you click anywhere else in the DOM.

Remote Synthesis. Mobile Web Best Practices. Hammer.js: Agregá gestos multitouch a tu sitio web fácilmente. CodeKit — THE Mac App For Web Developers. 50 jQuery Function Demos for Aspiring Web Developers - Smashing Coding. Every aspiring Web developer should know about the power of JavaScript and how it can be used to enhance the ways in which people see and interact with Web pages.

Fortunately, to help us be more productive, we can use the power of JavaScript libraries, and in this article we will take a good look at jQuery in action. What Is jQuery? Link In a nutshell, jQuery is a leading JavaScript library that can perform wonders on your Web pages and make your Web development life much easier and more enjoyable. With the rise in popularity of jQuery since its arrival in 2006, over an estimated 24 million websites (50% of them being the 10,000 most visited websites) currently reap the benefits, and as Google Trends suggests, it’s the most popular JavaScript library.

Thousands of Web developers worldwide use jQuery to innovate on their websites and stay up to date on trends. jQuery And CSS Link. Develop A One-Of-A-Kind CSS/JS-Based Game Portfolio. Best of JavaScript, HTML5 & CSS3 - Week of May 28, 2012. Better Facebook Fan Page: Essential Tips, Apps and Examples. Facebook has changed all of our lives.

Whether you’ve ever had an account or even visited the website, it’s difficult to ignore the hundreds of Facebook’s “Like” and “Share” badges seen all around the modern web. The blogosphere is constantly buzzing with comments and shares over Facebook. Knowing the popularity of Facebook, it’s commonplace to create a fan page for any community or website launch. Beginner’s Guide to CSS3. Ever since the announcement of in 2005, the development of the level 3 of Cascading Style Sheet or better known as CSS3 has been closely watched and monitored by many designers and developers.

All of us excited to get our hands on the new features of CSS3 – the text shadows, borders with images, opacity, multiple backgrounds, etc, just to name a few. As of today, not all selectors of CSS3 are fully supported yet. But that doesn’t mean we can’t have some fun testing new CSS3 stuff. HTML5 Template Generators, Frameworks And Tools. Although the big players in web design industry have been adopting HTML5 in recent years, there are not really many others using it in practical solution, mostly due to the lack of time or understanding.

Chances are if a language is being promoted for certain time, there will be enthusiasts going into the troubles of eliminating your troubles by creating HTML5 template generators and frameworks. At Hongkiat, we always want to make your development work as easy as possible, so below is the list of HTML5 template generators and frameworks that either speed up your HTML5 development, or helps you ease troubling issues like browser compatibility. By the end of the day, your HTML5 development will only get easier and happier with these generators and frameworks!

Why Framework? Although it might takes some time to actually learn the framework, if you have the framework at ready all you need to add is the content and slight modifications according to your taste. Template Generators & Frameworks. Get More Fans: 5 Tips to Promote your Facebook Page. Almost every other blog, site or organization online (and off) has a Facebook page for two reasons: one, throw a pebble into the air and on its way down, it would probably hit someone who has a Facebook account; and two, everyone else in your industry is probably doing it, would you like to be the only one without a Facebook fan page?

Whether you want it to be a supplementary page to inform your readers about the latest offer, article or promotions or if you function mostly from your Facebook page for your business, this article is for you. For a more technical approach, read our 10 Tips & Tricks for your Business’s Facebook Fan page. Starting out can be pretty tough but if you play your cards right and keep these few tips in mind, you will be able to see the numbers go up month after month. Bear in mind that just because these are tips, it doesn’t mean they are easy to do. How To Convert Your Tweets Into A Published Book [Quicktip] Twitter lets you post very short updates of a maximum of 140 characters each, and over time, these tweets become an interesting snapshot of our daily lives.

However, there is one very apparent problem with Twitter. It simply moves too fast and the scrolling makes it hard to read all your previous tweets. Beginner’s Guide To: Building HTML5/CSS3 Webpages.