background preloader

WEB

Facebook Twitter

TodoMVC. Learn HTML5, CSS3, Javascript - video style tutorials. Futurico UI pack HTML Edition based on Scaffy approach. Pure. Koala - a gui application for LESS, Sass, Compass and CoffeeScript compilation. Koala is a GUI application for Less, Sass, Compass and CoffeeScript compilation, to help web developers to use them more efficiently. Koala can run in windows, linux and mac. Download Version 2.0.2, 2014-01-24 Download Version 2.0.2, 2014-01-24 Linux: 32bit / 64bit Ubuntu: 32bit / 64bit Version 2.0.2, 2014-01-24 Core Features Multi-language Support Support for Less,Sass, CoffeeScript and Compass Framework.

Copyright @ Ethan Lai, Design By 单炒饭. Mousetrap - Keyboard shortcuts in Javascript. Brackets. Prism. Holder.js - client side image placeholders. Www.jarallax.com/demo3/ Jump to progress the Jarallax.jumpToProgress method allows the user to animate the Jarallax animation to a position in the animation. This is a very handy method for navigation. To see it in action press one of the navigation buttons on top of the page. Example jarallax.jumpToProgress( 20, 2000, 30); In this example Jarallax animates to position 20 over 2000 milliseconds with 24 frames a second. A lower frame rate will increase preformance but lower the amount of updates. Smooth scrollbar Some browsers smooth out the scrollbar when it is moved (like safari). Enabling the smoothed scrollbar will animate the current progress of the Jarallax animation to the scrollbar position. Example: var jarallax = new Jarallax(new ControllerScroll(true)); Clone animations In earlier versions of Jarallax every animation needs to be defined.

When defining an animation with the addAnimation method, an animation sequence is returned. X-editable :: In-place editing with Twitter Bootstrap, jQuery UI or pure jQuery. Select2 3.4.2. Select2 3.4.2. Select2 3.4.2. Jquery-complexify. Websites have a responsibility to users to accurately tell them how good a password is, and this is not an easy job. If your password is 8 characters long and only formed of lower case characters, you need to make it better, perhaps by adding a number or more characters. If your password is 25 characters long but happens to not contain a number, you shouldn't be forced by a password security policy to add one, you clearly have a very secure password. Complexify aims to provide a good measure of password complexity for websites to use both for giving hints to users in the form of strength bars, and for casually enforcing a minimum complexity for security reasons.

Note: I use the term 'casually' because this is only client-side validation and anyone could turn it off. Complexity Rating Complexify's default settings will enforce a minimum level of complexity that would mean brute-forcing should take ~600 years on a commodity desktop machine. Unicode Try it out: How do I use it? Complexify Ports. CSS3 Responsive Slider / Carousel Using Radio Buttons. Select catcher Created by Ian Hansson (@teapoted) Art from Brendan Zabarauskas (@bjzaba_). Icons from the iconSweets set. Browser Support: Best In Test: Firefox (transition performance) Full Support: Chrome, Firefox, Opera, Safari (latest versions of all browsers) Partial Support: IE9 (Functional, but does not support transitions) *No JavaScript Functionality (1 compatability fix though) iOS devices don't handle labels properly. You can view this page without the js iOS fix here.

How Does It Work? The actual slider is much like any JavaScript slider. To save our input we are using radio buttons. We put the radio buttons at the top so when they are :checked we can use a general sibling selectors (~) to change our slider. That is all the essential CSS, the other gaff is just styling and animation. Created by Ian Hansson (@teapoted), Feb 2012. SelectNav.js - responsive drop-down menu - pure JavaScript. About SelectNav.js is a JavaScript plugin that lets you convert your website navigation into a select drop-down menu. Used together with media queries it helps you to create a space saving, responsive navigation for small screen devices. Inspired by TinyNav.js, it was rewritten from scratch to become jQuery independent and customizable. To see it in action just resize this page and observe the topbar. Features Independent - no external library or other dependecies Ligthweight - only 1.5KB minified and 0.8KB minified+gziped Customizable - to make it suit your needs Compatible - tested with IE 6+, Firefox 3.6+, Chrome 4+, Safari 3+, Mobile Safari iOS 3.2+, Android 2.3+ Browser, Opera Mobile, Opera Mini.

Usage 1. <ul id="nav"><li><a href="homepage.html">Homepage</a></li><li><a href="about.html" class="active">About us</a></li><li><a href="contact.html">Contact</a></li></ul> Selectnav.js works with every navigation in form of ul or ol lists that follow the example above. 3. 4. Examples Result. ScreenQueries | Pixel Perfect Media Queries Debugging / Responsive Design Testing Tool.

