background preloader

Ui Parade - Live Tools

Ui Parade - Live Tools

http://livetools.uiparade.com/

Related:  HTML5 - CSSFrontEndMiCss3

SocialCount, a jQuery Plugin for Lighter & Faster Social Networking Widgets Posted by Zach on 11/27/2012 Topics: jQuery You're minding your own business, casually browsing around on the World Wide Web. rangeslider.js Features Touchscreen friendly Recalculates onresize so suitable for use within responsive designs Small and fast The rangeslider.js API is compatible with the standard HTML input methods.

! Free Web Dev & Webmaster Resources Free Webmaster Resources Welcome to thefreecountry.com's directory of free webmasters' resources. We have links to free resources for webmasters and web developers, such as web hosting, CGI scripts, PHP scripts, JavaScripts, DHTML scripts, Java applets, forums, search engines, FTP software, web log analyzers, web statistics, privacy and security, email, affiliate programs, polls, etc. Website Design and Maintenance Domain Name, DNS and Web Redirection Web Hosting and Scripts

Side Comments - Medium.com style commenting 1. Download SideComments.js Install with Component You can install SideComments via component. Prefix free: Break free from CSS vendor prefix hell! -prefix-free lets you use only unprefixed CSS properties everywhere. It works behind the scenes, adding the current browser’s prefix to any CSS code, only when it’s needed. The target browser support is IE9+, Opera 10+, Firefox 3.5+, Safari 4+ and Chrome on desktop and Mobile Safari, Android browser, Chrome and Opera Mobile on mobile.

! Web Dev Directory: CSS, Layouts, Access, etc Vitaly Friedman's The Web Developer's Handbook creativity | css galleries & showcases | color tools | color schemes, palettes | color patterns | fashion: colors selection | color theory | royalty free photos | css daily reading | web design daily reading | css layouts | css navigation menus | css techniques | css: software & Firefox Extensions | css-web-tools & services | html-web-tools & services | accessibility checkers | miscellaneous tools | ajax | javascript | DOM | fonts | typography | RSS | CMS | blogging | specifications | usability & accessibility | add a link (free) | seo tools | seo references | howtogetthingsdone | freelancers resources | web2.0 | 2read Download the 110 best free fonts Free fonts, updated for 2017 – all the best free fonts, and none of the dross. We have filtered out the diamonds in the rough from the thousands of free fonts available online that are suitable for you to use in your designs. This list represents the 50 best free fonts we've found in eight categories. We have many other articles covering specialist font types including handwriting fonts, graffiti fonts, web fonts and more, but we have sectioned our main list under these styles: You can use the drop-down menu at the top of the page to jump to the section you want.

Google Web Fundamentals Web Push Notifications, a new way to engage users Web push notifications makes it easy to re-engage with users by showing relevant, timely, and contextual notifications to the user, even when the browser is closed! Web push notifications allow users to opt-in to timely updates from sites they love and allow you to effectively re-engage them with customized, relevant content. The Push API and Notification API open a whole new set of possibilities for you to re-engage with your users. CSS3 Animation Cheat Sheet - Justin Aguilar How it works The CSS3 Animation Cheat Sheet is a set of preset, plug-and-play animations for your web projects. All you need to do is add the stylesheet to your website and apply the premade CSS classes to the elements you want animated. The CSS3 Animation Cheat Sheet uses CSS3 @keyframes and works on all the latest browsers (that's IE 10). Using CSS3 @keyframes, you don't have to worry about positioning the element to accomodate the animations - it will animate into place. Also for users with older browsers, the animated element will be visible and in place, even if the animation doesn't trigger.

glossy.js (javascript glossy image effect) <form name="lst" id="lst" method="post" action=".. glossy.js 1.8 allows you to add corners and shading and shadow to images on your webpages (alternatively: corner.js). It works in all the major browsers - Mozilla Firefox 1.5+, Opera 9+, Safari and IE6+. On older browsers, it'll degrade and your visitors won't notice a thing.CVI-lab: Get a fast impression of the effects and their illustration qualities. Shows some of the things glossy.js does. 6 images with class = "glossy iradius50" Best Practices for Building Angular.js Apps Burke Holland had a fantastic post explaining how Angular loads an application and comparing the merits of browserify vs require.js in an Angular app. I’ve worked with Angular on quite a few apps at this point, and have seen many different ways to structure them. I’m writing a book on architecting Angular apps right now with the MEAN stack and as such have researched heavily into this specific topic. I think I’ve set on a pretty specific structure I’m very happy with. It’s a simpler approach than what Burke Holland has proposed.

CSS & HTML In this quick tip I want to talk to you about one of HTML5s hidden beauties, the HTML5 context menu attribute. You have probably never heard of it before, but I assure you it is one of those attributes that… There are loads of free scripts to download and include in your website projects. A Beginner’s Guide To jQuery-Based JSON API Clients Are you fascinated by dynamic data? Do you go green with envy when you see tweets pulled magically into websites? Trust me, I’ve been there. The goal of today’s tutorial is to create a simple Web app for grabbing movie posters from TMDb731.

The Subtle Magic Behind Why the Bootstrap 3 Grid Works IMPORTANT NOTE: Bootstrap 4 will be out soon, and these articles will be updated to reflect both v3 and v4. I do not expect major changes to how things work with regards to the content of these articles, but everything will be updated for continued education and assistance with Bootstrap. Read more here: Things like CSS grids should remain behind the curtain. No one really needs to know how it works, or why. Until you have a broken design or something complex and you can’t figure out why your spacing, margins, paddings etc are all messed up.

Clean interface, easy to use. Simply adjust with the wysywyg editors and download the code. by jjsanto Sep 25

Related: