thumbnail

This post is written for those of you who have not yet upgraded to 6.2 (for whatever reason) but still want to give specific content to specific users. My goal is to present some of the code and process for implementing content targeting on 6.1 as well as explain the underlying theory of content targeting to stir up your creative developer side, no matter what version of liferay you...

thumbnail

Tables tables tables. Tables are used all over the web. Some people hate them, some people love them. No matter your opinion on tables, there are many cases where html tables are effective and efficent ways to display content and convey information. Many times it is helpful to use them to show things such as form submissions or with dynamic information. I recently worked on a site for...

thumbnail

There is a pressing need for websites to respond to the ever-changing technology which is used to visit them. As mobile devices become more powerful and more prevalent, more and more people surf the web and visit websites on an array of devices. These devices range from small screens to large monitors, from ios to android, to other operating systems and internet browsers....

thumbnail

    The new trend in web design is long-scrolling pages. It allows space for cool animation and flowing content while cutting down the need for changing pages and waiting for things to load each time. A simple thing I found to make your scrolling page look sleek is by animating the scroll. Often times the navigation or links on a long-scroll style page are...

thumbnail

Recently I found myself searching through the internet for how to best add social share buttons to a website. The documentation that exists is helpful, however I decided it might still be useful to share some of my findings. I discovered, as many of you probably know, that there are mainly two ways to create a social button. The first way is by using a script that the respective...

thumbnail

The last script I will share with you for now is one that I call on screen helper. This is also a simple script, but very useful when it comes to animations, transitions, and effects. Essentially all it is doing is adding classes when a given element enters the screen and removes them when it leaves. Combine this with some css3 and you have an endless amount of cool things you can do...

thumbnail

Here is another script that we developed for the redesign of Liferay.com. The goal for this script was to help with loading times on pages with a lot of images as well as provide a way to effectively implement transitions/animations. It isn't too complicated, but useful nevertheless. Lazy Load In order to use lazy load all you need to do is add the class "lazy-load" to...

thumbnail

As a part of the redesign of Liferay's website we have developed a number of new scripts in order to effeciently acheive new effects and improve the UX. I thought I would share some of the code we have created and found useful for a number of different use cases. This blog posts and the two to follow will show parts of our main javascript code which is currently being used in our...

thumbnail

Hello, My name is Ryan and I work at Liferay. I am currently on the web team at Liferay and have the unique opportunity to both use Liferay's software as  customer and collaborate with all the other devs who work in the same office as we do. Over time I have learned or figured out new things about Liferay Portal, as anyone using lifery does, and I want to share those findings...

thumbnail

Want a quick and easy way to make a sticky nav right out of the box with liferay? Thanks to AUI with 10 lines of code you can turn your navigation bar into a sticky nav. This is especially useful with long scrolling pages, where it is useful to see the navigation as you scroll. You can see this in action on Liferay's Solution Forum sites. Some additional styling may be...