Internet Explorer CSS3 PIE: CSS3 decorations for IE
HTML5 Image uploader with Jcrop
HTML5 Image uploader with Jcrop We have received several inquiries for the last time from our readers with a question – how to upload photos to website. I think that this is an interesting question, and, I decided to lift the veil of this question. But, I think that the basic file upload is a bit boring thing, so, I decided to add an important feature – Cropping. It should be more attractive. Moreover, we are going to use HTML5 FileReader in order to perform cropping with Jcrop (jquery library) at client size. It is the very time to test our demo and download the sources: Live Demo download in package Step 1. Our first step is html markup. first, we have to put styles and scripts in the HEAD section: And now, in the BODY section we can put our form: I hope that all is clear at this step – this is usual upload form, with hidden and visible fields, once we have selected an image, we will see second step (crop). Step 2. Now, I would like to give you CSS styles to stylize our form: css/main.css
Isotope
jquery
Slider jquery responsive : SlideMe Par Florian le 14 novembre 2013 SlideMe est un slider jquery responsive qui vous permettra d’effectuer des transitions en CSS3. Il est moderne et s’intègre facilement dans tous les sites grâce à à design très sobre et facilement personnalisable. Carousel responsive jquery : Ownlcarousel Par Florian le 1 octobre 2013 OwlCarousel est un carousel complet et tactile, avec une fonctionnalité originale : pouvoir afficher un nombre de slides différent en fonction du support (desktop, tablette, smartphone) Jquery responsive: NProgress.js Par Florian le 18 septembre 2013 Voici un peut jquery sympathique , qui est un loader responsive facile à mettre en place. Jquery responsive : Least Par Florian le 29 mai 2013 Least est un plugin jQuery permettant de créer un mur d’images responsive avec lazyload. Jquery responsive : Magnific Popup Par Florian le 15 mai 2013 23 Sliders responsive Par Florian le 29 avril 2013 Jquery responsive : Nested Par Florian le 9 avril 2013
CSS Layout Generator
About the CSS Layout Generator The CSS Layout Generator was first released by Tony Aslett in October 2003, since then over 871,000 layouts have been generated. Updated in November 2010, HTML5 doctype can now be selected and a simple HTML5 template with appropriate tags will be created. The generator helps you create the structure of your website template using valid HTML and CSS. You can create a fluid or fixed width floated column layout, with up to 3 columns and with header and footer. The generator requires a modern DOM capable browser with JavaScript enabled. Instructions To create your layout select the structural elements your site requires (header, footer, columns). Info popups are available where you see InfoMore info example :) icon, just hover over it for more information. Join the CSS Forum to suggest changes or ask for help where needed. Author: Tony Aslett
jquery FooTable
15 Best jQuery Grid Plugins for Developers
Todays requirement when designing and developing a website is based on Responsiveness, where ones website must be able to adapt and resize across all handheld devices – thus: our thinking towards a tablet – like approach must incorporate fluid and adaptive as well as responsive layouts in developing a website. Most website design today seems to rely on the Grid system and layout, which allows designers a way by which to organize content on a page, using any combination of margins, guides, rows and columns. Grid design is most commonly seen in newspaper and magazine layouts which consist of columns of text and images. The amount of grid layouts which can be created is basically limitless and can be arranged in a myriad of ways, such as : equally sized two, three and four-column grids with a header across the top, as well as a full-page grid of squares with a consistent look and feel. 1. 2. S Gallery is a jQuery image gallery plugin that displays images in a responsive grid. 3. 6. 7. 9.
Usage Examples | MaxImage 2.0
Caution: This example is meant for expert users. Remember, with FillElement you can often accomplish an offset scheme very easily... just set your containing element where you want the images to be displayed. Because the first rule of Maximage 2.0 is to try to remain hands off and out of your way, the built in support for offsets have been dropped with version 2.0. This doesn't mean they aren't possible. What I am doing with the below code is creating curtains / offsets that live in front of the slideshow. Once we have our curtains up, the slideshow is still resizing to the full window and we want to have it maximize within the viewable area... our window size minus our offsets. View Example
CSS3 Animator, HTML5 Animations, Create Stunning Animations with Ease | Sencha Animator
The Sencha Web Application Lifecycle Management platform simplifies the challenges of managing the software development lifecycle of web applications. Now you can seamlessly design, develop, and test data-intensive web applications and deliver the right user experience, on the right screen, at the right time. Sencha Platform for Web Application Lifecycle Management The Sencha portfolio of products and services forms an integrated, modular platform for managing the lifecycle of your cross-platform web applications. Sencha products can be deployed separately or together to form an end-to-end solution. With the Sencha Platform you can prototype, develop, theme, debug, and test your web applications on any device running any browser. Design The Sencha platform helps you accelerate your web application development efforts with out-of-the box theming capabilities across all applications. Learn More: Ext JS | Architect | Themer Develop Learn More: Ext JS | Sencha Test | GXT Test An Open Platform
Kicksend/mailcheck
