My website is listed on CSSLight gallery, please vote for me for better result ;)
You have a great website with responsive design and number of tables which fit the smaller viewports well.. say, like described in my post Responsive Tables. Every table has horizontal scroll for mobile-sized view, without breaking layout. It happens because of CSS settings for the table ‘display:block;’ and ‘overflow-x:auto;’. A user can swipe right and left to horizontal scroll the table to see the content.
A bad news is the user has no indication that they can swipe to the right (the momentum effect) – many mobile browsers don’t show scrollbars at all, while some show them only while scrolling…
The solution is to use
overflow-x: scroll; /* instead of 'auto' */
The days of using images to provide the visual effects are over. Now we can create gradients, shadows, rounded corners, use animations with styles only. And spinner image is not the exception.
So if I need spinner for my project, I use spin.js by Felix Gnass usually.
It’s highly configurable, resolution independent, uses VML as fallback in old IEs,
uses @keyframe animations, falling back to setTimeout().
Spin.js dynamically creates spinning activity indicators that can be used as resolution-independent replacement for AJAX loading GIFs.
The only thing I missed with this library was an overlay option – to cover the rest of the page and prevent a user from clicking any element while the required content is loading.
I decided to add a ‘div’ which appears while spinner is working and removed after content has been loaded:
Photography is my passion. To take great landscape photos, I use polarizing filter (Hoya HD CIR-PL).
The fact was I hadn’t saw how it could be (possibly) broken..
After Google search, there really wasn’t much on there. I found that another person it happened to contacted Hoya via e-mail to their site and received this reply:
“The ‘black oily ring’ will need to go around the front ring. Then, squeeze the oily ring into the outside of the front ring while placing the front ring into the rear ring. It should snap into place.
If this doesn’t work, send the filter to THK Photo Products, 7642 Woodwind Drive, Huntington Beach CA 92647, ATTN: Repair Dept. Include a note explaining the problem, along with any and all contact information. .. The repair cost to re-assemble a filter is generally less than the cost of a new filter.”
SVG (Scalable Vector Graphics) is an image format for vector graphics.
I love to use SVG in web and mobile projects and applications because:
- *.svg files have small file sizes and compress well.
- *.svg files scale to any size without losing clarity.
- *.svg files look great on retina displays.
- You can manipulate the SVG file with CSS
You can create such vectors with Adobe Illustrator.
After you save your image as *.svg, open the inline svg with any editor:
Read the rest of this entry »