If you ever worked with DHTMLX library and it’s implementation in responsive design.. then you know what I’m talking about :)
By default (if there is not enough width for data grid) a scroll at the bottom of your table appears after page resizing and all your efforts for perfect responsibility are broken.
I solved this issue with a couple of lines of jQuery:
The idea is to set the width of ‘div’ with id=”gridbox” (where our DHTMLX table is loaded) width:100% after resizing of window (at the code above the window should be resized up to 900px to make it works).
I love to use Adobe Color CC app to create color schemes for my designs. That’s pretty easy – a little creativity and modern technology help to save a lot of time generating themes for a project.
The rules for the app are based on a color wheel representation, or how colors arranged according to their chromatic relationship. You can design the theme based on analogous, monochromatic, triad, complementary, compound colors, shades or develop a palette according to your custom rules, which let you add swatches in whichever order.
To start working with Adobe Color CC app you should have an Adobe ID.
After signing in you can check the most popular themes in Adobe community or develop a new one. Well, the last is more interesting as for my mind.
There are a lot of ways to create your own theme, let me share with you my favorite one.
Firstly – being a photographer – I like to work with images :) The second reason is that sometimes you have a particular image that should be used as a major part of the overall look and feel. By using colors from that photograph you create a sweet cohesive color palette that works well.
Sometimes is the best way to get rested is to change your occupation. Oh no, I’m not about stop being a web designer.. I’m about being a designer, but not web-related :)
I like to spend time doing little sweet things – like the one below. So let me tell you about decoupage.
Decoupage can be deceptive. By looking at a finished project, you could think that the process is complicated, but it isn’t. All that you need – paper, white glue, paints and an object where to apply your creativity. If you are able to cut and paste, you already know 50% of the techniques involved.
Creating elements with equal height is not as easy as it may first seem. Once I was playing with Twitter Bootstrap 3 layouts trying to make two div elements the same height in the row and do not loose responsibility.
The problem is that I had two columns each with different amount of content. And every column background color stretches only as far down as the height of the content it contains.
There are a lot of proposed CSS solutions (based on height:100%; of all nested elements or on display:table; properties, even smart solution with relative & absolute positioning.. but neither of above didn’t work for me and Bootstrap 3).