background preloader

Loading GIF & APNG (AJAX loaders) generator

Loading GIF & APNG (AJAX loaders) generator
Denotes width and height of a preloader in pixels. The default best quality maximum size of each image is set when selected from the list. In order for the image to have proportional width and height, check the "Constrain proportions" box and it will change the other parameter in regards to the entered one. If you want to get back to the original size of the image, click on the "Reset sizes" link under "Preloader size" title.

http://preloaders.net/

Related:  UXWebDevPortfoliowebsiteRessources graphiques et Web Design

Social Networks Photo Stream Free jQuery Plugin Display photo stream on your web page from eight social networks including picasa, pinterest, dribbble, instragram, deviantart, flickr, youtube or regular news page. It's pretty simple to use and requires jQuery library. Only thing you need is to make a div with a class of the social network that you wish to show images from and call the plugin at the bottom of the page. You can set the number of images you wish to show. Size of the images displayed can be defined using simple css.

50 great parallax scrolling websites Today's advanced web technologies make it possible to create remarkable effects in the browser. While these effects can be gimmicky, when employed in the right way they can result in a distinctive and memorable website. One fairly recent web design trend is parallax scrolling, which involves the background moving at a slower rate to the foreground, creating a 3D effect as you scroll down the page. Hover.css - A collection of CSS3 powered hover effects All Hover.css effects make use of a single element (with the help of some pseudo-elements where necessary), are self contained so you can easily copy and paste them, and come in CSS, Sass, and LESS flavours. For best results, hover effects use a couple of "hacks" (undesirable but usually necessary lines of code). For more information on these hacks and whether you need them, please read the FAQ. Many effects use CSS3 features such as transitions, transforms and animations. Old browsers that don't support these features may need some extra attention to be certain a fallback hover effect is still in place. License

Iconography An icon is a graphic that takes up a small portion of screen real estate and provides a quick, intuitive representation of an action, a status, or an app. When you design icons for your app, it's important to keep in mind that your app may be installed on a variety of devices that offer a range of pixel densities, as mentioned in Devices and Displays. But you can make your icons look great on all devices by providing each icon in multiple sizes. When your app runs, Android checks the characteristics of the device screen and loads the appropriate density-specific assets for your app. Because you will deliver each icon in multiple sizes to support different densities, the design guidelines below refer to the icon dimensions in dp units, which are based on the pixel dimensions of a medium-density (MDPI) screen. Launcher

Animate your HTML5 previous next action action = on most slides, something happens when you click (especially slides 4, 9, 19, 31 and 38 :-) Martin Gorner GDG DevFest Berlin 2013 CSS3 Transitions CSS3 Animations jQuery Photoset Grid - Style Hatch A simple jQuery plugin to arrange images into a flexible grid, based on Tumblr's photoset feature. Originally the plugin was created for our Style Hatch Tumblr themes as a way to use the photoset grid in responsive layouts, but we have since expanded it for use outside of the themes. Demos & Usage Basic Photoset Grid Simply call photosetGrid(); on a div with the data-layout specified and a number of images inside. Javascript: 50+ Beautiful CSS3 Buttons with Effects & Tutorials - freshDesignweb Same effect can be used on navigation bars, buttons etc., and these look great in every major browser except Internet Explorer 8 and below as they do not support the gradients and box shadows. Please take a look at the source code to understand more about them. Enjoying wonderful new CSS3 properties we can create some amazingly elegant and stylish buttons styles without the smell of an image and have perfectly adequate fall back styles for older browsers. You may like to create your buttons directly in CSS, or you may like to head to your layout tool of choice, but it is important to consider how your button design lives in context .

PHP Login Form with Sessions Session variables are used to store individual client’s information on web server for later use, as web server does not know which client’s request to be respond because, HTTP address does not maintained state. This tutorial enables you to create sessions in PHP via Login form and web server respond according to his/her request. To Start a PHP Session: To Store values in PHP Session variable:

❍ IcoMoon - icon packs IcoMoon is striving to build and provide the best iconography and icon management tool for perfectionists. IcoMoon's icon library features only the very best icon sets out there. All of our icons are designed on a precise pixel grid. The IcoMoon app lets you build and use your own icon sets in different formats including SVG, icon font or simple PNG/CSS sprites. IcoMoon was first built and released back in the November of 2011.

Coming Sssoon Page Free one page item based on Bootstrap 3. Use Coming Sssoon Page to create a following group users before actually starting your project! it is light, easy to use and it helps you be in contact with your audience. Why have a coming soon page and a subscription? Because social media spreads your message, but email and content marketing help you establish a connection with your customers.

Creating a Mobile-First Responsive Web Design Introduction We're going to walk through how to create an adaptive web experience that's designed mobile-first. This article and demo will go over the following: There is even more up to date responsive guidance on our new Web Fundamentals site. Knight Lab Projects Northwestern University Knight Lab builds software that helps inform and engage the public. Our projects range from professionally developed products used by newsrooms around the world to experimental prototypes that predict voting behavior, recommend content, and track political rhetoric. As a Lab, not every idea grows in to a full-blown product. Some ideas are born, built, and die before being released to the public. Others move from a proof-of-concept built by students in a Northwestern classroom to the Lab for professional development and design and are then used by media makers around the world.

25 Free Website Under Construction and Coming Soon Page Sometimes a redesign might be the only way to get around a old theme which is on your website to compensate for missing features. If your website still uses old template then chances of modern techies visiting your website is gradually degrading. A critical turning point when you decide to do a redesign for your website with a design agency according to the needs of modern day customer is made by most brands one way or other when new technologies like responsive, flat designs, one page parallax emerge. Its not wise to blank out for a week or two and keep your visitors guessing whats happening out there. Under construction page or coming soon pages are the right tool here to get your visitor attention and convincing them of a website redesign by keeping them hooked via email notifications, social networks etc.

Related:  Tools onlineMobile App