background preloader


Facebook Twitter


PHP. JS. ASP. WCF. JSP. Scroll. Timeline – Zaawansowana oś czasu w jQuery. Zend. Turn.js - The page flip effect for HTML5. Turn.js is a JavaScript library that will make your content look like a real book or magazine using all the advantages of HTML5.

turn.js - The page flip effect for HTML5

The web is getting beautiful with new user interfaces based in HTML5; turn.js is the best fit for a magazine, book or catalog based in HTML5. Let's code <div id="flipbook"><div class="hard"> Turn.js </div><div class="hard"></div><div> Page 1 </div><div> Page 2 </div><div> Page 3 </div><div> Page 4 </div><div class="hard"></div><div class="hard"></div></div>

Zgodność OOP in JS, Part 1 : Public/Private Variables and Methods. This page shows how to create private variables and methods in "classes" in Javascript through the rather simple example of a person.

OOP in JS, Part 1 : Public/Private Variables and Methods

CSS3 transitions, transforms and animations. Browser Support for CSS transitions How to use transitions If you haven't used transitions before, here's a brief introduction.

CSS3 transitions, transforms and animations

On the element you want to have animate, add the following CSS: There is a lot of duplication due to vendor prefixes - until the specification if finalised, this will persist. If this bothers you, there are various tools such as CSS Scaffold, LESS, or my preference - SASS, that allow you to define mixins to avoid repetitive code. Another approach is simply to write the CSS without the prefixes, then use Lea Verou's -prefix-free to add them in at runtime. Page Transitions with CSS3. In the last few years, we've seen a lot of single page websites lying around the internet, most of them using JavaScript for some transitions effect.

Page Transitions with CSS3

Well, now I'm gonna teach you how you can have your own, but instead I'll be using CSS Transitions and the :target property to do all the magic. View demo Download source In the last few years, we’ve seen a lot of single page websites lying around the internet, most of them using JavaScript for some transitions effect. Resizing images with PHP. The following script will easily allow you to resize images using PHP and the GD library.

Resizing images with PHP

If you’re looking to resize uploaded images or easily generate thumbnails give it a try Update: Looking to resize transparent PNG’s and GIF’s? Overlay-like Effect with jQuery. A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole heart.

Overlay-like Effect with jQuery

I am alone, and feel the charm of existence in this spot, which was created for the bliss of souls like mine. I am so happy, my dear friend, so absorbed in the exquisite sense of mere tranquil existence, that I neglect my talents. I should be incapable of drawing a single stroke at the present moment; and yet I feel that I never was a greater artist than now.


Parallax Slider with jQuery. 2010 Październik « Michał Urbański Blog. How to Find or Validate an Email Address. The regular expression I receive the most feedback, not to mention "bug" reports on, is the one you'll find right on this site's home page: \b[A-Z0-9._%+-]+@[A-Z0-9.-]+\.

How to Find or Validate an Email Address

[A-Z]{2,4}\b. This regular expression, I claim, matches any email address. Most of the feedback I get refutes that claim by showing one email address that this regex doesn't match. Usually, the "bug" report also includes a suggestion to make the regex "perfect". As I explain below, my claim only holds true when one accepts my definition of what a valid email address really is, and what it's not.

Regular Expressions - a Simple User Guide and Tutorial. A Regular Expression is the term used to describe a codified method of searching invented, or defined, by the American mathematician Stephen Kleene.

Regular Expressions - a Simple User Guide and Tutorial

The syntax (language format) described on this page is compliant with extended regular expressions (EREs) defined in IEEE POSIX 1003.2 (Section 2.8). EREs are now commonly supported by Apache, PERL, PHP4, Javascript 1.3+, MS Visual Studio, most visual editors, vi, emac, the GNU family of tools (including grep, awk and sed) as well as many others. Drop Down List as Filter on List View. Progressive enhancement in MVC 3 with the help of custom ActionResults. /// <summary> /// Inspects the incoming request and returns a PartialViewResult for Ajax requests and a full ViewResult for non-Ajax requests /// </summary>

Progressive enhancement in MVC 3 with the help of custom ActionResults

Progressive enhancement tutorial with ASP.NET MVC 3 and jQuery. Progressive enhancement is a strategy for web design that emphasizes accessibility, semantic HTML markup, and external stylesheet and scripting technologies.

Progressive enhancement tutorial with ASP.NET MVC 3 and jQuery

Progressive enhancement uses web technologies in a layered fashion that allows everyone to access the basic content and functionality of a web page, using any browser or Internet connection, while also providing those with better bandwidth or more advanced browser software an enhanced version of the page. Now that it’s 2011 I hope more .NET web developers really start to take progressive enhancement seriously. Sure many ASP.NET devs work on internal LOB apps and can enforce javascript requirements, but if you’re working on an internet-facing site I encourage you to take advantage of the many PE/unobtrusive javascript techniques we have available these days, especially in MVC 3.

GMAP3 : A JQUERY PLUGIN TO USE GOOGLE MAPS VERSION 3. Official Demo page for MyGoogleWeather jquery plugin. 3D Ribbon Generator - Awkward Group - Digital Production Agency. Vegas Background jQuery Plugin. Elycharts. Mobiscroll - Wheel scroller/Date and Time picker jQuery plugin for touch devices (Android phones, iPhone, iPad, Galaxy Tab)

Mobiscroll 2.9.4 is out! Newer version (than 2.6.2) of the controls can be found here. 1. What is mobiscroll? Mobiscroll is a library of Touch UI Components created with a lot of attention to usability and performance. The Components are based on the powerful and highly customizable Mobiscroll Core. Web Typography for the Lonely.

Idealforms - Ideal Forms is a small framework to build powerful and beautiful forms for the web. Version 1.02 will no longer be maintained. Ideal Forms is a small framework to build powerful and beautiful forms for the web. It's very easy to use and requires minimal html. Absolutely everything is stylable with css, no images needed. Support for IE8+, Firefox 3.6+, Chrome 9+, Safari 4+ and Opera 11+. {{ mustache }} Handlebars.js: Minimal Templating on Steroids.

Zoom it

CSS3, HTML5, JavaScript, AJAX and More. Try Semtex – the new HTML5, CSS3 and JavaScript UI framework! I am happy to announce that I’ve just finished the new widget that is already part of Acid.JS Web.UI – the AcidJs.Gauge class (demo). AcidJs.Gauge is a JavaScript widget, using the HTML5 canvas element to draw interactive gauges with various configuration options on the page with a simple, but yet powerful API. All major browsers are supported, and for older browsers, which do not support canvas we have a nice fallback.

You can check the demo of this page. Have fun! Related Links. Slider.js: Slideshow with jQuery, CSS Transitions and Canvas - example with Flickr. Minimit Gallery Plugin. Plugin to build advanced interactive elements like sliders and galleries Alert. Maqetta Designer. jQuery Transit - CSS3 animations for jQuery. What about older browsers? Grooveshark Developers.


Cross Browser CSS Transforms – even in IE. Creating a Gaussian Blur Effect With CSS3 « Martin Ivanov. Try Semtex – the new HTML5, CSS3 and JavaScript UI framework! Acid.JS Web UI Demos. Acid.JS Web UI by Martin Ivanov. HTML5 and JavaScript Guitar Chords Finder and Player. CSS3, HTML5, JavaScript, AJAX and More. JointJS - JavaScript diagramming library. Zend Developer Cloud. Jquery thumbnail scroller. Jquery custom content scroller. Setup and Install Module 2. Flexible Nav jQuery library. Flexible Nav is a small jQuery library which add a smart navigation bar on the right of the page. DocumentCloud's VisualSearch.js.