RedFox Magazine http://www.redfoxmagazine.com Best Blog For Web Designers & Web Developers Mon, 16 Jun 2014 06:37:27 +0000 en-US hourly 1 Best Method To Optimize Your WordPress To Score A Grade In Google http://www.redfoxmagazine.com/best-method-optimize-wordpress-score-grade-google/ http://www.redfoxmagazine.com/best-method-optimize-wordpress-score-grade-google/#comments Sat, 22 Mar 2014 14:07:06 +0000 http://www.redfoxmagazine.com/?p=9186 Do you know how and why most of the leading WordPress blog has a traffic to their blog, the reason is “they are highly optimized their websites” which not take their blog loading speed more than 2 seconds or ever less plus all are systematic like Images, Javascript and CSS files which helps to make their […]

The post Best Method To Optimize Your WordPress To Score A Grade In Google appeared first on RedFox Magazine.

]]>
Do you know how and why most of the leading WordPress blog has a traffic to their blog, the reason is “they are highly optimized their websites” which not take their blog loading speed more than 2 seconds or ever less plus all are systematic like Images, Javascript and CSS files which helps to make their blog faster.

Now you are asking some questions yourself – “Did they outsource someone” or “Definitely they are in fast VPS or Dedicated Server“. No dude, nothing was here. Like in this blog, my blog was hosted on a shared server.  Most of the people say, shared server is not good for WordPress but i am saying, shared server is also like a VPS or dedicated in WordPress, only you have to maintain all those things like a Pro.

Recently, my blog has now reached the top grade score in the Google page score “90+ A Grade” . If you don’t believe this, take a look at the recent screenshot of GTmetrix.
Wordpress speed up optimization guide

Now you can see the above screenshot of GTmetrix. I had reached the score 96% with the total load time of 1.63 seconds and total number of requests is 43.

Now, i am going to explain you step wise step on how to optimize your WordPress.

Attention – You must take backup of your WordPress blog before proceeding to the steps.

Optional – You can install the Google Page Speed Score in Google Chrome or Firefox but i will choose GTmetrix for better visualization.

1. What plugins required?

Ans. W3 Total Cache, Autoptimize and WP Smush.It

2. How these plugins helps my blog to optimize?

Ans. W3 Total Cache is very popular for deleting blog cache and improve your blog speed. .It will optimize your all WordPress images in just one click.

Autoptimize configuration – Go to the Autoptimize settings under the Settings tab on WordPress. Click on Show advanced settings button. Now tick/select on all Javascript Options. Now tick/select on “Optimize CSS Code and Inline all CSS”.

If you feel that your plugins or theme files which required javascript or css errors or other problems.

You can also select “Optimize HTML Code” but this is optional and sometimes some plugins may interfere which the result is showing errors.  You can play with the other settings to see the affects changes in your blog speed.

3. Optimize Images – You MUST optimize your images either you can use WP Smush.It unable to optimize some images, so you can use the free software named as RIOT.

4. Served Scaled Images - Take a look at your GTmetrix score card and select on Served Scaled Images, if they are recommending you to fix this problem, then you must fix this issue. However, WP Smushgtmetrix speed test to see the changes of your score and speed.

5. GZIP Compression - Must enabled this directly from your web hosting CPANEL, if you don’t have GZIP compression on CPANEL, ask your host to enable this for you.

6. Important – You must up-to date your theme and plugins. Don’t use nulled themes and plugins, this will affect your server CPU and RAM usage, which may cause the result of Hosting suspension or slow loading or out of memory problem.
These are the above points will help your blog to optimize and speed up your loading time.

If you want to ask any questions or can’t understand the points, comment here and i can.