HTML5 Blank WordPress Theme. 34 Responsive Grid System. TinyPNG – Compress PNG images while preserving transparency. Choosing an OSS license doesn’t need to be scary - ChooseALicense.com. Subtle Patterns | Free textures for your next web project. Building Web Apps with ASP.NET Jump Start - 8 Hours of FREE Training Videos.

Features - Web Essentials. 40+ Free and Premium Business Card PSD Templates. If you are having a business then it is obvious that you want to promote it. There are several techniques to promote a business; be it products or a personal service. Business card is considered one of the most effective methods of promoting business across the world. The idea of business card is very simple-it is a small piece of paper that has your name, your business address, contact details and other important information that can help people in availing your products or services. The question that is often asked is, what should be the exact nature of a business card? In fact, there is no any standard size or pattern or layout of a business card in the market.

However, one quality is must be there in every business card and that is a capability of drawing attention of the audience and inspire them to keep it for future use. Thus having a business card is not all that you can do to promote your business. Free Business Card PSD templates for Designers Free Business Card PSD Templates.

HTML

Pro - Videos. LLBLGen Pro Model first with QuickModel and more This short video demonstrates, among other things, the Quick Model feature of LLBLGen Pro, which allows the user to specify model elements very quickly using a simple command input system combined with a visual model viewer. The scenario when this feature is ideal is when you're interviewing a Domain expert and you want to store the information you gather in a re-usable way. This feature allows you to do that in such a way that the model is immediately presented to you and the Domain expert (so s/he immediately sees if it's correct or not). Another advantage is that the model is already in your project, so if a developer has to continue with the project, you don't need a translation phase and you don't have to discuss which entities were determined during the interview, they're already in the model.

All you need is a little fine tuning perhaps, using the other editors in the LLBLGen Pro designer. Click here to open the page with the video. Free eBooks. 5 Tips for Conversion Rate Optimization - Growth Giant. By Alaister Low on August 3rd, 2012 Marketers often focus on increasing traffic and building more awareness of their product or brand. However, post click marketing can have more impact on bottom line revenue, sales and product/service use. Increasing the conversion rate of a page by even 1 or 2 percent can dramatically improve key metrics. Here are 5 tips on how to increase the conversions of your landing pages. Be relevant All visitors will have some sort of expectation of what they will see and read once they reach your page. Use images that are relevant to the visitor.

Have a clear call to action (CTA) Having a clear CTA sounds simple and obvious, however many marketers often overlook this. Make sure you emphasize the benefits of what you have to offer and highlight how your desired CTA will help your visitor. Mail Chimp is great at presenting a clear offer and call to action. Evoke trust Testimonials are another great way to build trust with visitors. Understand user intent. AspConf 2012. Free and Premium New HTML Email Newsletter Templates. Email Marketing has gained significant popularity over the last few years and sending emails to prospective customers in the form of newsletters could be one of the best ways to advertise your products and services on the internet. There are several websites online that offer free and premium HTML email newsletter templates and you can easily download them.

There are email newsletters available on various topics and you need to be careful in choosing the right one that suits your website and also make sure it is quite interesting and informative to the reader. Most of the newsletters sent to the customers are usually deleted or thrown out to the junk mailbox since these do not offer the information in the right manner to the viewers. Therefore, the templates that you choose must be quite attractive and appealing to the customers and must satisfy their requirements.

Important characteristics of Email Newsletters: Buy Email Newsletter Templates FineLine – Email Template – 30 Layouts 8 Colors. 35+ Useful jQuery Menu Plugins. With the right jQuery menu plugin your website visitors may get the best and most dynamic navigation available. jQuery is a lightweight, cross-browser compliant, incredibly awesome and extremely powerful JavaScript framework (library) that emphasizes and simplifies interaction between JavaScript, CSS and HTML. With jQuery, you can change the look and feel of your website into something extraordinary, and it is easier than you think. This way you are providing a different and very dynamic look and feel that users will typically love.

Navigation is one of the most important elements in web design. It has to be neat, usable and creative at the same time in order not to drive your visitors away because they cannot find what they are looking for. jQuery is one of the most powerful tools to enhance your navigation and make it stand out and there are many cool scripts to help you do magic in minutes and not hours. Mac Style Dock Menu in jQuery and CSS – MORE INFO / DEMO Dropp – MORE INFO. Fluid Images — Unstoppable Robot Ninja. (Hello! If you think this article’s interesting, you might check out my ALA article on responsive web design.) I’ve always hated publishing. I don’t mean the industry, but the act. Hitting “print,” sending an email, pressing that “Publish” button on the CMS: at some point, you relinquish your ability to smooth down some of the sharper edges, fill in the holes of your argument, and just generally fix whatever’s broken.

