After launching fullPage.js and multiScroll.js, now I present pagePiling.js. A new way to create a single scrolling page in which sections are piled one over another creating an original effect to present the information.
This jQuery plugin creates a stack of pages accessible by scrolling. Sections will be one under another producing a cascade effect when scrolling.
Yeah, I know… It sounds like a simple thing to do. And yeah, that’s exactly what I though when I decided to do it, but I was wrong 🙂
Once I got the body of the wanted post, I found some troubles when printing it out. It was not well formatted, the paragraphs breaks were not shown…
I almost had it fixed by using a couple of PHP functions like `nl2br` and `utf8_encode`, but I still had problems with some “weird” characters such as long dashes:
$query = $conn->prepare("select * from wp_posts where post_title = :title and post_status = 'publish'");
$results = $query->fetchAll(PDO::FETCH_ASSOC);
Then I just decided to take a look the wordpress template files and figure out how it really worked inside.
And… I might be wrong, but I found it quite crazy and chaotic to understand for newbies in WordPress insides like me.
Although there are many jQuery plugins out there, there’s space for more yet!
This time I found a couple of sites using this new kind of multi-directional scroll and as didn’t find any script to do it, I decided to make it by my own.
Some sites using this kind of navigation are:
multiScroll.js is the name I chose for this plugin. Its aim is to facilitate the creation of multi-scrolling websites with two vertical panels or layouts scrolling in opposite directions. A great way to catch the visitor attention with an original page.
I was struggling for a while to create a fast solution to search through tens of thousands of files (30.000 to 60.000 files) and I tried different approaches until I found what I believe is the faster way to do it.
I will name the different techniques I used for it and I will conclude with the fast solution.
I introduce today funnyText.js! The plugin to create funny texts effects for your texts. Ideal for titles, it is a great way to give your site a touch of life in a simple and smart way.
Web developing is not only about coding and designing a web site is not only about Photoshop. Creating a proper site nowadays is not as simple as it could be 10 years ago. Nowadays technology has evolve in many aspects and things are acquiring another dimension in terms of complexity.
Now users demand more, search engines become more intelligent and browsers multiply under different web engines.
I had to do one of this websites and I found out there was nothing in the jQuery plugins world to make this task easier.
In an attempt to create something to make things easier for other people trying to do the same, I’ve created a simple plugin which creates the basic structure and functionality to start making a fullscreen scrolling website, also known as single page website.
jQuery resize event is fired when the size of the browser window changes as pointed out in jQuery documentation.
Sometimes we need to execute functions which might take a while to execute or which might take much resources from the machine and we don’t want to execute them tents of times while the user is re-sizing the window until reaching the desired size.
Nowadays is very common to synchronize different applications, relate them somehow or even share the users accounts.
Working with a framework such as CakePHP make thing easier but at the same time it hides all those actions taking place behind the scenes.
CakePHP automatically hashes the user passwords to secure them and store the hash in the users table of the database. A hashed password with CakePHP 2.3 looks like this: f061c4f1a0b786c3b05dd0013a0230d767l19b77
Years ago it was quite common to see GIF animations all over the net. Basically we call GIF images to any image using the .gif extension. The Gif format provides a way to display a sequence of images one after another creating the illusion of an animation, same as the way cartoon movies were made in the past.
Currently the use of Gif animations in websites has dramatically decreased, but why? Although you can actually have GIF animations with end (no loop), the fact that the color palette is so reduced (up to 256 per frame) has taken an important role on it. Color graduations were not looking good at all and many transparencies were being affected by this restriction.