The post Best Method To Optimize Your WordPress To Score A Grade In Google appeared first on RedFox Magazine.

]]>
http://www.redfoxmagazine.com/best-method-optimize-wordpress-score-grade-google/feed/ 0
Flat Responsive Website Design – Freebies http://www.redfoxmagazine.com/flat-responsive-website-design-freebies/ http://www.redfoxmagazine.com/flat-responsive-website-design-freebies/#comments Sat, 11 Jan 2014 10:17:08 +0000 http://www.redfoxmagazine.com/?p=9034 First time i have created the website which was specially build for mobile view and our new flat responsive website design  which will works good in all major mobile phones, tablets and browsers. This project was taken me around 7 days to complete. View Demo If you find any issues, kindly let me know and i will try to fix this asap. I have checked the browsers […]

The post Flat Responsive Website Design – Freebies appeared first on RedFox Magazine.

]]>
First time i have created the website which was specially build for mobile view and our new flat responsive website design  which will works good in all major mobile phones, tablets and browsers. This project was taken me around 7 days to complete.

flat responsive website design

View Demo

If you find any issues, kindly let me know and i will try to fix this asap.

I have checked the browsers like Internet Explorer 8,9,10 and 11 with Google Chrome, Opera and Mozilla Firefox. I am a windows i don’t have safari browser to test with it.

Flat Responsive Website Design

For mobile, tablets resolution like 320×480, 320×568, 600×800,  1024×768 and 1280×800.

My coding will make you bit confused but I have tried my best to make it easier for you to edit changes so that you can make your own way.

Anything you can comment here in this post with your issues and i was stuck is a little bit white space showing in the right hand side on my Nokia device. So if you have any idea how to fix, kindly let me know too.

Flat Responsive Website Design

I haven’t used Bootstrap framework, all things done by myself with my own coding skills.

All files are kept separately according to their folders like CSS, IMG and JS.

 Download File:

Kindly leave your comments below and let me know your feedback.

The post Flat Responsive Website Design – Freebies appeared first on RedFox Magazine.

]]>
http://www.redfoxmagazine.com/flat-responsive-website-design-freebies/feed/ 2
Giveaway: 3 PixelKit Premium Membership For One Year http://www.redfoxmagazine.com/giveaway-3-pixelkit-premium-membership-one-year/ http://www.redfoxmagazine.com/giveaway-3-pixelkit-premium-membership-one-year/#comments Fri, 20 Dec 2013 16:34:05 +0000 http://www.redfoxmagazine.com/?p=9023 Recently PixelKit is actually providing the UI kit that works very well for you. It is a comprehensive UI library packed with lots of resources for the web designers need. How you can win this contest: In order to win you must follow these rules written below: Leave your comment below with your correct email ID […]

The post Giveaway: 3 PixelKit Premium Membership For One Year appeared first on RedFox Magazine.

]]>
Recently PixelKit is actually providing the UI kit that works very well for you. It is a comprehensive UI library packed with lots of resources for the web designers need.

pixelkit premium membership.jpg

How you can win this contest:

In order to win you must follow these rules written below:

  1. Leave your comment below with your correct email ID and Name
  2. Lets us know where you want to use the UI kits on comments section.
  3. Tweeting the following contest “Win a free @PixelKitCom membership account from @redfoxmagazine (RT to Enter).
  4. PixelKit Facebook Page

To be noted: We have the rights to cancel your name for the contest, if we find any fraudulent activity for the contest.

Below are just some of the UI Kits and icons that you can choose from:

 

Chubby Stacks – Fresh UI Kit

You know your website will pop on the screen with the fresh and fun look from this

UI kit. It has over 100 vector elements you can use to create a cohesive look.

Fresh UI Kit

Crooked Stats – Stats Infographic Kit

You get a stats infographic kit that will allow you to convert important information

and data into visual representations. Complex information is no longer difficult to

communicate.

Stats Infographic Kit

5 O’clock Shades – App Icons

With this icon set you get a modern flat style mixed with a more intricate approach,

making for icons that have a cool, modern feel.

App Icons

City Break – Hotel UI Kit

This hotel kit will make it easy to create awesome designs and web layouts targeted

at hotels, B&B’s, vacation websites, and other such ventures. With the modern look and

