jackiewu

private function _build_breadcumbs()
{
	$old_breadcrumbs = $this->_breadcrumbs;
	$this->_breadcrumbs = array();
	$this->_override_breadcrumbs = array();

	$this->_ci->load->model('navigation/navigation_m');
	$this->_ci->load->model('settings/settings_m');
	$site_name = $this->_ci->settings_m->get('site_name');
	$navs = $this->_ci->navigation_m->get_link_tree('header');

jackiewu

server {
    listen       80;
    server_name  localhost;

    # ... other default site stuff, document root, etc. ...

    location ~ ^/~(?<userdir_user>.+?)(?<userdir_uri>/.*)?$ {
        alias   /home/$userdir_user/public_html$userdir_uri;
        index   index.html index.htm index.php;
        autoindex on;

jackiewu

[{"name":"Bears","color":"Blue","position":{"x":177,"y":85},"modelclass":"Bear","increment":false,"timestamp":false,"softdelete":false,"column":[{"colid":"c217","name":"id","type":"increments","length":"0","order":0,"defaultvalue":"","enumvalue":""},{"colid":"c218","name":"name","type":"string","length":"200","order":1,"defaultvalue":"","enumvalue":""},{"colid":"c219","name":"danger_level","type":"string","length":"200","order":2,"defaultvalue":"","enumvalue":""}],"relation":[{"extramethods":"","foreignkeys":"","name":"fish","relatedmodel":"Fish","relationtype":"hasOne","usenamespace":""},{"extramethods":"","foreignkeys":"","name":"trees","relatedmodel":"Trees","relationtype":"hasMany","usenamespace":""},{"extramethods":"","foreignkeys":"bear_id, picnic_id","name":"picnics","relatedmodel":"Picnics","relationtype":"belongsToMany","usenamespace":""}],"seeding":[]},{"name":"Fish","color":"Yellow","position":{"x":1063,"y":14},"modelclass":"Fish","increment":false,"timestamp":false,"softdelete":false,"column":[{"c

jackiewu

Nav Hover Idea

Just a simple idea for a navigation system based on hover

A Pen by Callum Findlay on CodePen.

License.

jackiewu

Clip-path: Diamond grid

This demo uses clipping paths to create a diamond grid.

A Pen by Karen Menezes on CodePen.

License.

jackiewu

Natural Language Form

Why use stupid boxed form elements when we can ask our users to simply complete a sentence in natural language? Inspired by this Medium article: https://medium.com/@saijogeorge/creative-form-input-field-design-examples-bfe5dd50808a

A Pen by Jesse Couch on CodePen.

License.

jackiewu

Multi Page Form (Pure CSS)

A Pen by ActiveCodex on CodePen.

License.

jackiewu

Rotating 3D Slider

Sourse of inspiration - http://rdcm.com/en/

Slider not working in IE, because of transform-style: preserve-3d. Handle control is broken in FF during rotation, because FF still have this nasty bug with stacking context and translateZ, and it's simply breaks z-index order for elements.

I tried to create this slider as sort of plugin/component. It's more like a practice, so js architecture is pretty random. But it's working :) And you can use multiple sliders on page with different sizes and different settings (you can find options object in js).

Don't forget to rotate slides with control handle.

jackiewu

Caleb Doucet

A Pen by Cael6 on CodePen.

License.

jackiewu

StickyStack.js

A jQuery plugin that creates a stacking effect by sticking panels as they reach the top of the viewport. Find it here on Github: https://github.com/mike-zarandona/StickyStack.js

A Pen by Mike Zarandona on CodePen.

License.