JSON (Java) Javascript Flavors. Programming is fun. Swiss in CSS: animating the International Typographic Style. There’s probably no style and technology that are quite as well paired as the International Typographic Style and CSS.
When Detroit-based designer Jon Yablonski was looking for a way to flex his front-end muscles without client restraints, he decided to try and recreate some classic International Typographic Style posters, in CSS and vanilla JavaScript. The inherently grid-based, almost Atomic Design-like, nature of the International Typographic Style lends itself perfectly to the rectilinear bias of CSS. The solution for each poster was the same…Break the poster into smaller parts, take one step at a time recreating the layers, then experiment with different keyframe animations, timing-functions, and durations until it all feels right.
The recreated posters include work by Josef Müller-Brockmann, Hans Neuburg, and Pierre Keller, and range from the 1950s to the 1970s. 100 Awesome CSS/Javascript Plugins and Coding Techniques. Writen by Bogdan / Comments Off on 100 Awesome CSS/Javascript Plugins and Coding Techniques If you know how to use CSS and Javascript, you can create some impressive websites.
Not only that you can do some awesome stuff with them but they also ease you work. In this article you have 100 awesome CSS and Javascript plugins and coding techniques that should definitely be in you toolbox. Use CSS3 to Create a Dynamic Stack of Index Cards You will learn how to create a dynamic stack of index cards solely with HTML and CSS3 and use such CSS3 features as transform and transition (for the dynamic effects) and @font-face, box-shadow and border-radius (for the styling).
Dynamic PNG shadow position & opacity You will learn how to create a movable object using javascript. How To Create A Sexy Vertical Sliding Panel Using jQuery And CSS3 Awesome Overlays with CSS3 The trick with these overlays is the gradient border, going form a lighter to darker orange as you go from top to bottom. Sliding Vinyl with CSS3.
The EqualHeights jQuery Plugin. After I wrote and published my last article on writing a function to equalize heights in jQuery, I realized that the function would probably make a really useful jQuery plugin.
This is that plugin. This is also my first attempt at a jQuery plugin, so I apologize in advance if I’ve done something painfully stupid (and painfully obvious) to any and all plugin veterans out there. Luckily, the functionality is extremely simple. You can download the plugin here (right-click and save the link).
You can see a demo of the plugin here. The plugin’s functionality is so simple because it’s designed to do only one thing: set all elements you specify to the same height. This plugin is slightly more sophisticated than the function I wrote earlier this week. For example: $(".columns").equalHeights(100,300); This would set all your elements to be at least 100px tall, but no more than 300px tall. You can also nestle the function inside of a chain, to keep your code minimalistic: Detailed Usage.
JavaScript : A sample registration form validation. <<PreviousNext>> Description In this document we have discussed JavaScript Form Validation using a sample registration form.
Fancy Form - JavaScript form library on JQuery. JS Bin - Collaborative JavaScript Debugging. GitHub - wentin/ResponsifyJS: A jquery plugin that makes images truly responsive, without sacrificing anyone's face. Give it more stars! NavNav - 90+ Responsive Navigation Bar Menu Tutorials, Examples, and Demos (CSS, jQuery, JavaScript)