array of elements with a hotel niche theme, you get everything you’ll need with just one

simple click.

Hotel UI Kit

Dark Velvet – Dark UI Kit

This dark UI kit will definitely give your website an elegant, corporate feel its

clean-cut, sharp design.

Dark UI Kit

File Manager – Mobile App UI Kit

Bring the flat, minimalist look and feel of this UI kit to the iPhone.

Mobile App UI Kit

Here’s another great one—the Free PixelKit Bootstrap UI Kits. You can download any

of these amazing HTML templates and use them to craft the design of your website into

something even more functional and amazing looking.

Due to the technical issue, i have changed the contest ending period.

This giveaway will be ending on 14-01-2014 and the winner will be announced on 15th Jan 14.

The post Giveaway: 3 PixelKit Premium Membership For One Year appeared first on RedFox Magazine.

]]>
http://www.redfoxmagazine.com/giveaway-3-pixelkit-premium-membership-one-year/feed/ 4
Brackets – Best Open Source HTML, CSS, Javascript Code Editor http://www.redfoxmagazine.com/brackets-best-open-source-html-css-javascript-code-editor/ http://www.redfoxmagazine.com/brackets-best-open-source-html-css-javascript-code-editor/#comments Wed, 11 Dec 2013 18:17:39 +0000 http://www.redfoxmagazine.com/?p=9006 As I am the web designer but in the last couple of days before my mind tells me to do the web development too. So i have started learning about the CSS programming. I always hear about the software which is famous and most popular names as Adobe Dreamweaver. I also have used Adobe Dreamweaver and […]

The post Brackets – Best Open Source HTML, CSS, Javascript Code Editor appeared first on RedFox Magazine.

]]>
As I am the web designer but in the last couple of days before my mind tells me to do the web development too. So i have started learning about the CSS programming. I always hear about the software which is famous and most popular names as Adobe Dreamweaver. I also have used Adobe Dreamweaver and yes it is easy to do the job their BUT every good software you have to pay the price too.

brackets-editor-logo

So i started searching about the open source code editor, some developers using Notepad++ which this is also not provide you like Adobe Dreamweaver, so what’s the alternate software.

Finally i found the software which is an open source code editor and names as BRACKETS. I never hear about this software before, I have just been googling and find this bracket.

brackets open source code editor

Brackets supports HTML5 and CSS3. Not only that Brackets also provide lots of free extensions to make your coding more easily and time saving. The most important feature I like is to see the live html development, which means I don’t have to save my files to see the preview of my works. You don’t have to reload the page in browser for every change on the coding.

You can also watch the videos and see how it works

Download the Brackets now and start coding smoothly without spending writing elements and tags because Brackets will automatically give you the list of the those elements and tags like adobe dreamweaver.

 

The post Brackets – Best Open Source HTML, CSS, Javascript Code Editor appeared first on RedFox Magazine.

]]>
http://www.redfoxmagazine.com/brackets-best-open-source-html-css-javascript-code-editor/feed/ 0
Wall Calendar With Inspirational Quotes Only At $5 Price http://www.redfoxmagazine.com/wall-calendar-inspirational-quotes-5-price/ http://www.redfoxmagazine.com/wall-calendar-inspirational-quotes-5-price/#comments Tue, 10 Dec 2013 05:48:17 +0000 http://www.redfoxmagazine.com/?p=8999 Like previously I have created one wall calendar which I have given as a freebie. This time I have created a different type of a wall calendar with inspirational quotes that can make your buyers or you feel strong when they read and follow what it was written on the calendar. This wall calendar contain 12 month period […]

The post Wall Calendar With Inspirational Quotes Only At $5 Price appeared first on RedFox Magazine.

]]>
Like previously I have created one wall calendar which I have given as a freebie. This time I have created a different type of a wall calendar with inspirational quotes that can make your buyers or you feel strong when they read and follow what it was written on the calendar. This wall calendar contain 12 month period with 12 different inspirational quotes which means 12 PSD file which you can able to edit and write your own text.

