sNews - Lightweight Content Management System What is Opacity - CSS 3 Opacity One of the things that you can easily do in print design but not on the Web is overlay text on an image or colored background, and change the transparency of that image so that the text fades into the background. But there is a property in CSS3 that will allow you to change the opacity of your elements so that they fade in and out: opacity. How to Use the Opacity Property The opacity property takes a value of the amount of transparency from 0.0 to 1.0. 0.0 is 100% transparent—anything below that element will show completely through. 1.0 is 100% opaque—nothing below the element will show through. So to set an element to 50% transparent, you would write: opacity:0.5; See some examples of opacity in action Be Sure to Test in Older Browsers Neither IE 6 nor 7 support the CSS3 opacity property. filter: alpha(opacity=50); See the alpha filter in action (IE only) And Use Browser Prefixes You should use the -moz- and -webkit- prefixes so that older versions of Mozilla and Webkit browsers support it too:
Free CMS - The Easy CMS for Web Designers Easy Setup You will be up and running in no time,with no installs and no hassles. Powerful Features Don't let the simplicity fool you. Customizable UI Go ahead, take the credit. 20 Websites With Unique Layouts When you are creating a new website you may be inspired by seeing other sites that feature unique layouts. The 20 sites listed here don’t simply use a typical two or three column layout. Many of them use background images to interact with and control the layout in some unique way. For more design inspiration, see: Popmatik – Freelance web designer Rob Leach uses a unique layout for his portfolio site. Digitalmash.com – Digital Mash is the home of Australian web designer Rob Morris. Melissahie.com – A portfolio site with a different twist, MelissaHie.com leads the visitor through a series of different sections of one page that include links to websites in a portfolio, a brief bio, and contact information. Evanescenceuk.co.uk – The British website of American rock band Evanescence uses a horizontal layout and a navigational scheme similar to MelissaHie.com, where the visitor slides across the site when using the navigation rather than being taken to a separate page.
the Open Source Content Management System / CMS 50 Powerful Time-Savers For Web Designers - Smashing Magazine Being a web designer is not easy. Not only do we need to have a good understanding about visual design, typography, information architecture, psychology and a plethora of other disciplines; in our work, we need to take care of so many details, so that our job becomes more and more time-consuming, requiring dozens of tools, attention span and an effective workflow for beautiful, timely and functional results. And this is where small time-savers become handy. Be it a handy checklist, batch installer, dummy image generator or converter from Excel spreadsheet to HTML — all these things can save us a couple of minutes every day, making our work easier and more efficient. You may want to subcribe to Smashing Magazine’s E-Mail Newsletter1 (32,600 subscribers) to keep updated about new useful tools, techniques and resources. Time-Savers For Web Designers Link LaunchList2This tool helps you review important items before the big launch. Bounce11A fun and easy way to share ideas on a website.
Expanse +++ dream. create. do. 27 Cool Coming Soon Pages | Dzine Blog Learn how to earn $125 or more per hour as a freelancer - Click Here Looking for hosting?. We recommend MediaTemple for web hosting. Use Code MTLOVESDESIGN for 20% off The Coming Soon page is simply the modern version of the under construction page, There are many advantages in coming soon page it’s a good way to mark your presence early in web , as google search algorithm consider the domain age as one of it’s major factors . Here are 27 examples of Coming soon pages ,Check it out (while its still coming soon) 1- leihi2.nl 2 – silverbackapp.com 3 – aka.jp Using sound and fancy equalizer visuals, Akari Inc. has created what could possibly the coolest “coming soon” page ever 4 – lesstimespent.com 5 – stylelounge.co.za 6 – propod.com 7 – corptelserv.com 8 – mosesmehraban.com 9 – suskeenwiskeshop.nl 10 – celmates.com 11 – randomcolors.com 12 – clockme.in 13 – getsignoff.com 14 – investobiz.com 15 – leaf-ordinary.de 16 – myblogjournal.com 17 – wedudes.com 18 – ratemyarea.com 19 – studio291.com 20 – genetify.com
AxCMS.net - the free ASP.NET Enterprise CMS by Axinom LavaLamp for jQuery lovers! | Ganesh Hover above and feel for yourself, the nifty effect of Lava Lamp. What you just experienced is nothing but the LavaLamp menu packaged as a plugin for the amazing jQuery javascript library. I personally believe that the effect rivals that of flash – Don’t you? Especially considering the fact that it is extremely light weight. Just so you know, it weighs just 700 bytes(minified)! Often I have noticed, that the credits are usually granted towards the end. As User Interface developers, we know that one of the first widgets our visitors use is a “Menu”. I hope you agree that a typical HTML widget consists of 3 distinct components. A semantically correct HTML markupA CSS to skin the markupAn unobstrusive javascript that gives it a purpose Now lets follow the above steps and implement the LavaLamp menu for your site. Step 1: The HTML Since most UI developers believe that an unordered list(ul) represents the correct semantic structure for a Menu/Navbar, we will start by writing just that. Bonus
PHP for Beginners: Building Your First Simple CMS By Jason Lengstorf On CMS, php #The Magic of PHP + MySQL It's safe to say that nearly every website that's up-to-date these days is using some form of content management system (CMS). To get our feet wet as back-end developers, we'll be creating a simple PHP class that will: Create a databaseConnect to a databaseDisplay a form with two fieldsSave the form data in the databaseDisplay the saved data from the database Download Files This class is intended to give you a feel for how PHP and MySQL interact together, and to show the basics of a CMS. #Building the Class Our first step is to simply lay out the class in a file named 'simpleCMS.php' so we have a road map to work with. As you can see, we're creating one class with four variables and five methods. #The Variables In this case, all four variables are for connecting to the database: $host, $username, $password, and $table provide a path and access to our database on the server. #Build the Database #Connect to the Database #Build the Form <! <?
50 Websites to follow if you're into Web Design | The Interactive Wall The best thing about being a web designer is being able to easily stay current with trends, news and inspiration. How can you do it….? Well, using the web of course. There are hundreds of different websites out there to use as tools that cover every field relating to web design and development. Below I’ve listed my favorite 50 sites that I check out on a daily basis with Google Reader. - – Download All Subscriptions as an OPML file – - digg Written by Louis Gubitosi