background preloader

Web

Facebook Twitter

Interactive JavaScript charts for your webpage | Highcharts. Introduction to Angular.js in 50 Examples (part 1) MrOrz/angularjs-tw. Header - Ionic Components. Mobile Angular UI Demo. CI templature. Views are a key ingredient in any MVC application, and CodeIgniter applications aren't any different. 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. Much nicer! And that's it! PivotTable.js. 30+ jQuery Plugins For Scrolling Effects With CSS Animation - ninodezign.com. One of the trendiest techniques to have fun with is scrolling. 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. These plugins will help you get some amazing scrolling animation on your website with no time. 1 – Animated Scroll Effects Demo Download 2 – AnimateScroll Demo Download AnimateScroll is a jQuery plugin which enables you to scroll to any part of the page in style by just calling the animatescroll() function with the Id or Classname of the element where you want to scroll to.

Demo Download 4 – Wow.js Advantages: PageSpeed Insights. Make your web pages fast on all devices What's New Read about the July 2018 Google Speed Update. Web Performance Learn more about web performance tools at Google. Give Feedback Have specific, answerable questions about using PageSpeed Insights?

Ask your question on Stack Overflow. For general feedback and discussion, start a thread in our mailing list. Materialize. Make Material Design Websites with the Materialize CSS Framework. We covered some of the most important components of 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.

<div class="container about"><h5>about me</h5><h6>let me introduce my self</h6><hr><div class="row"><div class="col s12 m4 l4"><h6>Story</h6><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Displaying Projects. Download jQuery UI Bootstrap. Welcome! 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.

Our solution offers a custom version of Bootstrap compatible with jQuery UI as well as a Bootstrap-themed jQuery UI theme you can use to prototype your projects. Components jQuery UI components. 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. 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. Material Design Frameworks for the Web 1. Materialize is a modern responsive front-end framework based on Material Design. 2. 3. 4. 5. 6. 7. Material Design Web UI Demo 1. Angular Material - Introduction. Bootswatch: Paper. Raw denim you probably haven't heard of them jean shorts Austin. 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. Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui. Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid. Etsy mixtape wayfarers, ethical wes anderson tofu before they sold out mcsweeney's organic lomo retro fanny pack lo-fi farm-to-table readymade.

Trust fund seitan letterpress, keytar raw denim keffiyeh etsy art party before they sold out master cleanse gluten-free squid scenester freegan cosby sweater. 介紹 | Google Material Design 正體中文版. Foundation | The Most Advanced Responsive Front-end Framework from ZURB.

Nginx

CSS. JS.