WEBSA is a web design company and web design firm that offers creative, professional and skilled web page design. Custom website designers and developers at our company focus on delivering our clients with customized and user-friendly designs. We are ready to promote your business.
tools & resources for web professionals
the best site for understanding and creating online code of css3.
what you can do by using cc3. http://www.everydayworks.com/css_typography/HTMLCSSrotation.html
i like it. alot. 😀
Articles / Tutorials on lists, menus, navigations and tabs.
- 11 CSS navigation menus : at Exploding Boy
- 12 more CSS Navigation Menus. : at Exploding Boy
- 14 Free Vertical CSS Menus : at Exploding Boy
- 2-level horizontal navigation : demo at Duoh
- Absolute Lists: Alternatives to Divs : An approach of using lists instead of divs at evolt
- Accessible Image-Tab Rollovers : demo at Simplebits
- ADxMenu : multiple menu examples at aPlus
- A drop-down theme : at CSS Play
- Bookend Lists: Using CSS to Float a Masthead : at WebSiteOptimization
- Bulletproof Slants : demo at Simplebits
- Centered Tabs with CSS : at 24ways
- Clickable Link Backgrounds : A bulletproof unordered list of links, each with a unique (purely decorative) left-aligned icon that is referenced with CSS ; but that is also clickable.
- Create a Teaser Thumbnail List Using CSS: Part 1 : lists of items made up of a title, short description, and thumbnail.
- Creating Indented Navigation Lists : A multi-level indented list
- Creating Multicolumn Lists : at Builder.com
- cssMenus – 4 Level Deep List Menu : at SolarDreamStudios
- CSS and Round Corners: Build Accessible Menu Tabs : at SitePoint
- CSS-Based Tabbed Menu : a simple tabbed menu.
- CSS-based Navigation : demo at Nundroo
- CSS: Double Lists : A single list that appears in two columns
- CSS Mini Tabs (the UN-tab, tab) : demo at Simplebits
- CSS only dropdown menu : at CSS Play
- CSS only flyout menus : at CSS Play
- CSS only flyout/dropdown menu : at CSS Play
- CSS only flyout menu with transparency : at CSS Play
- CSS only vertical sliding menu : at CSS Play
- CSS Swag: Multi-Column Lists : at A List Apart
- CSS Tabs : tabs without any images
- CSS Tabs : list of various tab solutions
- CSS tabs with Submenus : at Kalsey.
- Definition lists – misused or misunderstood? : appropriate uses of definition lists
- Do You Want To Do That With CSS? – Multiple Column Lists : multi-column lists.
- Drop-Down Menus, Horizontal Style : at A List Apart
- Float Mini tabs : at Web-Graphics
- Flowing a List Across Multiple Columns : A table without using tables.
- Free Menu Designs V 1.1 : ready-to-download block menusat e-lusion
- FreeStyle Menus : XHTML compliant, CSS-formatted menu script at TwinHelix
- Hidden tab menu : at CSS Play
- How to Style a Definition List with CSS : at WebReference
- How to Style an Unordered List with CSS : at WebReference
- How to Use CSS to Position Horizontal Unordered Lists : at WebReference
- Hybrid CSS Dropdowns : at a List Apart
- Inline Mini Tabs : at Web-Graphics
- Intelligent Menus : CSS and PHP menu at PhotoMatt.net
- Inverted Sliding Doors Tabs : at 456BereaStreet
- Light Weight Multi Level Menu : at CssCreator
- List Display Problems In Explorer For Windows : list hack for IE
- Listamatic : simple lists; various styles.
- Listamatic2 : nexted lists; various styles
- Menus galleries in CSS and XHTML : multiple examples and downloads at Alsacreations
- Mini-Tab Shapes : demo at Simplebits
- Mini-Tab Shapes 2 : demo at Simplebits
- More than Just Bullets : at W3.org
- Multiple Column Lists : at css-discuss
- A Navbar Using Lists : A lightweight nav bar at WestCiv
- Navigation Matrix Reloaded : at SuperfluousBanter
- Remote Control CSS : examples of lists styled differently
- Remote Control CSS Revisited – Caving in to peer pressure : multi-column remote control
- Rounding Tab Corners : by Eric A. Meyer.
- Simple CSS Tabs : at SilverOrange
- Simplified CSS Tabs : demo at Simplebits
- Sliding Doors : at A List Apart
- Spruced-Up Site Maps : sitemaps as lists
- Styling Nested List : at SimpleBits
- Suckerfish Dropdowns : at HTMLDog
- Tabtastic : Gavin Kistner.
- Tabs Tutorial at BrainJar
- Taming Lists : at A List Apart
- Turning a List into a Navigation Bar : at 456BereaStreet
- Ultimate css only dropdown menu : at CSS Play
These eleven CSS navigation menus are created using the Sliding Doors technique, and will even work in everyone’s favorite browser Internet Explorer. You may download the entire set and use any way you see fit. You may want to clean up the stylesheet, or alter the menu graphics to suit your needs. All the menus can be used for commercial or private use.
The illustrious Marissa Mayer, Vice President at Google, was on Charlie Rose last night to talk about (disclaimer: I didn’t watch nearly this entire hour of footage) interesting things, including the future of search.
It was interesting for our engineers to see that early index and see how far we’ve come in ten years. But when you think about what would be the perfect search engine, what is an answer as opposed to a result? Why are we handing you just links and URLs? You know, what does it mean to try and synthesize a video or an image or a diagram that better explains your answer or maybe even grabs facts from all the different pages and helps you do comparisons. There’s just a lot of different things we can do. And that doesn’t even happen into how do people search, from their phones, from their cars, how do we get more mobile, how do we deal with so many different interface challenges?
Recently one of my reader commented on my Post Web Standards and described how some Company in his knowledge suffered due to fully Flash Website.
Flash is a great interactive tool and really has changed Web Contents but in my view, it is not a good choice for most commercial web sites. Its great to use Flash as part of website, but in no way a prudent choice for full website. Flash being a proprietary technology breaks most web standards and conventions.
Here are six reasons, why we should avoid to use Flash.
1. Search Engine Optimization (SEO) Problems:
Although recently Google has announced that with collaboration of Adobe, now they are able to read through Flash contents but still Information embedded in Flash is often invisible to many other large search engines like MSN.
Search engines scan information on a web site, process and retrieving the best match for each user query. Robots (Small Software, used by Search Engines to scan a website) usually cannot process text embedded in Flash and graphic files. Sites designed completely in Flash often offer very little textual information completely ignoring different type of SEO Basics and fully contravene with most of rules given in Google Web Master Guide.
Tip: From SEO point of view, don’t use fancy flash buttons and navigation bars. Search engines track and love text links.
2. Statistics; An Important feature of Today’s Web; is missing
Web Statistics helps to evaluate website success and provide important information about visitor’s behavior, that help professional Web Developers, Designers and Marketer to come with more better and user oriented web solutions.
Some of important questions, web statistics answers are: Visitors came from, the pages visited and from where visitors left a site. Web Statistics are able to track when a Flash object, typically a swf file, is viewed. They are not able to track navigation within a Flash object – so if a site is composed of one Flash object which contains multiple site sections, the web analytic system will see a swf download, but will have no idea which parts of the site a visitor viewed nor where the visitor left the site.
3. Flash breaks web usability standards
Flash Breaks some of most important Web Usability Standards. Few examples are:
Browser Back Button do not work.
You cannot copy-paste important information like contact information.
Important Accessibility Features of browsers like Zoom In, Zoom our and Font Size change are not available.
You can’t book mark some page form site for future review. (As Flash Site has only one page as per Browser Eye)
4. Lack of consistent cross platform support
One of the keystones of the web is that a website should work in any browser on any computer – it is openness and standardization which has made the Internet universal. Flash breaks the basic tenets of website design. While most Internet users have Flash installed – they don’t necessarily have the right version installed. Indeed version 8 wasn’t even released for the Linux platform, locking those users out of sites developed for Flash 8 and 9 (Flash 9 for Linux has finally been released, months after the Windows version).
5. Some users disable Flash to avoid flash based advertising.
Savvier web users have learned to disable Flash in web pages to avoid animated advertising and / or to improve page-loading times on dial-up connections.
6. Website updates continually require Flash skills
Although now Flash based photo galleries and some other content management features are available but either that higly expensive or have limited features. Usually for sites developed in flash need high level flash skills for updation. (Khuram)
I have been quiet lately as I work on some larger bits of writing, but some posts today can’t be ignored, mainly “Programming as a Fine Art”.
Have you read it? If so, let it be known that I vehemently disagree with the idea that programming is an art. I got paid to be a programmer for a number of years, and never did I feel artistic. I did some new, cool stuff on some projects, and did grunt work on others, as described in the above article. An essential word that is passed by quickly in the article is “craft”. Craftsman create things that are to be used; they may be decoratively ornate – think of antique furniture you see on Antiques’ Roadshow – but that is to make the object more appealing to potential buyers.
Software is created to be used. Anything that is considered Art is not that pedestrian; Art is intended to communicate, inspire, provoke and all that, I don’t see the NEA (U.S.)sponsoring software development, and don’t expect software to ever be banned in Boston.
Another essential word in the article is ‘engineering’, as in software engineering. Engineering is defintely not Art, it is applying methods to solve real-world problems with solutions that don’t fall down (like bridges) or fail to work (like software). In fact, reaching an actual Engineering level of discipline for software is something we should aspire to, leaving craftsmenship behind, as happened in the Industrial revolution with manufacturing plants putting craftsman out of work.
I know this article is about why the teaching of programming is suffering in the wider discipline of Computer Science, but treating it as a ‘liberal art’ is not the solution. If programming is going to continue to be a craft for some time to come, then the classic apprenticeship approach is the way to go. Although I was Computer Science grad, that is how I started. My first employer knew that grads of other disciplines could also be candidates, so it had a programming evaluation test for applicants. If you passed it, the company believed you had the skills to program ,and I enede up working with many people with other degrees like law.
In the end, a university degree shows that a person can learn; the specifics of what they studied may or may not be useful in their careers. So, companies should be looking for people willing to learn programming, rather than expect them to already know how.