This article was written by the team at Internet Explorer. It has been authorized to be published on WebAppers.
So why building a 3D soft engine? Well, it’s simply because it really helps understanding how modern 3D works with our GPUs. Indeed, I’m currently learning the basics of 3D thanks to internal workshops delivered within Microsoft by the awesome David Catuhe. He’s been mastering 3D for many years now and matrices operations is hard-coded in his brain. When I was young, I was dreaming to be able to write such engines but I had the feeling it was too complex for me. Finally, you’ll see that this is not – that – complex. You simply need someone that will help you understanding the underlying principles in a simple way.
Through this series, you will learn how to project some 3D coordinates (X, Y, Z) associated to a point (a vertex) on a 2D screen, how to draw lines between each point, how to fill some triangles, to handle lights, materials and so on. This first tutorial will simply show you how to display 8 points associated to a cube and how to move them in a virtual 3D world.
Read the rest of this entry »
No matter which business you are in, business card will play a important role especially when having business communications with potential clients. Everyone is trying innovative ways of attracting and retaining the attention of the customers.
There are so many business men puzzle their brains to work out unique business cards. Design Inspiration has shared an article: 30 Creative and Inspiring Business Cards. If you are looking for inspirations for your next business card design, it will be helpful.
In this article, you’ll learn about the OAuth 2.0 approach to user authentication, using XMLHttpRequest 2 for cross-origin resource sharing (CORS) and also REST. At the end, I’ll demonstrate a working app that allows users to connect to and manipulate their SkyDrive photos in the browser.
About two years ago, I was asked to add Windows Live and Facebook Connect buttons to a Web site.
Read the rest of this entry »
Codrops has shared an article: Medium-Style Page Transition, which teaches how to achieve Medium’s next page transition effect—an effect that can be seen by clicking anywhere on the “Read Next” footer at the bottom of the page. This effect is characterized by the lower article easing upward as the current article fades up and out.
License: License Free
Pierre and I have just finished a v0.1 of the client part. You can download it from Github: BabylonJS.GameFX & you can find some simple samples on our website: http://gamefx.babylonjs.com/
Sébastien has almost finished a back-end set of APIs to help you handling a leaderboard in a near future. We’ll then talk only about the client part here.
By the way, please note that we’re mainly working on this framework on our part time and that v0.1 means that this is far from being completed. So, please be kind with us if everything is not perfect yet :) But we’d like to start sharing with you what we’ve done so far, listen to your feedbacks and continue/enhance it in the next weeks. We will then iterate with your feedbacks in the next releases.
In this first tutorial, we’re going to see how to use the main features we’ve shipped. By following this tutorial, you’ll be able to create the following result in less than 30 lines of code:
Read the rest of this entry »
GraphicStock is a subscription-based website that provides members with unlimited downloads of stock graphics, stock images, icons, buttons, backgrounds, textures and more. Instead of charging per download, they allow our members to download as much as they want all for less than the price of just one graphic at many competing sites. They aim to provide high quality content that household brand names are proud to use, but at a price point that even the casual graphic design enthusiast can afford.
The cool folks over at GraphicStock have been working tirelessly to add all new graphics and images to cater to whatever your needs might be as a design professional. They have just announced 100,000 images now on GraphicStock.
In celebration of their new content they’re offering 7 days of FREE access to download anything you want from over 100,000 images, graphics, icons, vectors, textures, backgrounds and more. You can come claim your 7 days of FREE access to all of the new designs on GraphicStock today.
While meeting some game studios, I often have the same question coming over and over: if I’m writing/porting my game in HTML5, will it run well on the various targeted devices? Will it be playable or will the gameplay suffer too much? To answer to that question, I often use my own experience based on what I know and what worked well during my own tests. But I also had the feeling it wasn’t enough to provide some good advices.
In the meantime, there were some obvious facts. For instance, we all know that mobile devices can’t animate as many sprites as desktop PC and preserve 60 fps. We know also that combining SVG and Canvas is a good idea to write games that scale across devices but this could also impact the performance. Moreover, even if GPU and hardware acceleration is available on mobile, their hardware architectures differ a lot from the PC and this impacts also a lot the performances. There is dozen of scenarios like that to address and to be aware of while writing HTML5 games for mobiles. But in which proportions?
With my friend David Catuhe, we then decided to measure these various scenarios and build a benchmark framework to have a better idea on what to pay attention for. It’s named the HTML5 Potatoes Gaming Bench framework. The concept is then to help you benchmarking your targeted platforms and to obtain indicators for your future games: number of simultaneous sprites supported, SVG & Canvas composition performance, usage of videos, etc. It’s a tool we’d like to provide you to help you benchmarking your own scenarios for your games. Read the rest of this entry »
Running an online store is far not as easy as it seems at first sight. However, if you are a smart merchant, you can’t ignore the fact that we have already entered the era of e-Commerce, so ‘the game is worth the candle’.
Did you know that by 2016, more than $320 billion will be spent on online shopping according to Forrester Research? Just think about it! This is impressive.
Of course you would like to put your finger into this hot, delicious pie. The problem is that now online commerce becomes something ordinary. That is, online stores pop up like mushrooms making tough competition to each other. Even the most quality expensive design can’t guarantee high conversion rates. Moreover, even if you run a successful street store, it doesn’t mean that the same thing will happen on the net. Cyberspace requires certain changes in your business strategy, psychology, and deeper understanding of the difference between the two parallel worlds.
To make your online store stay afloat you need to keep in mind hundreds of details like replenishing products stock, driving more traffic to your store, inventing new promo campaigns, responding to unsatisfied customers, training your employees and so on.
So, the goal of our today’s blog post is to lay down some concrete tips on global e-business strategies. In other words, to share some secrets on how to make people living worldwide buy from you and bolster them with good examples of e-commerce stores that managed to become successful despite the difficulties they met on their way to popularity.
Follow these life hacks and they will help you deliver superior customer experience, boost business efficiency, expand product market and raise your income. Read the rest of this entry »
A straightforward navigation structure can increase the usability of your site, and make information easy to find. By using basic HTML and CSS, you can build a horizontal nav bar that provides interaction when a user hovers over a navigation link.
Start with Markup First
While you probably already have a design in mind that fits with the rest of your site, concentrating on HTML first, before worrying about the presentation and CSS, will help you keep your markup clean and tight. This results in better front-end performance and aids in organization as you continue your development. Figure 1 illustrates the end result.
Figure 1. Completed navigation bar
Break It Down
You’ll learn the rationale and code for each step in the build process:
- HTML structure
- Structural styles: aligning the items, padding, and margins
- Decorative styles: gradients, text color, border radius
- Special interactive styles using pseudo class selectors
Solid HTML structure is the foundation of any Web page. There are many different ways to achieve the same visual result, but some structures offer advantages like semantic meaning and can help you keep your corresponding CSS stylesheets in order.
Using HTML5 Semantic Tags
Before HTML5, the tag <div> was a one-size-fits-all containing element for anything from main text sections to footers. However, new semantic tags like <header>, <nav>, <section> and <footer> better organize markup into meaningful sections and reduce the need for repetitive class names in you stylesheets. Since most modern browsers support HTML5, it’s best to take advantage of these new descriptive tags to give your markup contextual meaning. Read the rest of this entry »
This bundle is called “Zero Bundle“, and it’s called zero simply because that’s what it costs zero. We all love cheap resources, but free is always better, isn’t it? it’s an awesome bundle of free design goodies, with icons, textures, PSDs and much more.
The bundle will remain active for only 30 days, so download yours today so you don’t miss out on this great opportunity for accessing hundreds of beautiful icons. All icons can be used for personal and commercial uses but cannot be redistributed.
License: License Free