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'");
$query->bindParam(':title', "myDemo");
$query->execute();
$results = $query->fetchAll(PDO::FETCH_ASSOC);
echo nl2br(utf8_encode($results['post_content']));
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.
In general, SEO is kind of a mystery. Nobody really knows the hidden secrets of its algorithms and how they exactly react to our websites. We can mainly base our argues in A/B tests as well as deep studies of other sites.
When we talk about SEO we are mainly talking about Google, lets face it, Bing has became bigger, but it seems it takes Google results many times as pointed out by Matt Cutts, google engenieer.
There are always some boring steps until we can actually start using a framework.
Moreover working with Windows and IIS makes things more difficult/tedious yet. I always find myself having to google these kind of things and this time I decided to keep a record of the steps I followed. This way I won’t have to face the same problems in future installations in other machines. Also, hopefully this can help someone else in the same situation!
Continue reading
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.
Continue reading
Nowadays is very common to find fullscreen websites as it was in the past in the age of flash, but now, with the power of HTML, CSS and Javascript.
Some examples:
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.
Photoshop is for the front end developer what a pen is for a writer. It is true that nowadays web desgigners try to avoid the use of images to create the design of the site in favor CSS and a fast loading of the site, but it stills being use to deal with icons, logos, background images, sliders…etc.
I personally make also use of Photoshop for one of my hobbies: Photography. Although its use is quite different in some ways, I’ve noticed the knowledge I acquired processing pictures can also be applied to any image design in general and therefore, to web designing as well.