wall calendar with inspirational quotes

 

Original View

WALL CALENDAR QUOTES

 

 

Specifications:

  • Print size: 11.4×17 inch
  • Bleeds: 6mm
  • Color: RGB / 300 dpi
  • Format: PSD
  • Print Ready
  • Software: Adobe Photoshop CS5 (You can able to use on any CS2+ version too)

Features:

 

Price: $5

Coming to Envato Graphicriver

The post Wall Calendar With Inspirational Quotes Only At $5 Price appeared first on RedFox Magazine.

]]>
http://www.redfoxmagazine.com/wall-calendar-inspirational-quotes-5-price/feed/ 0
Retro Vintage Colors Effects With PSD File http://www.redfoxmagazine.com/retro-vintage-colors-effects-psd-file/ http://www.redfoxmagazine.com/retro-vintage-colors-effects-psd-file/#comments Thu, 05 Dec 2013 16:45:53 +0000 http://www.redfoxmagazine.com/?p=8985 This one was created to make one of my images back to the old days, not very old like 50s but this retro vintage color effect will make my photos remind me how the camera of past years when there is computer invented. Anyways i am providing the PSD file with retro vintage colors effects […]

The post Retro Vintage Colors Effects With PSD File appeared first on RedFox Magazine.

]]>
This one was created to make one of my images back to the old days, not very old like 50s but this retro vintage color effect will make my photos remind me how the camera of past years when there is computer invented. Anyways i am providing the PSD file with retro vintage colors effects so you can easily replace the images with the current one.

retro vintage colors effects

There are only around 5 colors and one color correction tool to make retro vintage effects.  You think creating the retro effect is tough but it is too easy to do.

Download the PSD file:

The post Retro Vintage Colors Effects With PSD File appeared first on RedFox Magazine.

]]>
http://www.redfoxmagazine.com/retro-vintage-colors-effects-psd-file/feed/ 0
Mobile Sale Flyer Design Only $5 Price http://www.redfoxmagazine.com/mobile-sale-flyer-design-5-price/ http://www.redfoxmagazine.com/mobile-sale-flyer-design-5-price/#comments Wed, 04 Dec 2013 16:04:03 +0000 http://www.redfoxmagazine.com/?p=8977 This is my first mobile sale flyer design which i am going to SELL at $5 price. This mobile sale flyer will help all mobile shop owners to promote mobiles deals. You can also use these for magazine printing and advertisement. Check out the other details of the flyer given below: Original View Specifications: Print […]

The post Mobile Sale Flyer Design Only $5 Price appeared first on RedFox Magazine.

]]>
This is my first mobile sale flyer design which i am going to SELL at $5 price. This mobile sale flyer will help all mobile shop owners to promote mobiles deals. You can also use these for magazine printing and advertisement. Check out the other details of the flyer given below:

mobile sale flyer

Original View

mobile sale flyer original

Specifications:

  • Print size: 8.4×11 inch
  • Bleeds: 6mm
  • Color: RGB / 300 dpi
  • Format: PSD
  • Print Ready
  • Software: Adobe Photoshop CS5 (You can able to use on any CS2 version too)

Features:

 

Price: $5

addtocart2

 

Please note: I am not using any eCommerce plugin or theme which gives you the instant download, I will implement that feature very soon. So at this time, once you have bought the item, just contact me with your Paypal transaction ID, Name and Email. I will send you the item very very soon to your giving email ID.

For any question regarding the item, please use the contact us form.

The post Mobile Sale Flyer Design Only $5 Price appeared first on RedFox Magazine.

]]>
http://www.redfoxmagazine.com/mobile-sale-flyer-design-5-price/feed/ 0
8 Starburst Stripes Design http://www.redfoxmagazine.com/8-starburst-stripes-design/ http://www.redfoxmagazine.com/8-starburst-stripes-design/#comments Tue, 03 Dec 2013 16:25:43 +0000 http://www.redfoxmagazine.com/?p=8970 I have seen in the banners and specially on the Facebook timeline cover, even myself also using the Starburst stripes so my products showcase looks more attractive. So here i am sharing my 8 starburst stripes design colors. It is actually not the PSD file to edit those starburst stripes. I have created all and […]

