Arrows are repeatedly used in websites. We can use arrows in a website using:
1. Image
2. CSS
3. Symbol
Images are easy to use, but cost you more HTTP requests, and page your load times. Using CSS is a good approach, but it is bit complicated and may cost you some of your time. Time matters when you are working on a big project with short deadlines. So, using arrow symbol is pretty handy, easy to use and clever approach to use arrows.
Everest zoom is a simple image zoomer that I developed using jQuery, CSS and HTML. It is easy to implement in your website and free for use.
Please check the demo here:
Everest zoom Demo
For more details and documentations, please visit following url:
Everest zoom Documentation
If you need any help, twitt me @GoalLessWin.
Everest popup is a simple popup that I developed using jQuery, CSS and HTML. It is easy to implement in your website and free for use.
Please check the demo here:
Everest Popup Demo
For more details and documentations, please visit following url:
Everest Popup Documentation
This is my first attempt, and may contain minor bugs. Please contact me if you find any. I will appreciate your suggestions.
Currently, the popup is triggered only by clicking a link or button. But you can easily make it to load when DOM is ready by minor changes on code. If you need any help, twit me @GoalLessWin.
Thank you all for your feedback and responses on a href=”http://bijayjoshi.com.np/everest-slider-a-simple-lightweight-jquery-slider/”>last release of Everest Slider. With all your support, I have been able to release a new stable version of Everest Slider.
1. Minor bugs fixed. (Thanks to Sandesh Ghimire)
2. You can now make your slider responsive.
See Documentation for Everest Slider
OR
Everest Slider is a simple image slider that I developed using jQuery, CSS and HTML. Everest Slider is easy to implement in your website and free for use.
Please check the demo here:
Everest Slider Demo
For more details and documentations, please visit following url:
Everest Slider Documentation
This is my first attempt, and may contain minor bugs. Please contact me if you find any. I will appreciate your suggestions.
Majority of the CSS developers around the world has been requesting for CSS Variables since its early release while some believe it is not needed and will complicate matters. Well both of them has a arguable point. Major need of CSS variable arises from maintaining a coherent color scheme throughout a document, specially when we are working on huge project. But once W3C has a modest proposal and one major engine is implementing variables. If you want to learn in details, MDN provides a nice explanation of newly drafted CSS variables. But do we really need variables on CSS?
On my previous article, I have explained most of the CSS selectors. In this article, I will try to explain about writing an efficient CSS Selectors. Its not always enough to know about all the CSS selectors. You should realize how each one of them perform and how can you make efforts on increasing its efficiency. Author David Hyatt for Mozilla writes about the key to dramatically increasing performance of selector,
“The fewer rules required to check for a given element, the faster style resolution will be.”
The calc() CSS function can be used anywhere as required and you can perform calculations to determine the size of object. It is possible to use calc() inside another calc(). One interesting thing about this is we can mix the percentage and absolute values or any sizing units. The current browser support for calc() property is pretty good. As mentioned by HTMLrocks:
It is available in Chrome 19 (Dev channel build) by use of the ‘-webkit-calc’ property, in Firefox since version 8 using the ‘-moz-calc’ property and in Internet Explorer since version 9 unprefixed.
So, you can happily start using this property from your next project.
Yahoo confirms that about 80% of time required for loading a website is caused by front-end and most of them are tied up on downloading images, scripts, stylesheets, flash, etc. So, increase in number of such components will also increase HTTP requests, hence also increase page-load time. Reducing the HTTP requests also good for Search engine optimization.