html

Grails Javascript Example

In this article we will show how to include JavaScript library as an asset in grails GSP file to dynamically filter results in a HTML table.

JSP partials – how to include files

A partial is a page with a piece of HTML or other code that can be included into other pages. Best examples are header and footer files that are being included into all pages of the website. You may also have complicated logic that you would like to separate or some repetitive code.

Minify CSS with notepad++

We create many websites and use many themes and CSS files in our work. All new ideas require CSS optimizations to adjust look and feel. Latest SEO practices suggest to minify everything possible on your website from CSS to HTML.

Image grid layout with css example

We were developing a mobile application with different image grid layouts. Layouts needed to be responsive, as the application should look good on all mobile devices including mobile phones and smaller and bigger pads.

Checklist for technical SEO

In my many years of experience running small niche blogs I’ve got a lot of knowledge on the topic of technical SEO. In this article I will share what works and what not and what can be done today in order for your blog to rank higher in search engines with a technical SEO checklist.

CSS show div on hover

Css is not always easy. In this article I will explain how to show elements while hovering over a link. There are several ways to do it: by toggling a display element and by changing an opacity.

WordPress Theme development hacks: body height

I was working with a full width and height slider page for my new WordPress theme and it just didn’t want to give me 100% screen height. While on a desktop computer it would not matter, on mobile devices I wanted the slider to be as easy as swooping to the next page with a finger, just like in a book.

How to fix the prev/next arrows image

After updating out WordPress installation and changing some fonts we’ve got some strange images instead of arrows on next/previous posts:  (U+F430) and  (U+F429).
arrows as utf images in wordpress
These images are utf-8 characters in the Private Use Unicode subset.

CSS tutorial: div over div and z-index

We are in a constant process of making our products better. I was fixing the layout of our texture site SF Textures and faced a problem where I needed to position a shopping cart over and to the right of the top menu.