Profile cover photo
Profile photo
designing4ages | Simple, Affordable Web Design & More
6 followers -
Designing4ages offers high quality web, print, graphic & multimedia design solutions.
Designing4ages offers high quality web, print, graphic & multimedia design solutions.

6 followers
About
Posts

JS Tip: Well this is an ajax tip... Using $(this) in your ajax success and its not working simple fix...

add context: this,

Before...
......
dataType: 'json',
cache: false,
success: function(data) {
.....

After...
......
dataType: 'json',
cache: false,
context: this,
success: function(data) {
.....
Add a comment...

Post has attachment
CSS Tip: background-size: cover a great tool but how to include background size in background shorthand...

.element{
background: #fff url('image/image.jpg') no-repeat center center / cover;
}

Add a comment...

CSS Tip: Need a child element to show behind parent container? Tried z-index'ing both no luck this may help...

Make sure parent element has no z-index then set...

.child_element{
position:relative;
z-index:-1;
}
Add a comment...

CSS Tip: Them pesky floats... So you've got loads of floa'ting elements in another element and a clear:both is needed, easy solution...

[your class or element]:after{

visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;

}
Add a comment...

CSS Tip: Useful blur effect for html elements...

-webkit-filter: blur(5px);
-moz-filter: blur(5px);
-ms-filter: blur(5px);
-o-filter: blur(5px);
filter: blur(5px);

Add a comment...

Post has attachment
The largest change to the web since 1999 - http/1 to http/2. How 5 simple letters change transform your nginx setup...
Enable HTTP/2 on Nginx
Enable HTTP/2 on Nginx
bjornjohansen.no
Add a comment...

Post has attachment
CSS Tip: So your background image isn't playing nice on different sized browsers....

Add this to your class...

background-size: cover;

Read more about background sizes here: http://www.w3schools.com/cssref/css3_pr_background-size.asp
Add a comment...

CSS Tip: Finding your padding is causing issues with a width:100% ....

Add this to your class...

-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
Add a comment...

Post has attachment
CSS Tips: what to make a background image grey scale without the hassle of bringing it back into photoshop...

Add this to your class...

-moz-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
         -o-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
         -webkit-filter: grayscale(100%);
         filter: gray;
         filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
Add a comment...

Post has attachment
Add a comment...
Wait while more posts are being loaded