Search function added
The search function
has been added to our website.
It is a simple and quick search which will take no efforts from users to click too many times. This clearly allows a much greater experience to users on site browsing. And hopefully it will increase the rate of site accessing, and reading in the future.
The search function itself is coded by using a combination of Ruby and javascript which is simple enough to be integrated to our website.
We currently use this function only for the Blog section. And we will soon expand the usage to our sister website, http://www.pebinary.net, which would be very beneficial for all members and clients in the future on searching for the right help documents to read quicker.
The search function
can be easily found in the Blog section on the right menu. Below is the example on how it looks like although its function is not working (just a demo here).
Slideshow added
In order to make the website look more appeal to the general public, a slideshow
has been added.
It is one of the build-in functions provided by Bootstrap framework which is called carousel . FYI, this framework is developed and maintained by Twitter and it has been named as one of the most popular framework.
While it is first developed and installed to the front page, it may be considered to be included in some other pages in the future as well.
Below is the example of how the slideshow
looks like.
And please be noted that it is just an example and therefore we only show with a smaller size than the actual one we put on the front page.
Currently this section only uses one size of the picture which is 1280x500 pixel. And instead of placing the blur effect directly to the pictures, we currently use filter
effect by CSS3
to make them look blur. However we may consider making all pictures blurred from the original photoshop source for a guarantee of consistency output to all viewers from different type of web browsers.
We have finally built-in all the pictures in this section as well as other sections with blur effect. And the effect itself is called Gaussian Blur in Adobe Photoshop .