Are you over 18 and want to see adult content?
More Annotations
![the thinking closet - let your creativity splish, splash, & spill](https://www.archivebay.com/archive/83661d1d-afa8-4ece-9629-a867e76ecf1e.png)
the thinking closet - let your creativity splish, splash, & spill
Are you over 18 and want to see adult content?
![My Amazing Things - Your Next Thing To Do](https://www.archivebay.com/archive/754a11c7-8874-482e-8150-f333df720b6d.png)
My Amazing Things - Your Next Thing To Do
Are you over 18 and want to see adult content?
![Sea & City Apartments – Enjoy Your Holidays In Nea Chora Chania](https://www.archivebay.com/archive/c6e00832-3f71-412d-ae38-c72c8b2be001.png)
Sea & City Apartments – Enjoy Your Holidays In Nea Chora Chania
Are you over 18 and want to see adult content?
![Igniter Media | The Complete Church Media Resource](https://www.archivebay.com/archive/42419b04-3f43-4e63-9dba-44f40a9db170.png)
Igniter Media | The Complete Church Media Resource
Are you over 18 and want to see adult content?
![Untold Business - Stories of Untold Business Successes & News](https://www.archivebay.com/archive/5300fb76-306d-4cae-b7c4-99c29a370d2c.png)
Untold Business - Stories of Untold Business Successes & News
Are you over 18 and want to see adult content?
![A complete backup of karso-unterwegs.eu](https://www.archivebay.com/archive/62e02021-833b-488e-abe0-b02856489abf.png)
A complete backup of karso-unterwegs.eu
Are you over 18 and want to see adult content?
![Toyota of Alvin | Toyota Dealer in Alvin, TX](https://www.archivebay.com/archive/112fbe9e-9897-474b-b577-ec30dc4be27e.png)
Toyota of Alvin | Toyota Dealer in Alvin, TX
Are you over 18 and want to see adult content?
Favourite Annotations
![A complete backup of healthyfood.co.uk](https://www.archivebay.com/archive2/5f7b31b9-99ca-493a-9f58-ec0460984169.png)
A complete backup of healthyfood.co.uk
Are you over 18 and want to see adult content?
![A complete backup of thinksteroids.com](https://www.archivebay.com/archive2/a7cb8b84-efa6-4607-b776-c6261f6f1df5.png)
A complete backup of thinksteroids.com
Are you over 18 and want to see adult content?
![A complete backup of thornlighting.com](https://www.archivebay.com/archive2/885d4475-227e-40e9-9d73-9b835d7d0e57.png)
A complete backup of thornlighting.com
Are you over 18 and want to see adult content?
![A complete backup of imgeseltasarim.com](https://www.archivebay.com/archive2/f6ff619c-b581-4164-9f11-baba79dcd6d0.png)
A complete backup of imgeseltasarim.com
Are you over 18 and want to see adult content?
Text
TREVOR DAVIS
Trevor Davis | Front-End Development Technical Director @ Viget. I’m a Front-End Development Technical Director at Viget. If you have a project that you think I can help with, get in touch. ABOUT | TREVOR DAVIS | FRONT-END DEVELOPMENT TECHNICAL About. I guess I have to have one of these pages. So this is me summed up in a few pictures and sentences. I live in sunny Charleston, SC with my furry little dude Newman. My beautiful matte black Harley Davidson Iron 883 is my preferred method of transportation on sunny days. I spend a lot of free time playing basketball. BLOG | TREVOR DAVIS | FRONT-END DEVELOPMENT TECHNICAL We have been hearing about HTTP/2 for years now. We've even blogged a little bit about it. But we hadn't really done much with it. Until now. On a few recent projects, I made it a goal to use HTTP/2 and figure out how to best utilize multiplexing.This post isn't necessarily going to cover why you should use HTTP/2, but it's going to discuss how I've been managing CSS & JS to account for this CONTACT | TREVOR DAVIS | FRONT-END DEVELOPMENT TECHNICAL Skip to Content Trevor Davis Menu. About Blog Contact THE 6 MOST IMPORTANT CSS TECHNIQUES YOU NEED TO KNOW Until IE finally supports the resizing of text in pixels, this is the best technique to gain full control over your font sizes. By setting the body font-size to 62.5%, that will set your font size to 10 pixels. That way, 1em is equal to 10 pixels. BLOG | TREVOR DAVIS | FRONT-END DEVELOPMENT TECHNICAL Whether you are a hater of the technique or not, Responsive Design is one of the most important things happening on the web right now. I am finally getting a chance to work on a project where we are taking a responsive approach to the site, and it’s been great, but I have definitely come across a SET A FLOAT TO CLEAR A FLOAT: FIXED Column 1. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas ac mauris ac nisi bibendum vehicula. Vestibulum sollicitudin condimentum magna. Aliquam lacinia pharetra tellus. In eu eros. Ut venenatis commodo orci. SET A FLOAT TO CLEAR A FLOAT: FIXED MORE Column 1. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas ac mauris ac nisi bibendum vehicula. Vestibulum sollicitudincondimentum magna.
CSS FORMS | TREVOR DAVIS | FRONT-END DEVELOPMENT TECHNICAL I don't think I need to go step by step through that because it is pretty simple styling. I have created the styled page for you to see.. I personally like forms that have the label and the input element on the same line, but that's just me. AJAX FORMS WITH JQUERY Ajax Forms with jQuery. There are so many different javascript frameworks out there, but I have recently started to use jQuery, and I love it. Not only is the library much smaller than others, but it is so simple to use. I wanted to show how easy it is to turn a regular form into a AJAX form.TREVOR DAVIS
Trevor Davis | Front-End Development Technical Director @ Viget. I’m a Front-End Development Technical Director at Viget. If you have a project that you think I can help with, get in touch. ABOUT | TREVOR DAVIS | FRONT-END DEVELOPMENT TECHNICAL About. I guess I have to have one of these pages. So this is me summed up in a few pictures and sentences. I live in sunny Charleston, SC with my furry little dude Newman. My beautiful matte black Harley Davidson Iron 883 is my preferred method of transportation on sunny days. I spend a lot of free time playing basketball. BLOG | TREVOR DAVIS | FRONT-END DEVELOPMENT TECHNICAL We have been hearing about HTTP/2 for years now. We've even blogged a little bit about it. But we hadn't really done much with it. Until now. On a few recent projects, I made it a goal to use HTTP/2 and figure out how to best utilize multiplexing.This post isn't necessarily going to cover why you should use HTTP/2, but it's going to discuss how I've been managing CSS & JS to account for this CONTACT | TREVOR DAVIS | FRONT-END DEVELOPMENT TECHNICAL Skip to Content Trevor Davis Menu. About Blog Contact THE 6 MOST IMPORTANT CSS TECHNIQUES YOU NEED TO KNOW Until IE finally supports the resizing of text in pixels, this is the best technique to gain full control over your font sizes. By setting the body font-size to 62.5%, that will set your font size to 10 pixels. That way, 1em is equal to 10 pixels. BLOG | TREVOR DAVIS | FRONT-END DEVELOPMENT TECHNICAL Whether you are a hater of the technique or not, Responsive Design is one of the most important things happening on the web right now. I am finally getting a chance to work on a project where we are taking a responsive approach to the site, and it’s been great, but I have definitely come across a SET A FLOAT TO CLEAR A FLOAT: FIXED Column 1. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas ac mauris ac nisi bibendum vehicula. Vestibulum sollicitudin condimentum magna. Aliquam lacinia pharetra tellus. In eu eros. Ut venenatis commodo orci. SET A FLOAT TO CLEAR A FLOAT: FIXED MORE Column 1. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas ac mauris ac nisi bibendum vehicula. Vestibulum sollicitudincondimentum magna.
CSS FORMS | TREVOR DAVIS | FRONT-END DEVELOPMENT TECHNICAL I don't think I need to go step by step through that because it is pretty simple styling. I have created the styled page for you to see.. I personally like forms that have the label and the input element on the same line, but that's just me. AJAX FORMS WITH JQUERY Ajax Forms with jQuery. There are so many different javascript frameworks out there, but I have recently started to use jQuery, and I love it. Not only is the library much smaller than others, but it is so simple to use. I wanted to show how easy it is to turn a regular form into a AJAX form. BLOG | TREVOR DAVIS | FRONT-END DEVELOPMENT TECHNICAL Whether you are a hater of the technique or not, Responsive Design is one of the most important things happening on the web right now. I am finally getting a chance to work on a project where we are taking a responsive approach to the site, and it’s been great, but I have definitely come across aUSING JQUERY CLONE
I love how I can use jQuery to solve all of my problems. When I was working on a website for The Lighting of the National Christmas Tree, I had to create a page that displayed all of the ornaments.Thank god for the jQuery clone() method, which saved me loads of time and effort.. The Situation. I was on a tight deadline, and had to figure out some way to layout all of the state ornaments. THE IMPORTANCE OF TESTING It is great when you can take situations in your everyday life and relate them to the web. First, I am going to discuss a well designed product with one major problem that I used to use daily. SET A BODY ID USING PHP Some Practical Uses. As I discussed at the beginning of the post, there are a lot of benefits to having a body id set on every page. This is the demo section that I FLEXIBLE AND SEMANTIC FORMS WITH A LITTLE JQUERY While they may not be that pretty, forms are one of the most important parts of a web site. I have already written an article on CSS Forms, that was over a year ago, and I have developed much better techniques.. There are other great resources for information about form design, and I will take this information into account when I am showing the flexibility of my method of marking up and JQUERY SHOW PASSWORD PLUGIN jQuery Show Password Plugin. In a recent project at work, I had to add in functionality so that a user could see what they had typed in a password field when they click a link. One would think that it is as easy as using JavaScript to change the type attribute, but that of course doesn’t work in IE. Virtually all of the jQuery plugins thatI
CENTERING ABSOLUTELY POSITIONED ITEMS Ok, so now we’ve got it shifted over 50% from the left hand side, and in order to get it back to the center, you need to take half of the width of the item, in this case 250px.. So if we set a negative left margin of -250px, we end up with the following CSS: JAVASCRIPT EXECUTION PATTERNS FOR NON-WEB APPS Skip to Content Trevor Davis Menu. About Blog ContactJQUERY TEXT RESIZER
A; A; A; jQuery Text Resizer. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eu nisl velit, ac eleifend nisl. Morbi nulla erat, ultrices nec lacinia nec, rhoncus ut massa.BASE FONT SIZE
Back to The 6 Most Important CSS Techniques You Need To Know. This Heading is 36 pixels. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed doTREVOR DAVIS
Trevor Davis | Front-End Development Technical Director @ Viget. I’m a Front-End Development Technical Director at Viget. If you have a project that you think I can help with, get in touch. ABOUT | TREVOR DAVIS | FRONT-END DEVELOPMENT TECHNICAL About. I guess I have to have one of these pages. So this is me summed up in a few pictures and sentences. I live in sunny Charleston, SC with my furry little dude Newman. My beautiful matte black Harley Davidson Iron 883 is my preferred method of transportation on sunny days. I spend a lot of free time playing basketball. BLOG | TREVOR DAVIS | FRONT-END DEVELOPMENT TECHNICAL We have been hearing about HTTP/2 for years now. We've even blogged a little bit about it. But we hadn't really done much with it. Until now. On a few recent projects, I made it a goal to use HTTP/2 and figure out how to best utilize multiplexing.This post isn't necessarily going to cover why you should use HTTP/2, but it's going to discuss how I've been managing CSS & JS to account for this CONTACT | TREVOR DAVIS | FRONT-END DEVELOPMENT TECHNICAL Skip to Content Trevor Davis Menu. About Blog Contact THE 6 MOST IMPORTANT CSS TECHNIQUES YOU NEED TO KNOW Until IE finally supports the resizing of text in pixels, this is the best technique to gain full control over your font sizes. By setting the body font-size to 62.5%, that will set your font size to 10 pixels. That way, 1em is equal to 10 pixels. BLOG | TREVOR DAVIS | FRONT-END DEVELOPMENT TECHNICAL Whether you are a hater of the technique or not, Responsive Design is one of the most important things happening on the web right now. I am finally getting a chance to work on a project where we are taking a responsive approach to the site, and it’s been great, but I have definitely come across a SET A FLOAT TO CLEAR A FLOAT: FIXED Column 1. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas ac mauris ac nisi bibendum vehicula. Vestibulum sollicitudin condimentum magna. Aliquam lacinia pharetra tellus. In eu eros. Ut venenatis commodo orci. SET A FLOAT TO CLEAR A FLOAT: FIXED MORE Column 1. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas ac mauris ac nisi bibendum vehicula. Vestibulum sollicitudincondimentum magna.
CSS FORMS | TREVOR DAVIS | FRONT-END DEVELOPMENT TECHNICAL I don't think I need to go step by step through that because it is pretty simple styling. I have created the styled page for you to see.. I personally like forms that have the label and the input element on the same line, but that's just me. AJAX FORMS WITH JQUERY Ajax Forms with jQuery. There are so many different javascript frameworks out there, but I have recently started to use jQuery, and I love it. Not only is the library much smaller than others, but it is so simple to use. I wanted to show how easy it is to turn a regular form into a AJAX form.TREVOR DAVIS
Trevor Davis | Front-End Development Technical Director @ Viget. I’m a Front-End Development Technical Director at Viget. If you have a project that you think I can help with, get in touch. ABOUT | TREVOR DAVIS | FRONT-END DEVELOPMENT TECHNICAL About. I guess I have to have one of these pages. So this is me summed up in a few pictures and sentences. I live in sunny Charleston, SC with my furry little dude Newman. My beautiful matte black Harley Davidson Iron 883 is my preferred method of transportation on sunny days. I spend a lot of free time playing basketball. BLOG | TREVOR DAVIS | FRONT-END DEVELOPMENT TECHNICAL We have been hearing about HTTP/2 for years now. We've even blogged a little bit about it. But we hadn't really done much with it. Until now. On a few recent projects, I made it a goal to use HTTP/2 and figure out how to best utilize multiplexing.This post isn't necessarily going to cover why you should use HTTP/2, but it's going to discuss how I've been managing CSS & JS to account for this CONTACT | TREVOR DAVIS | FRONT-END DEVELOPMENT TECHNICAL Skip to Content Trevor Davis Menu. About Blog Contact THE 6 MOST IMPORTANT CSS TECHNIQUES YOU NEED TO KNOW Until IE finally supports the resizing of text in pixels, this is the best technique to gain full control over your font sizes. By setting the body font-size to 62.5%, that will set your font size to 10 pixels. That way, 1em is equal to 10 pixels. BLOG | TREVOR DAVIS | FRONT-END DEVELOPMENT TECHNICAL Whether you are a hater of the technique or not, Responsive Design is one of the most important things happening on the web right now. I am finally getting a chance to work on a project where we are taking a responsive approach to the site, and it’s been great, but I have definitely come across a SET A FLOAT TO CLEAR A FLOAT: FIXED Column 1. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas ac mauris ac nisi bibendum vehicula. Vestibulum sollicitudin condimentum magna. Aliquam lacinia pharetra tellus. In eu eros. Ut venenatis commodo orci. SET A FLOAT TO CLEAR A FLOAT: FIXED MORE Column 1. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas ac mauris ac nisi bibendum vehicula. Vestibulum sollicitudincondimentum magna.
CSS FORMS | TREVOR DAVIS | FRONT-END DEVELOPMENT TECHNICAL I don't think I need to go step by step through that because it is pretty simple styling. I have created the styled page for you to see.. I personally like forms that have the label and the input element on the same line, but that's just me. AJAX FORMS WITH JQUERY Ajax Forms with jQuery. There are so many different javascript frameworks out there, but I have recently started to use jQuery, and I love it. Not only is the library much smaller than others, but it is so simple to use. I wanted to show how easy it is to turn a regular form into a AJAX form. BLOG | TREVOR DAVIS | FRONT-END DEVELOPMENT TECHNICAL Whether you are a hater of the technique or not, Responsive Design is one of the most important things happening on the web right now. I am finally getting a chance to work on a project where we are taking a responsive approach to the site, and it’s been great, but I have definitely come across aUSING JQUERY CLONE
I love how I can use jQuery to solve all of my problems. When I was working on a website for The Lighting of the National Christmas Tree, I had to create a page that displayed all of the ornaments.Thank god for the jQuery clone() method, which saved me loads of time and effort.. The Situation. I was on a tight deadline, and had to figure out some way to layout all of the state ornaments. THE IMPORTANCE OF TESTING It is great when you can take situations in your everyday life and relate them to the web. First, I am going to discuss a well designed product with one major problem that I used to use daily. SET A BODY ID USING PHP Some Practical Uses. As I discussed at the beginning of the post, there are a lot of benefits to having a body id set on every page. This is the demo section that I FLEXIBLE AND SEMANTIC FORMS WITH A LITTLE JQUERY While they may not be that pretty, forms are one of the most important parts of a web site. I have already written an article on CSS Forms, that was over a year ago, and I have developed much better techniques.. There are other great resources for information about form design, and I will take this information into account when I am showing the flexibility of my method of marking up and JQUERY SHOW PASSWORD PLUGIN jQuery Show Password Plugin. In a recent project at work, I had to add in functionality so that a user could see what they had typed in a password field when they click a link. One would think that it is as easy as using JavaScript to change the type attribute, but that of course doesn’t work in IE. Virtually all of the jQuery plugins thatI
CENTERING ABSOLUTELY POSITIONED ITEMS Ok, so now we’ve got it shifted over 50% from the left hand side, and in order to get it back to the center, you need to take half of the width of the item, in this case 250px.. So if we set a negative left margin of -250px, we end up with the following CSS: JAVASCRIPT EXECUTION PATTERNS FOR NON-WEB APPS Skip to Content Trevor Davis Menu. About Blog ContactJQUERY TEXT RESIZER
A; A; A; jQuery Text Resizer. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eu nisl velit, ac eleifend nisl. Morbi nulla erat, ultrices nec lacinia nec, rhoncus ut massa.BASE FONT SIZE
Back to The 6 Most Important CSS Techniques You Need To Know. This Heading is 36 pixels. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed doTREVOR DAVIS
Trevor Davis | Front-End Development Technical Director @ Viget. I’m a Front-End Development Technical Director at Viget. If you have a project that you think I can help with, get in touch. ABOUT | TREVOR DAVIS | FRONT-END DEVELOPMENT TECHNICAL About. I guess I have to have one of these pages. So this is me summed up in a few pictures and sentences. I live in sunny Charleston, SC with my furry little dude Newman. My beautiful matte black Harley Davidson Iron 883 is my preferred method of transportation on sunny days. I spend a lot of free time playing basketball. BLOG | TREVOR DAVIS | FRONT-END DEVELOPMENT TECHNICAL We have been hearing about HTTP/2 for years now. We've even blogged a little bit about it. But we hadn't really done much with it. Until now. On a few recent projects, I made it a goal to use HTTP/2 and figure out how to best utilize multiplexing.This post isn't necessarily going to cover why you should use HTTP/2, but it's going to discuss how I've been managing CSS & JS to account for this CONTACT | TREVOR DAVIS | FRONT-END DEVELOPMENT TECHNICAL Skip to Content Trevor Davis Menu. About Blog Contact THE 6 MOST IMPORTANT CSS TECHNIQUES YOU NEED TO KNOW Until IE finally supports the resizing of text in pixels, this is the best technique to gain full control over your font sizes. By setting the body font-size to 62.5%, that will set your font size to 10 pixels. That way, 1em is equal to 10 pixels. SET A FLOAT TO CLEAR A FLOAT: FIXED Column 1. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas ac mauris ac nisi bibendum vehicula. Vestibulum sollicitudin condimentum magna. Aliquam lacinia pharetra tellus. In eu eros. Ut venenatis commodo orci. SET A FLOAT TO CLEAR A FLOAT: FIXED MORE Column 1. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas ac mauris ac nisi bibendum vehicula. Vestibulum sollicitudincondimentum magna.
CSS FORMS | TREVOR DAVIS | FRONT-END DEVELOPMENT TECHNICAL I don't think I need to go step by step through that because it is pretty simple styling. I have created the styled page for you to see.. I personally like forms that have the label and the input element on the same line, but that's just me. AJAX FORMS WITH JQUERY Ajax Forms with jQuery. There are so many different javascript frameworks out there, but I have recently started to use jQuery, and I love it. Not only is the library much smaller than others, but it is so simple to use. I wanted to show how easy it is to turn a regular form into a AJAX form. JQUERY SHOW PASSWORD PLUGIN jQuery Show Password Plugin. In a recent project at work, I had to add in functionality so that a user could see what they had typed in a password field when they click a link. One would think that it is as easy as using JavaScript to change the type attribute, but that of course doesn’t work in IE. Virtually all of the jQuery plugins thatI
TREVOR DAVIS
Trevor Davis | Front-End Development Technical Director @ Viget. I’m a Front-End Development Technical Director at Viget. If you have a project that you think I can help with, get in touch. ABOUT | TREVOR DAVIS | FRONT-END DEVELOPMENT TECHNICAL About. I guess I have to have one of these pages. So this is me summed up in a few pictures and sentences. I live in sunny Charleston, SC with my furry little dude Newman. My beautiful matte black Harley Davidson Iron 883 is my preferred method of transportation on sunny days. I spend a lot of free time playing basketball. BLOG | TREVOR DAVIS | FRONT-END DEVELOPMENT TECHNICAL We have been hearing about HTTP/2 for years now. We've even blogged a little bit about it. But we hadn't really done much with it. Until now. On a few recent projects, I made it a goal to use HTTP/2 and figure out how to best utilize multiplexing.This post isn't necessarily going to cover why you should use HTTP/2, but it's going to discuss how I've been managing CSS & JS to account for this CONTACT | TREVOR DAVIS | FRONT-END DEVELOPMENT TECHNICAL Skip to Content Trevor Davis Menu. About Blog Contact THE 6 MOST IMPORTANT CSS TECHNIQUES YOU NEED TO KNOW Until IE finally supports the resizing of text in pixels, this is the best technique to gain full control over your font sizes. By setting the body font-size to 62.5%, that will set your font size to 10 pixels. That way, 1em is equal to 10 pixels. SET A FLOAT TO CLEAR A FLOAT: FIXED Column 1. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas ac mauris ac nisi bibendum vehicula. Vestibulum sollicitudin condimentum magna. Aliquam lacinia pharetra tellus. In eu eros. Ut venenatis commodo orci. SET A FLOAT TO CLEAR A FLOAT: FIXED MORE Column 1. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas ac mauris ac nisi bibendum vehicula. Vestibulum sollicitudincondimentum magna.
CSS FORMS | TREVOR DAVIS | FRONT-END DEVELOPMENT TECHNICAL I don't think I need to go step by step through that because it is pretty simple styling. I have created the styled page for you to see.. I personally like forms that have the label and the input element on the same line, but that's just me. AJAX FORMS WITH JQUERY Ajax Forms with jQuery. There are so many different javascript frameworks out there, but I have recently started to use jQuery, and I love it. Not only is the library much smaller than others, but it is so simple to use. I wanted to show how easy it is to turn a regular form into a AJAX form. JQUERY SHOW PASSWORD PLUGIN jQuery Show Password Plugin. In a recent project at work, I had to add in functionality so that a user could see what they had typed in a password field when they click a link. One would think that it is as easy as using JavaScript to change the type attribute, but that of course doesn’t work in IE. Virtually all of the jQuery plugins thatI
BLOG | TREVOR DAVIS | FRONT-END DEVELOPMENT TECHNICAL Whether you are a hater of the technique or not, Responsive Design is one of the most important things happening on the web right now. I am finally getting a chance to work on a project where we are taking a responsive approach to the site, and it’s been great, but I have definitely come across a CSS FORMS | TREVOR DAVIS | FRONT-END DEVELOPMENT TECHNICAL I don't think I need to go step by step through that because it is pretty simple styling. I have created the styled page for you to see.. I personally like forms that have the label and the input element on the same line, but that's just me.USING JQUERY CLONE
I love how I can use jQuery to solve all of my problems. When I was working on a website for The Lighting of the National Christmas Tree, I had to create a page that displayed all of the ornaments.Thank god for the jQuery clone() method, which saved me loads of time and effort.. The Situation. I was on a tight deadline, and had to figure out some way to layout all of the state ornaments. SET A BODY ID USING PHP Some Practical Uses. As I discussed at the beginning of the post, there are a lot of benefits to having a body id set on every page. This is the demo section that I THE IMPORTANCE OF TESTING It is great when you can take situations in your everyday life and relate them to the web. First, I am going to discuss a well designed product with one major problem that I used to use daily. FLEXIBLE AND SEMANTIC FORMS WITH A LITTLE JQUERY While they may not be that pretty, forms are one of the most important parts of a web site. I have already written an article on CSS Forms, that was over a year ago, and I have developed much better techniques.. There are other great resources for information about form design, and I will take this information into account when I am showing the flexibility of my method of marking up and UNOBTRUSIVE JAVASCRIPT PRINT LINK (WITH JQUERY) Take a look at the demo page to see it in action. The script is nothing complex; it is just another example of using jQuery to improve a user’s experience. JAVASCRIPT EXECUTION PATTERNS FOR NON-WEB APPS Skip to Content Trevor Davis Menu. About Blog ContactJQUERY TEXT RESIZER
A; A; A; jQuery Text Resizer. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eu nisl velit, ac eleifend nisl. Morbi nulla erat, ultrices nec lacinia nec, rhoncus ut massa.BASE FONT SIZE
Back to The 6 Most Important CSS Techniques You Need To Know. This Heading is 36 pixels. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed doTREVOR DAVIS
Trevor Davis | Front-End Development Technical Director @ Viget. I’m a Front-End Development Technical Director at Viget. If you have a project that you think I can help with, get in touch. ABOUT | TREVOR DAVIS | FRONT-END DEVELOPMENT TECHNICAL About. I guess I have to have one of these pages. So this is me summed up in a few pictures and sentences. I live in sunny Charleston, SC with my furry little dude Newman. My beautiful matte black Harley Davidson Iron 883 is my preferred method of transportation on sunny days. I spend a lot of free time playing basketball. BLOG | TREVOR DAVIS | FRONT-END DEVELOPMENT TECHNICAL We have been hearing about HTTP/2 for years now. We've even blogged a little bit about it. But we hadn't really done much with it. Until now. On a few recent projects, I made it a goal to use HTTP/2 and figure out how to best utilize multiplexing.This post isn't necessarily going to cover why you should use HTTP/2, but it's going to discuss how I've been managing CSS & JS to account for this CONTACT | TREVOR DAVIS | FRONT-END DEVELOPMENT TECHNICAL Skip to Content Trevor Davis Menu. About Blog Contact THE 6 MOST IMPORTANT CSS TECHNIQUES YOU NEED TO KNOW Until IE finally supports the resizing of text in pixels, this is the best technique to gain full control over your font sizes. By setting the body font-size to 62.5%, that will set your font size to 10 pixels. That way, 1em is equal to 10 pixels. SET A FLOAT TO CLEAR A FLOAT: FIXED Column 1. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas ac mauris ac nisi bibendum vehicula. Vestibulum sollicitudin condimentum magna. Aliquam lacinia pharetra tellus. In eu eros. Ut venenatis commodo orci. SET A FLOAT TO CLEAR A FLOAT: FIXED MORE Column 1. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas ac mauris ac nisi bibendum vehicula. Vestibulum sollicitudincondimentum magna.
CSS FORMS | TREVOR DAVIS | FRONT-END DEVELOPMENT TECHNICAL I don't think I need to go step by step through that because it is pretty simple styling. I have created the styled page for you to see.. I personally like forms that have the label and the input element on the same line, but that's just me. AJAX FORMS WITH JQUERY Ajax Forms with jQuery. There are so many different javascript frameworks out there, but I have recently started to use jQuery, and I love it. Not only is the library much smaller than others, but it is so simple to use. I wanted to show how easy it is to turn a regular form into a AJAX form. JQUERY SHOW PASSWORD PLUGIN jQuery Show Password Plugin. In a recent project at work, I had to add in functionality so that a user could see what they had typed in a password field when they click a link. One would think that it is as easy as using JavaScript to change the type attribute, but that of course doesn’t work in IE. Virtually all of the jQuery plugins thatI
TREVOR DAVIS
Trevor Davis | Front-End Development Technical Director @ Viget. I’m a Front-End Development Technical Director at Viget. If you have a project that you think I can help with, get in touch. ABOUT | TREVOR DAVIS | FRONT-END DEVELOPMENT TECHNICAL About. I guess I have to have one of these pages. So this is me summed up in a few pictures and sentences. I live in sunny Charleston, SC with my furry little dude Newman. My beautiful matte black Harley Davidson Iron 883 is my preferred method of transportation on sunny days. I spend a lot of free time playing basketball. BLOG | TREVOR DAVIS | FRONT-END DEVELOPMENT TECHNICAL We have been hearing about HTTP/2 for years now. We've even blogged a little bit about it. But we hadn't really done much with it. Until now. On a few recent projects, I made it a goal to use HTTP/2 and figure out how to best utilize multiplexing.This post isn't necessarily going to cover why you should use HTTP/2, but it's going to discuss how I've been managing CSS & JS to account for this CONTACT | TREVOR DAVIS | FRONT-END DEVELOPMENT TECHNICAL Skip to Content Trevor Davis Menu. About Blog Contact THE 6 MOST IMPORTANT CSS TECHNIQUES YOU NEED TO KNOW Until IE finally supports the resizing of text in pixels, this is the best technique to gain full control over your font sizes. By setting the body font-size to 62.5%, that will set your font size to 10 pixels. That way, 1em is equal to 10 pixels. SET A FLOAT TO CLEAR A FLOAT: FIXED Column 1. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas ac mauris ac nisi bibendum vehicula. Vestibulum sollicitudin condimentum magna. Aliquam lacinia pharetra tellus. In eu eros. Ut venenatis commodo orci. SET A FLOAT TO CLEAR A FLOAT: FIXED MORE Column 1. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas ac mauris ac nisi bibendum vehicula. Vestibulum sollicitudincondimentum magna.
CSS FORMS | TREVOR DAVIS | FRONT-END DEVELOPMENT TECHNICAL I don't think I need to go step by step through that because it is pretty simple styling. I have created the styled page for you to see.. I personally like forms that have the label and the input element on the same line, but that's just me. AJAX FORMS WITH JQUERY Ajax Forms with jQuery. There are so many different javascript frameworks out there, but I have recently started to use jQuery, and I love it. Not only is the library much smaller than others, but it is so simple to use. I wanted to show how easy it is to turn a regular form into a AJAX form. JQUERY SHOW PASSWORD PLUGIN jQuery Show Password Plugin. In a recent project at work, I had to add in functionality so that a user could see what they had typed in a password field when they click a link. One would think that it is as easy as using JavaScript to change the type attribute, but that of course doesn’t work in IE. Virtually all of the jQuery plugins thatI
BLOG | TREVOR DAVIS | FRONT-END DEVELOPMENT TECHNICAL Whether you are a hater of the technique or not, Responsive Design is one of the most important things happening on the web right now. I am finally getting a chance to work on a project where we are taking a responsive approach to the site, and it’s been great, but I have definitely come across aUSING JQUERY CLONE
I love how I can use jQuery to solve all of my problems. When I was working on a website for The Lighting of the National Christmas Tree, I had to create a page that displayed all of the ornaments.Thank god for the jQuery clone() method, which saved me loads of time and effort.. The Situation. I was on a tight deadline, and had to figure out some way to layout all of the state ornaments. FLEXIBLE AND SEMANTIC FORMS WITH A LITTLE JQUERY While they may not be that pretty, forms are one of the most important parts of a web site. I have already written an article on CSS Forms, that was over a year ago, and I have developed much better techniques.. There are other great resources for information about form design, and I will take this information into account when I am showing the flexibility of my method of marking up and USE JQUERY TO OPEN ALL EXTERNAL LINKS IN A NEW WINDOW In a recent project at work, I had completed implementing a site, and the client was reviewing it. Their company decided that they wanted all external links to open in a new window.INPUT VS. BUTTON
My latest redesign project at work was for Group Logic.Another company did the design and created static HTML templates. My role was to create a single header and footer to make maintaining the site easier, and to wrap the store and other dynamic applications in the newdesign.
REVERSED ORDERED LIST WITH JQUERY At work this past week, a client requested something that I wasn’t sure how to achieve: a reversed ordered list. So basically, they wanted to have a top 10 list, WHY IS THERE NO FLOAT: CENTER? Float an Image Between Two Columns. In this example, I just floated the image to the right, and gave it a -100px right margin (half the width of the image). Then I just added an empty div to the right hand column, floated it left, and gave it a height and width. Float an Image in the Middle of One Column. This one is really hacky. STOP USING HELVETICA Ok, so that’s a little extreme. I’m going to preface this post a little bit. I love Helvetica as a font. It’s a gorgeous font, and it has stood the test of time.So now that everyone understands my opinion on the font, I’ll go back to my original postTREVOR DAVIS
This is an internal link; This is an external link; Back to Use jQuery to Open All External Links in a New WindowUse jQuery to Open All External Links in a New Window JAVASCRIPT TABBED NAVIGATION Header for Tab 1. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed elit dolor, blandit vitae, ultricies mollis, rhoncus eget,turpis.
Skip to Content
TREVOR DAVIS
Menu
* About
* Blog
* Contact
Close
I’m a FRONT-END DEVELOPMENT TECHNICAL DIRECTOR at Viget.
If you have a project that you think I can help with, get in touch.
Check out a selection of my work Human Rights CampaignVisit Site
NFL Players AssociationVisit Site
Hamilton Company
Visit Site
BDI Furniture
Visit Site
Bethesda Creation ClubVisit Site
PBS Kids Development Tracker Lupus Resource CenterLully Sleep
Open Space InstituteVisit Site
Yes I Foods
PPS Plus
American Farmland TrustViget
Visit Site
Elgin Racing
Visit Site
Volunteers of AmericaVisit Site
Pointless Corp
Visit Site
GoPole
Visit Site
Lenovo Blog
Orbcomm
Lansinoh
NEA
Visit Site
World Wildlife Fund
Visit Site
Carr Workplaces
AIGA Design Continuum FundRumble Games
Visit Site
Ultimat Vodka
NMS
Team Viget
PUMA
PUMA Golf
PUMA Clever Little BagPUMA Time
The Bolt Collection
PUMA City
Easter Seals UCP North CarolinaPUMA Running
* Connect with me on: InstagramGitHub
Details
Copyright © 2024 ArchiveBay.com. All rights reserved. Terms of Use | Privacy Policy | DMCA | 2021 | Feedback | Advertising | RSS 2.0