At some point, you just accept what’s on the page, tousle its hair a bit, and send it off into the world at large to be judged, poked, and prodded. But that doesn’t mean you stop thinking about the article, what you could’ve done differently, and what you wished you’d included. To wit: One of the really solid criticisms lobbied against my Fluid Grids article for ALA was that all of my examples were pretty text-heavy. In Which “Looking Across the Pond for Help” Is a Pretty Decent Answer, As It Turns Out This solved the problem beautifully. As it turns out, not quite. Upload. 15 kostenlose jQuery- und CSS3-Tutorials. Einige der jQuery- und CSS3-Tutorials eignen sich nicht ausschließlich für das Umsetzen spezifischer Aufgabenstellungen, sondern sind auch ein probates Mittel, um sich mit Plugins und der entsprechenden Technologie auseinander zu setzen. Mit CSS3 und jQuery können Webdesigner innovative Designs umsetzen, die es ihren Kunden unter Umständen erleichtern, Besucher mit nicht alltäglichen Design-Elementen auf die eigene Website zu locken.

Die folgenden kostenlosen jQuery und CSS3 Tutorials richten sich in erster Linie an noch unerfahrene Webdesigner. Ressourcen für jQuery und CSS3 Wer noch auf der Suche nach Templates, Plugins oder sonstigen Tipps zu den Themen jQuery und CSS3 ist, wird auch hier auf t3n fündig. Anlaufpunkte sind beispielsweise die folgenden Artikel: jQuery und CSS3 Tutorial: Timeline Portfolio Diese Tutorial widmet sich dem jQuery-Plugin Timeline , mit dem man Inhalte in chronologischer Reihenfolge anzeigen kann. jQuery und CSS3 Tutorial für Image Slider Akkordeon-Menüs. jQuery NailThumb. Experience how useful it is in dynamic web applications, where you can face any shape or size. What it's useful for? Basically any media gallery But imagine you want to use avatars in your web applications: with this plugin you can avoid to develop a functionality that enable your user to load avatars of the right height and width, and still you'll be able to present them nicely in the size/sizes your layout need.

Most of all you'll be able to change those sizes whenever you want without the need for your users to upload a new one, or even manage different sizes/ratio for different layouts with no drawbacks on the avatar chosen. Take a look at the avatar demo What this is not? This plugin won't help you deliver very big high-res images more easily. Flexigrid. 32 Useful jQuery Filter and Sort Data Plugins. For a greater control over the order, placement and organization of your web page or table elements, you option is jQuery Filter or jQuery Sort plugins. With their drag-able controls these plugins make it possible to give you opportunity to create a more dynamic and user friendly design. Every web developer is aware of the fact that sorting and data filtering are useful in case you have large datasets but you can also use these features for managing list views such as portfolio pages.

In this post we are providing you with an overview of jQuery plugins which you will find useful for providing powerful functionality to re-order, filter and drag or drop facilities. 1- Using jQuery To Manipulate and Filter Data In case of large data tables, you would love to give your user a platform to sort through the data in a structured manner and you can have complete information about hover effect, zebra rows, filtering and sorting. Details 2- Beautiful Data Demo | Details Demo | Details 4- Advanced tables. 10 Ways to Build a Kick-Ass Resume. Despite all the advancements in technology over the last decade or so, the traditional word-based resume is still as popular as ever. However, if you’d like to stand out from the crowd there are a number of new school options for you to consider. And we’re not talking about simply having a LinkedIn profile which could almost be considered ‘old hat’ now.

Nope, we’re about to enter a new world of resume building and sharing. The only question is; Are prospective employers ready for what you can now dish up? Social Resumes 1. Zerply is one of the more high profile socially-shaped resume and career sites going around. 2. The first of two Facebook-powered apps, ResumUP wants to make your ‘social profile visual’. 3. Yes, BranchOut is technically more a ‘network’ than a plain old resume builder option but it allows you to create a profile which features everything that is wonderful (or not) about you. 4. LinkedIn have been quietly developing this functionality as an add-on to the main site. 5. WiX Toolset. Open Source ASP.NET CMS | Web Application Development Framework - SageFrame. ORM Comparison and Benchmarks on ORMBattle.NET. Overview. MarkItUp! Universal Markup jQuery Editor. Timeline Portfolio. Photo Booth Strips with Lightbox. 7+ jQuery Microsoft Excel Type Plugins.

Jqueryrotate - jQuery plugin that rotate images (and animate them) by any angle. jQuery Knob demo. 10 Best JS Mobile Web Development Frameworks | jQuer4u. 10 Stylish jQuery Form Plugins. Cool Kitten: A parallax scrolling responsive framework. iLightBox · Revolutionary Lightbox Plugin. Roole. iLightBox · Revolutionary Lightbox Plugin. 30 jQuery Image Slider Plugins and Tutorials.

CSS

Jquery.