Smooth Diagonal Fade Gallery with CSS3 Transitions
In this tutorial we are going to create a gallery with a smooth diagonal fade effect, powered by css3 transitions. It will scan a folder with photos on the server and display them in a grid that spans the entire browser window. Adding new photos is as easy as copying two files (a regular image and a thumbnail, preferably 150x150 px) to the gallery folder. CSS3 capable browsers will show a smoothly
Quick Tip: Use a Google Docs Presentation as a Product Tour
Google Docs, the online productivity suite developed by the search giant, includes a rarely talked about feature - a fully fledged application for building presentations. As with everything done by Google, the presentations are HTML5 based and can be embedded into any web site. They also support transitions and effects that you would normally expect from something like Powerpoint, but implemented
Build a one-click registration form powered by Google
Do you know that you can use Google's services to build a one-click registration form for your web site? Everyone with a Google Account can then press a button and instantly sign up for your application with their email, name and photo. This service is called federated login, and is built on top of the OAuth2 protocol. This is a complex process that involves several data-exchange requests between
5 Lightweight jQuery Alternatives for Mobile Development
We all love jQuery. This site is even dedicated to building beautiful examples that use the library. But there are situations in which jQuery is not the smart choice. If you are using it only for simple DOM manipulation or an AJAX request or two, why slow down your page load times and introduce an additional dependency? The problem is more severe on mobile devices. You see, although we include jQu
Timeline Portfolio
Timeline is a jQuery plugin specialized in showing a chronological series of events. You can embed all kinds of media including tweets, videos and maps, and associate them with a date. With some design tweaks, this will make it perfect for a portfolio in which you showcase your work and interests. The HTML Timeline comes with a light colored theme by default. It is perfectly usable and in most cas
Making an Impressive Product Showcase with CSS3
A product page is any page on your website that showcases a product. It has to describe its features, give some screenshots, and be descriptive. Naturally, this is the place where you build up the visitor's interest towards your product, but it is getting increasingly difficult to be original in grabbing their attention. Luckily, a new compact JavaScript library can help you make a splash. impress
Apple-like Login Form with CSS 3D Transforms
Hey did you know that you can flip elements in 3D space with CSS3? You probably should as this has been possible for nearly two years. First only in Webkit browsers - Safari and Chrome, but now in Firefox as well. This means that more than half of the world (that use a non IE browser) can see advanced, CSS driven animations and effects. In this tutorial we will see how we can use these transforms
Enhance Your Website with the FullScreen API
One of the benefits to having new browser versions out every six weeks, is the rapid pace with which new functionality is introduced. The transition from nightly builds to official releases is merely weeks away. This means that even those of you who keep a close eye on the feature lists might miss an api or two. This is the case with the Full Screen API. As if overnight, it went from a neat experi
Chained AJAX Selects
In today's tutorial, we will build a set of chained select elements. Selecting an option in one of them will trigger an update on the page, showing you more choices to refine your selection. We will describe the options server side with PHP, so it is easy for you to hook today's example to a database. The idea for this tutorial was suggested by Casper Hansen from Denmark. The HTML As you can see f
15 Powerful jQuery Tips and Tricks for Developers
In this article we will take a look at 15 jQuery techniques which will be useful for your effective use of the library. We will start with a few tips about performance and continue with short introductions to some of the library's more obscure features. 1) Use the Latest Version of jQuery With all the innovation taking place in the jQuery project, one of the easiest ways to improve the performance
Making a CSS3 Animated Menu
In this short tutorial, we will be using the power of CSS3 effects and transitions, to build a JavaScript-free animated navigation menu which you can use to add a polished look to your website or template. We will be using some neat features such as the :target pseudo selector and :after elements. The HTML The first step is to define the HTML backbone of the website. We are using HTML5 tags extens
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
App Engine Series #5: The Front End