WWW
How to: vertical centering with CSS
For a long time I'd wanted to achieve a vertical centering effect with CSS that I used to achieve with tables or frames. A fixed size block that floats dead centre in the browser window, no matter what its size. Techniques for horizontal positioning have been known for some time, with the 2 methods described on Blue Robot . Then I found across a piece on Web Page Design for Designers , outlining how to do this. Nirvana! It uses absolute positioning to put find the exact centre point of the window, and then uses negative margins to 'shift it all back halfway', producing the effect.
META Tags or what are officially referred to as Metadata Elements , are found within the <head></head> section of your web pages. META Tags are still relevant with some indexing search engines. You should utilize your META Tags in accordance with the W3C - World Wide Web Consortium Metadata Specifications and those of the search engines you are targeting. The following is a partial list of metadata elements that may be used in the overall site structuring, organization, and search engine marketing strategy.
META Tags Tips: Metadata Elements
PPNC., Inc Thank you for visiting our new Internet site. As an up-to-date business, we want to give you the opportunity to stay in touch with our company and our offers. A new content management system will enable us to always keep you up to date. At present, our web site is still under construction.
Mozilla Firefox
PHP/SWF Slideshow > Reference > action
action $slideshow [ 'action' ][ index ] = array ( 'type' => string , 'delay' => int ); Description $slideshow [ 'action' ][ index ] executes a command to control the behavior of the slideshow.
Note: Updated Dec 14th, 05' with instructions on using a SELECT menu to load the links. Description: This script uses Ajax to enable you to load external pages into a DIV without having to reload the browser or use IFRAMES. If your external pages reference any external .css or .js files for styling, this script can also load and apply them to the page on demand. Note: Due to security limitations, the external pages loaded must be from the same domain as the encompassing page. Any external .css and .js files associated with these pages, however, can be from any domain.
Dynamic Ajax Content
Family photos, vacation snapshots or creative artistic works: whatever images you have to present, you can present them in a variety of ways. On a big screen, in slide shows or in a thumbnails gallery. However, to convey the message of presented data effectively, it’s important to offer it in an attractive and intuitive way.
30 Scripts For Galleries, Slideshows and Lightboxes - Smashing Magazine
Top 10 Javascript slideshows, carousels and sliders - CatsWhoCode.com
SpaceGallery SpaceGallery is a new JQuery plugin that provide an impressive Time Machine like effect to your images. Very good. Noobslide
ZZ Ward makes music with its own nickname: Dirty Shine. As she explains: “What dirty shine means to me, personally, was the moment I stopped thinking about what people were gonna think about my music, and I just accepted who I was and what my sound was,” Ward says. “It’s about embracing your authentic self, doing what makes you happy and committing to it. That’s the message people have been getting from that phrase, so it’s inspiring.”
2011 Sasquatch! Music Festival - Artist Lineup
Gravity Forms CSS: Targeting Specific Elements The team here at Rocketgenius is about to release Gravity Forms version 1.5 with several new features and enhancements. Along with these new features, we've introduced some new markup and form elements that I'm sure many people will want to style to match their theme. I thought this was a good time to sit down and compile some basic CSS targeting samples for these new elements as well as the other existing form components. This isn't an "end all be all" list or the only way to target these fields, but it's intended to be a starting point for those new to Gravity Forms or new to CSS. I've given a few basic usage examples for each element, one that would be generic for all forms and then one (or two) that would be specific to a unique form ID.
Gravity Forms CSS: Targeting Specific Elements |
July 27, 2010 I’m probably way behind the curve on this one, but I recently realized the following: All browsers that support the CSS text-shadow and box-shadow properties also support the new CSS3 RGBa syntax.
A CSS3 Tip
Everything You Wanted To Know About Gradients (And a Few Things You Didn’t)
Hello. I am here to discuss CSS3 gradients. Because, let’s face it, what the web really needed was more gradients.CSS Layouts: 40 Tutorials, Tips, Demos and Best Practices - Noupe Design Blog
Jul 28 2008 The main idea behind CSS-based layouts is offering more flexibility and enhancing the visual experience of visitors. Some important tips and related key-factors can help to learn basics and keep essential techniques in mind. And this is what this article is all about.CSS Proportional Image Scale - CSS Tutorials - hasLayout.net by Zoffix Znet
Proportional Scale of Images Using One Axis The example shows the scaling using the Y-axis, i.e. image scales according to container's height . The same principle applies for resizing on Y-axis; scaling up to container's width , just never both axis together.Original Set width/height on image + CSS width Set width/height on image + CSS height Set height on image + CSS width Set width on image + CSS height
CSS Image Scale Tests - hasLayout.net by Zoffix Znet
We'll start this trends report—LogoLounge's 10th annual missive—with an admonishment that is repeated each year: If you're searching for how-to information, please stop reading now. In addition, if you anticipate your reaction to reviewing these trends is to dismiss every one of them as yesterday's news, you also may as well walk away right now. There's plenty to be learned here, but you need to be looking for the right thing. After a decade of studying logos from around the world—32,000 alone for this report—I can say with absolute confidence that the true benefit of studying logo design trends is that they invariably identify trajectories.