The post 8 Starburst Stripes Design appeared first on RedFox Magazine.

]]>
I have seen in the banners and specially on the Facebook timeline cover, even myself also using the Starburst stripes so my products showcase looks more attractive. So here i am sharing my 8 starburst stripes design colors. It is actually not the PSD file to edit those starburst stripes. I have created all and merge it together. So you will download the PSD file and check it by yourself. You only have to free transform and scale it for the bigger size.

starburst stripes

Download the PSD file given below:


The post 8 Starburst Stripes Design appeared first on RedFox Magazine.

]]>
http://www.redfoxmagazine.com/8-starburst-stripes-design/feed/ 0
Rollover Social Media Buttons With PSD File http://www.redfoxmagazine.com/rollover-social-media-buttons-psd-file/ http://www.redfoxmagazine.com/rollover-social-media-buttons-psd-file/#comments Mon, 02 Dec 2013 10:46:55 +0000 http://www.redfoxmagazine.com/?p=8960 Rollover effects are always amazing on websites. Previously most of the rollover effects done in flash but now we have photoshop which we can do it easily. I have created around top 12 rollover social media buttons. You have to know the basic CSS programming and that’s it. This rollover effect is awesome if you […]

The post Rollover Social Media Buttons With PSD File appeared first on RedFox Magazine.

]]>
Rollover effects are always amazing on websites. Previously most of the rollover effects done in flash but now we have photoshop which we can do it easily. I have created around top 12 rollover social media buttons. You have to know the basic CSS programming and that’s it.

rollover social media buttons

This rollover effect is awesome if you have a black website interface. So whenever the visitor moves the mouse cursor to one of the social networking buttons, its change from dark black to colorful media buttons.

I have properly placed the layers according to the buttons. Just download the PSD file and get the effect of Rollover in social media buttons.

Download Link:

The post Rollover Social Media Buttons With PSD File appeared first on RedFox Magazine.

]]>
http://www.redfoxmagazine.com/rollover-social-media-buttons-psd-file/feed/ 0
Shoes Flyer Design With PSD File http://www.redfoxmagazine.com/shoes-flyer-design-psd-file/ http://www.redfoxmagazine.com/shoes-flyer-design-psd-file/#comments Mon, 02 Dec 2013 05:30:04 +0000 http://www.redfoxmagazine.com/?p=8948 I didn’t find much about the shoe company flyer design anywhere, so I have created the one shoes flyer design. Actually i didn’t make before about any shoe company flyer so if i presented something wrong, kindly ignore or inform me. The size of the paper is A4 with 300DPI resolution for the printing purpose only. The […]

The post Shoes Flyer Design With PSD File appeared first on RedFox Magazine.

]]>
I didn’t find much about the shoe company flyer design anywhere, so I have created the one shoes flyer design. Actually i didn’t make before about any shoe company flyer so if i presented something wrong, kindly ignore or inform me. The size of the paper is A4 with 300DPI resolution for the printing purpose only.

shoes flyer design

The font which i am using is Storm, Orena, Helvetica, Arial and Nexa all are free version. The original size of the flyer is 33MB, i have compressed the file to download at the rate of 17MB but when you extract it revert back to 33MB.

You may download the PSD file to start editing the layers. Kindly note i have created this flyer at hurry time, so I didn’t arrange the layers in a proper way, so you might face some problem at first time but you can change the name of the layers and start using the flyers.

Download Link:

The post Shoes Flyer Design With PSD File appeared first on RedFox Magazine.

]]>
http://www.redfoxmagazine.com/shoes-flyer-design-psd-file/feed/ 0