background preloader


Facebook Twitter

Interactive JavaScript charts for your webpage. Introduction to Angular.js in 50 Examples (part 1) MrOrz/angularjs-tw. Header - Ionic Components. Content The content area in Ionic is the scrollable viewport of your app.

Header - Ionic Components

While your headers and footers will be fixed to the top and bottom, respectively, the content area will fill the remaining available space. * For more content options, see the Content docs. Buttons Ah, the Button, an essential part of any mobile experience. Mobile Angular UI Demo. CI templature. Views are a key ingredient in any MVC application, and CodeIgniter applications aren't any different.

CI templature

Today, we're going to learn what a view is, and discover how they can be used to create a templating solution for your CodeIgniter projects. The first part of this tutorial will educate complete beginners to CodeIgniter on what a view is, and how to use them in a typical application. The second half will discuss the motivations for finding a templating solution, and guide the reader through the necessary steps for creating a simple, yet effective templating library. Interested? Let's get started! Views are special files used in CodeIgniter to store the markup outputted by the application, usually consisting of HTML and simple PHP tags. “A view is simply a web page, or a page fragment, like a header, footer, sidebar, etc. Views are loaded from within controller methods, with the content inside the view subsequently displayed in the browser. PivotTable.js. 30+ jQuery Plugins For Scrolling Effects With CSS Animation -

One of the trendiest techniques to have fun with is scrolling.

30+ jQuery Plugins For Scrolling Effects With CSS Animation -

A bit of website animation can be fun and enticing to new visitors, animated page elements do not offer major alterations on content, but can provide a more extraordinary user experience. Many website developers use different ways of scrolling to make their websites more alluring and interesting to their viewers so that they don’t get bored. To save all the web developers lots of time and trouble of searching for such JQuery plugins of scrolling effects we bring you 30+ jQuery plugins for scrolling effects with CSS animation. PageSpeed Insights. Materialize. Make Material Design Websites with the Materialize CSS Framework. We covered some of the most important components of Materialize CSS Framework.

Make Material Design Websites with the Materialize CSS Framework

Its time to put them together and create a portfolio site. Complete demo of the portfolio site which we will be creating in this tutorial. Introduction Banner In our portfolio site, first, we will have a big horizontal banner which displays your name and profession. We can create this using Materialize text formatting tags and little CSS. <div class="intro deep-orange lighten-2 z-depth-1"><h1 class="grey-text text-lighten-5">narayan prusty</h1><h5 class="grey lighten-4 grey-text text-darken-1">web and mobile developer</h5></div> Detail Information We need to display bio, profile, and current job statuses in our portfolio. Download jQuery UI Bootstrap. Welcome!

Download jQuery UI Bootstrap

This is a live preview of jQuery UI Bootstrap - a project we started to bring the beauty of Twitter Bootstrap to jQuery UI widgets. With this theme, not only do you get the ability to use Bootstrap-themed widgets, but you can now also use (most) of Twitter Bootstrap side-by-wide with it without components breaking visually. Download stable (v0.5) Download Latest (dev) This theme's support for more third-party widgets may improve over-time, based on requests and the popularity of the widgets.

In their original forms, jQuery UI and Bootstrap can't coexist resulting in conflicts with both CSS classes and styles as well as JavaScript when you do try to use them. jQuery UI Bootstrap provides the JavaScript and CSS required to quickly start a project using both jQuery UI and Twitter Bootstrap. 7 Material Design Web UI Frameworks - Super Dev Resources. Ever since Google announced their new Design Language, the Material Design, there has been a lot of excitement around its animated elements, colors and layout principles.

7 Material Design Web UI Frameworks - Super Dev Resources

If you have never heard of Material Design before, or haven’t had the time to see the official Material Design spec by Google before, then I strongly recommend you to see them now in order to understand its principles. With Material Design, Google wants to bring uniformity to its UI on all platforms including web, and not just Android. Google has its own Polymer Project which embraces material design throughout its Web components. In fact, Polymer Project played a key role in material design’s development and in showcase of Material design concepts for the Web.

However Polymer project is still in early developer preview and not yet ready for production. Angular Material - Introduction. Bootswatch: Paper. Raw denim you probably haven't heard of them jean shorts Austin.

Bootswatch: Paper

Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth. Cosby sweater eu banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum iphone. Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid. Google Material Design 正體中文版. The Most Advanced Responsive Front-end Framework from ZURB.