Media query for large screen

/in , , , , , , , /by

Here is media query for large screen. You can apply the breakpoints and enjoy the work.

@media screen and (min-width: 1400px) {

}
@media screen and (min-width: 1600px) {

}
@media screen and (min-width: 1900px) {

}

Redmi mobile suddenly not starting

/in /by

Some people like me may get the issue of Redmi mobiles suddenly switched off and not booting. That’s really very irritating. In the mobile age I think no one can live without…. 🙂

So I tried to find the issue. First I tried to use another charger and no luck!! Whole day my mobile was switched off. I was thinking what Can I do… So I tried to connect mobile to my Laptop… but still no luck. That was not charging and not starting… I worried may be I have to go to Redmi customer service but once again I google on about this issue and find many tricks as I have applied above but no works.

Finally I found a solution and that worked for me, then I thought I have to write that on my blog.. May be this trick will work for other people…

Push Vol down and power for around 15 second, It will show MI BUNNY fastboot mode and press till vibrate!!

That’s it.

PS : The issue caused due to app/system hang.

CSS Media Queries for iPads & iPhones

/in , , , , , , /by

Sometimes we got very confusion while developing responsive work. When we apply the breakpoints for iPad and iPhone that does not works properly. As per my experience while searching on the Internet I found some useful information regarding the media queries. I applied those and that works fine for me. So today I am going to add the media queries here for the same.

iPad Media Queries

iPad Media Queries (All generations – including iPad mini)

 

iPad in portrait & landscape


@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) { /* STYLES GO HERE */}

iPad in landscape


@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) { /* STYLES GO HERE */}

iPad in portrait


@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) { /* STYLES GO HERE */ }

Retina iPad in landscape


@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) { /* STYLES GO HERE */}

Retina iPad in portrait


@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2) { /* STYLES GO HERE */ }

iPad mini Media Queries

iPad mini in portrait & landscape


@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 1) { /* STYLES GO HERE */}

iPad mini in landscape


@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 1) { /* STYLES GO HERE */}

iPad mini in portrait


@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 1) { /* STYLES GO HERE */ }

iPad mini Resolution


Screen Width = 768px (CSS Pixels)
Screen Height = 1024px (CSS Pixels)

Screen Width = 768px (Actual Pixels)
Screen Height = 1024px (Actual Pixels)

Device-pixel-ratio: 1

iPhone Media Queries

iPhone 6 Media Queries

iPhone 6 in portrait & landscape


@media only screen
and (min-device-width : 375px)
and (max-device-width : 667px) { /* STYLES GO HERE */}

iPhone 6 in landscape


@media only screen
and (min-device-width : 375px)
and (max-device-width : 667px)
and (orientation : landscape) { /* STYLES GO HERE */}

iPhone 6 in portrait


@media only screen
and (min-device-width : 375px)
and (max-device-width : 667px)
and (orientation : portrait) { /* STYLES GO HERE */ }

lessphp fatal error: load error! help in wordpress

/0 Comments/in /by

Sometime we get error for CherryFramework or other themes lessphp fatal error: load error

The solution is below :

Delete these files from ftp:

Cherry theme main folder:
less/style.less.cache
less/bootstrap.less.cache

Child theme folder:
style.less.cache
bootstrap/less/bootstrap.less.cache

Magento internal server error after backup

/0 Comments/in /by

If you get 500 internal issue in magento after taking backup then it is the issue of magento folders and files permissions.

Download attached file and upload it on the magento root folder and then run that. After then your problem will be resolved.

Download

Quick Setup Guide To Run CakePHP 2.0 On Windows 7

/0 Comments/in /by

In this tutorial, I will show you, how to set and run the CakePHP 2.0 framework on Windows 7. For those who have not heard of CakePHP before, it is an open source web application framework for producing web applications. It is written in PHP, modeled after the concepts of Ruby on Rails, and distributed under the MIT License. CakePHP is licensed under the MIT license which makes it perfect for use in commercial applications and comes with built-in tools for input validation, CSRF protection, Form tampering protection, SQL injection prevention, and XSS prevention, helping you keep your application safe & secure.

You can get more information on cakephp official site cakephp.org

Below proceeding you must know about cakephp system requirements:

HTTP Server. (Recommended Xampp Or Wamp)
For example: Apache. mod_rewrite is preferred, but by no means required.
PHP 5.2.8 or greater.
Technically a database engine isn’t required, but we imagine that most applications will utilize one. CakePHP supports a variety of database storage engines:

MySQL (4 or greater)
PostgreSQL
Microsoft SQL Server
SQLite

Downloading CakePHP

To download the latest major release of CakePHP. Visit the main website http://www.cakephp.org and follow the “Download Now” link.

All current releases of CakePHP are hosted on Github. Github houses both CakePHP itself as well as many other plugins for CakePHP. The CakePHP releases are available at Github downloads.

Now below are the steps you need to follow :

1-Once the download completed, extract the files and copy the files into the web server www root. You should place the folder as the same name. The folder’s name can be changed as you wished and doesn’t required to be named as cake in order to run it. Do not start the server yet , there are some configuration needed to be done on the Apache core files before running the CakePHP framework.

2- You must enable rewrite module on the apache. If it is already enabled then no need to take this step. Here is the steps how you can enable rewrite module :

Find the code below in the httpd.conf file and uncomment it. This is to enable the rewrite module on the apache. By default it is turned off in some web servers. If it is already uncommented you can continue to the next step.

Locate this code and remove the ‘#’ which is located in front of the line.
#LoadModule rewrite_module modules/mod_rewrite.so
The modified code should look like this. Save and close the file, upon completing the modification
LoadModule rewrite_module modules/mod_rewrite.so

3-Now, start your server and visit the location of the folder via your preferred Internet Browser. Eg. http://localhost/cake/.

That’s all!!