Posts

How To Resize and Crop Image to fit Container div using CodeIgniter and jQuery

Image
Resize and Crop Image to fit Container div using CodeIgniter and jQuery When we have a tendency to visit the gallery page of an internet site we primarily see there area unit 2 varieties of image for a selected show image of the gallery. One is that the thumbnail image that we will see on the page once it loaded on browser and therefore the alternative one is that the original image that we will see when clicking on thumbnail. So here the user goes to transfer a picture for the gallery and our system is doing jobs because the following: Creating a replica to make the thumbnail of the first image. Resize the copy image which inserts closely into the fastened height and breadth of the instrumentation div of the thumbnail on gallery page, that additionally maintains the first image resolution quantitative relation. Crop the image to make an ideal thumbnail for the image. To achieve this good thumbnail we tend to ar attending to use CodeIgniter  file uploading  ,

Auto Shorten URL from goo.gl using API

Image
Make Short URL Automatic With Google API   If term is hell  Auto Generate Short URL.  If you saw, in each of the bottom of this blog post title there is a fairly short URL. The URL is a "shortcut" to get to this blog post. That is called the short URL. For example, you have a post which is located in  http://www.domain.com/2016/07/ini-longurl.html,  when the use of short URLs, addresses turn into  http://goo.gl/xyz.  Why should use short URLs from Google? Well, his name is also Google. If Google already provides, why use anything else? LOL kidding, only taste. If you want to use bit.ly, tinyurl, or others may also. The difference, short URL in this blog automatically  generate  most. I do not ever intentionally shorten any URL to  http://goo.gl  . He really will be created automatically when a new post is made. Passable save time, right? Make your Life Easier. Actually, you can make use your own URL shortener,  domain.com/mUyhz  example. But I do not

How to changing mobile browser address color bar to match layout blog

Image
Color Changing Mobile Browser Address Bar Layout To Match Blog This tutorial is simple but crucial, especially for the super perfectionist about design blog.   Ever see not, when opening a website or blog on the mobile phone, the color of the address bar of the browser that you use to change ngikutin blog layout?   Trivial indeed.   But make no mistake, this could make a little dazzled visitors tablets. Because the address bar which is usually white, instead turned when he open your blog.   To  change the color of the browser address bar  , the way really easy.   Just add a few lines of code HTML template settings wrote in your blog.   Here it is the code:   <!-- Color for Chrome, Firefox OS, Opera dan Vivaldi --> <meta content=' #2f303f ' name='theme-color'/> <!-- Color For Windows Phone --> <meta content=' #2f303f ' name='msapplication-navbutton-color'/> <!-- Color For iOS Safari --> <meta content='yes&#