I'm going to Share some awesome code with you that I just discovered. I have been working on a project that required I use html 5 and Css3 and I have to say I'm very impressed at how many cool things Css3 is capable of.
Here is the first bit of code I used
1. body {
2. background: #000 url(bg.jpg)
3. center center fixed no-repeat;
4. -moz-background-size: 100% 100%;
5. background-size: 100% 100%;
6. }
7. @media only all and (max-width: 1024px) and (max-height: 768px)
8. {
9. body {
10. -moz-background-size: 1280px 1024px;
11. background-size: 1280px 1024px;
12. }
13. }
This is a new feature that is part of Css3 only and only compatible with newer versions of IE Netscape Chrome Safari and Firefox, and it actually has the ability to stretch and shrink your pages background image to any users screen resolution. No longer do you have to size your background image to fit what users screen resolution will most commonly be.
And from a design aspect this will really make a huge difference to the versatility of your web work . much more to come stay tuned
Thursday, June 30, 2011
Tuesday, June 14, 2011
Web Studio 914
Web Design tips and tricks:
Simple ways to enhance your web design abilities
Part one: using transparencies
Here are a few ways to use transparent or see through elements to make your website more dynamic.
The first thing we will talk about is PNG. This file format is a very dynamic image type that is the default file type of Adobe Fireworks software. Fireworks if you are unfamiliar is an Adobe software that is basically like Photoshop but has built in web tools it doesn’t have all the features of photo shop but it’s very easy software to use and it can definitely take a lot of time out of the web design process without skimping on the quality of your work.
But back to PNG, one of the cool things about this format that really sticks out is that you can actually set the back ground of your image in fireworks to be transparent.
So let say you want to make a page that is going to fit on someone’s screen no matter what the resolution of their monitor. You can use this technique to create a logo for your page with a transparent back ground, and then create a back ground for the page. You set your back ground image on your html page and then put a table on top of that with borders set to zero and the table centered on the page, then when you place your logo into the table not only will it float seamlessly on the background of your page but because you used the centered table then even if the user resizes the page it will auto adjust to the screen.
You can play around with this technique of course for the best results you want to use a table width of 100% sometimes due to the elements you need to use in your page you may have to choose a specific size for your table but always keep in mind what the standard resolutions are pretty much when it comes to width you want to go with 800px or 1024px to assure you don’t have pages that go off the sides of your viewers monitor. But again if at all possible using the table width of 100% will make it work no matter what.
One more quick tip
<body bgcolor="#000000" style="padding:0px; margin:0px; height:100%; color: #000;">
This bit of code here will allow you to take that cell you made in earlier steps of this tutorial and adhere it to the top of the page, basically it removes the padding between the top of the page and the top of your table its especially helpful when you do something like have a horizontal bar that extends the full length of your page and you have a navigation element that is in the table, when you try to change the background of the page to line up with the content it can be messed up my monitors with different resolutions but if you instead stick the table to the top of the page and line background up with that then you won’t have this problem.
Well I hope this helped out please follow our blog and check us out on facebook and twitter for more tips Follow @WebStudio914
Saturday, June 4, 2011
Social Media Explosions
Social Media Marketing and online advertising has become huge and there are many mainstays in the social media word right now, but who are the other social media platforms to cover to make sure you have a well rounded social media portfolio, so to speak?
Over the past week I have been researching how this all works and I am very interested in any input from other web surfers out there but the following is a small list of neat things I have found on the subject of social media.
Let’s start with a brief examination of how social media works when it comes to business and spreading the good word about what you do and what you offer.
First of all you use social media platforms because that’s where the people are. Having a presents on the web is important in today’s market and that is absolutely true but as quickly as the evolution of business made things like Google and household word now we have progressed even further into Facebook and the like. And it’s enormous! It use to be that to stick out as a legitimate and well to do business you needed an 800 number or a fax number, do you recall the block buster movie about the maker of the fax machine? Cause I sure don’t but I do remember the movie about the youngest billionaire in America the founder of facebook.
So now anyone with an idea can create a business. And Social media is one of the things that took that to new heights because social media sights get literally hundreds and even thousands of times more viewers per hour than even television ads and unlike television ads social media sites are free to join.
Almost like the universal equalizer. Now a day’s it’s not a big bank roll that can make you a huge marketing success but actual innovation and work, the more clever you are with your social media campaigns the more clients and customers you can do so without extremely expensive ad campaigns .
We are all familiar with the power houses like Facebook and Twitter but what else is out there for us to use?
Let me share with you some of the site’s I found and hopefully some of you can weigh in on your opinions and experiences with any of the following services.
Buzz
Stumble Upon
Digg
FourSquare
I will be explaining much more and showing you how to utilize Social media to make a huge boom in your business’s clientele. Stay Tuned
Web Studio 914
www.webstudio914.com
www.webstudio914.com
Subscribe to:
Comments (Atom)