background preloader

MooTools Consultant, jQuery Consultant - David Walsh

MooTools Consultant, jQuery Consultant - David Walsh

Related:  CSSJavaScript Coding

Reinventing a Drop Down with CSS and jQuery For me, standard HTML Select element is pretty much annoying. It's ugly. It can't be styled properly in Internet Explorer. And it can't contain nothing but simple text. Arithmetic operators Arithmetic operators take numerical values (either literals or variables) as their operands and return a single numerical value. The standard arithmetic operators are addition (+), subtraction (-), multiplication (*), and division (/). Addition (+) The addition operator produces the sum of numeric operands or string concatenation. Syntax jQuery.ScrollTo Notice I've pretty much stopped updating this blog, but the plugin development is still on-going. You can find the link to the Github project page at the bottom of the article. Introduction An article about animated scrolling with jQuery inspired me to make a small, customizable plugin for scrolling elements, or the window itself. How to specify what to scroll ?

Examples The Wall - A Javascript plugin for Mootools Have you implemented The Wall on your web site? What are you waiting for? Inform us and we will display it in the gallery we are preparing. Leave your name, your e-mail and your web site URL. Wait, DevTools could do THAT? There is an entire performance talk in the above waterfall.. Fast TTFB for page header, but (very) slow body render Document parser doesn't wait, schedules the CSS The CSS is queued, waiting for first byte for over 1s! PreloadScanner can fetch resources while parser is blocked (early flush example) "You get used to it.

Using CSS Text-Shadow to Create Cool Text Effects The CSS3 text-shadow property has been around for some time now and is commonly used to recreate Photoshop’s Drop Shadow type shading to add subtle shadows which help add depth, dimension and to lift an element from the page. This isn’t all the text-shadow property is capable of though, by getting creative and playing around with the colours, offset and blurring we can create some clever and pretty cool text effects! Check out the six text effects of vintage/retro, inset, anaglyphic, fire and board game in the demo, then copy the code snippets below to use the effects in your own designs. Needless to say you’ll need a text-shadow supporting browser (Safari, Chrome, Firefox) to see them in all their glory. View the demo

A Better Way to Learn AngularJS - Thinkster Congratulations on taking the plunge! This AngularJS course is built with the intent of exposing you to the best available resources on each Angular topic. Our desire is to present these topics richly, and from a variety of vantage points, in order to afford you a more complete perspective on them. CSS Layouts: 40 Tutorials, Tips, Demos and Best Practices - Noupe Design Blog Jul 28 2008 The main idea behind CSS-based layouts is offering more flexibility and enhancing the visual experience of visitors. Some important tips and related key-factors can help to learn basics and keep essential techniques in mind.

Overlay Overlay is a compact, simple overlay class which allows for maximum control over its use. DownloadDebut ArticleExample Usage Overlay Class

Related:  blogs webdesignTUTOS, RESSOURCES & ASTUCESBLOG