Lexophiles LEXOPHILES (LOVERS OF WORDS): 1. A bicycle can't stand alone; it is two tired. 2. A will is a dead giveaway. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17. 18. 19. 20. 21. 22. 23. 24. 25. 26. 27. 28. 29. 30. 31. 32. 33. 34. 35. 36. 37. 38. 39. 40. 41. 42. 43. 44. 45. 46. 53 CSS-Techniques You Couldn't Live Without - Smashing Coding Advertisement Many companies try to create a great experience for customers. But few are willing to make the changes required to deliver on that promise. In fact most don’t even realize just how bad their experience can be. This is why we made a new book called “User Experience Revolution,” a practical battle plan for placing the user at the heart of your company. CSS is important. Over the last few years web-developers have written many articles about CSS and developed many useful techniques, which can save you a lot of time – of course, if you are able to find them in time. Let’s take a look at 53 CSS-based techniques here at Smashing Mag you should always have ready to hand if you develop web-sites. 1. 2. 3. 4. 5 Powerful Tips And Tricks For Print Style Sheets7 5. Generated content was first introduced in the CSS2 specification. 7. 8. 9. 10. Stephen Shaw introduces a technique for perfect horizontal and vertical centering in CSS, at any width or height. 11. 12. 13. 14. 15. 16. 17.
Web Design Process inShare9 One of our goals at Web Design from Scratch is "Everyone's website works". We're working towards a world where all websites are pleasant, easy, and appealing to use. Announcing Ben’s New Course… Facebook Marketing Made EasyWith Ben's new course, you can get all the insights you need to start earning good fees simply by promoting clients' businesses on facebook!
The Box Model Problem IE5 Set for printing Let's take the code for the example box above and apply the Tan hack to it. Don't panic! This is really easy, trust me. Well, "html" is supposed to be the root element. However, all other browsers see "html" as the true "root" element, and so the star can't refer to any real element. In this way we have gotten IE's sole attention, and now the task is to feed that "width: 130px;" to IE5.x/win and not to IE6 or IE5/mac. Tip: In the hack selector, the star and "html" parts are required, but the div I gave as an example would, in practice, be replaced by the element to be targeted. Now, let's look at the hack again: The "width" for standard browsers has already been given in the main (non-hack) code block, and all IE browsers now see and apply "width: 130px". Most important is the placement of the escape. Note: using an <? If your page must be in "quirks" mode for some reason, doing something different with the Tan hack may be necessary. Look at the top comment.
Rubiks Cube Back to ContentsRubik's Cube Solution: How to put together a mixed-up Rubik's cube, most of the time with your eyes closed, and manipulating the cube above your head, or behind your back. My record time using this method was 2 minutes 13 seconds. Just memorize the following formula (it's easy!) *** High-speed internet recommended to download this web page, which was scanned as .BMP from 14 separate pages of instructions i wrote by hand in 1986...
10 Useful Usability Findings and Guidelines - Smashing UX Design Advertisement Everyone would agree that usability is an important aspect of Web design. Whether you’re working on a portfolio website, online store or Web app, making your pages easy and enjoyable for your visitors to use is key. Many studies have been done over the years on various aspects of Web and interface design, and the findings are valuable in helping us improve our work. 1. A study by UX Matters found that the ideal position for labels in forms is above the fields. Tumblr features a simple and elegant sign-up form that adheres to UX Matter’s recommendation. Positioning labels on the left also poses another problem: do you left-align or right-align the labels? 2. People instinctively notice other people right away when they come into view. Eye-tracking heat map of a baby looking directly at us, from the UsableWorld study. And now the baby is looking at the content. Here’s an eye-tracking study that demonstrates this. 3. 4. Basecamp makes great use of space. 5. 6. 7. 8. 9. 10.
30 Websites to follow if you’re into Web Development I’ve made it a goal to learn at least one useful thing each day so that I can stay sharp and well-versed on the topic of web development and design. To that end, here’s some of the websites I keep track of to find new techniques, resources, and news about building websites. Most of these sites are updated frequently, so there’s never a lack of new content that fills up my Google Reader. Because the role of the web developer is ever-expanding, I’ve also included a variety of sites that covers fields relating to web development – such information architecture, user interaction, and web/graphics design. NETTUTS is a recently launched blog/tutorial site that provides "spoonfed web skills". 2. woork Woork is a blog by Antonio Lupetti, a developer from Italy. 3. 4. I won’t say much about Smashing Magazine since most of us have probably heard of it, but if you haven’t, Smashing Magazine is an excellent resource for web designers and developers looking to be inspired. 5. 6. 7. 8. Signal vs. 9.
63 Essential Wordpress Hacks, Tutorials, Help Files and Cheats This is a fairly comprehensive list of the Best WordPress Tutorials, Hacks, Help Files and Cheat Sheets (call it what you like). They are written to make life easier, to help us expand WordPress` functionality, to give us a better understanding of WordPress and how powerful a tool it is. Make sure you thank all the authors of these Tutorials, Hacks, Help Files and Cheat Sheets… WordPress Tutorials/Hacks 1.WordPress Theme Hacks (Source: Web Designer Wall) 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17. 18. 19. 20. 21. 22. 23. 24. 25. 26. 27. 28. 29. 30. 31. 32. 33. 34. 35. 4 Simple ways to Speed up WordPress (Source: WP Candy) 36. 37. 38. 39. 40. 41. 42. 3 WordPress Hacks For SE-Friendly Blog Archives (Source: SEO Egghead) 43. 44. 45. 46. 47. 48. 49. WordPress Video Tutorials 50. 51. 52. 53. 54. 55. 56. 57. 58. 59. 60. 61. WordPress Podcasts 62. 63.
TYPO3 Template Design Guide - typo3-tutorials.org In this article I want to explain some principles and want to give some recommendations for a clear and maintainable TYPO3 Site, especially regarding a well structured TYPO3-Template design. This article is based on the traditional templating in TYPO3. But it includes some extra hints for TemplaVoila at the end, and most of the suggestion will also take effect for TemplaVoila... Common principles: Templatedesign is like programming: a good style results in reusability and cheaper maintenance. always start with a analysis of the requirements and the needed sitestructur, and plan your work. An fictitious example: Say we want a Site in TYPO3. As a particularity the Design in the Subtree from Site B should be a bit different to the rest. Image is temporarily unavailable The TYPO3 Templates are structured and ordered like this: Suggestion for Templating: I prefer not to use automaketemplates, because the time needed for templating is nearly the same. Suggestion for the fileadmin folders:
Mastering CSS, Part 2: Advanced Techniques and Tools - Smashing Coding Advertisement CSS is one of the most basic building blocks of modern web design. It creates the structure and style that surrounds your content and is capable of making your site a joy to use or a pain in the neck. Mastering CSS is one of the most important things a web designer can do, and has really become an essential criteria for being a successful designer. In Part 1: Styling Design Elements we covered the basics of web design with CSS. In Part 2 we’re offering up some more advanced techniques and effects you can achieve with CSS. 1. CSS can be used to build calendars, timelines, and even “tables” (or charts). CSS/jQuery Sequential List Have you ever had to manually code something that is sequential? Date displays with sprites This tutorial explains how to achieve an original date display using CSS sprites. Pure CSS Timeline A great tutorial for creating a clean-looking timeline for your site using straightforward CSS and HTML markup. 2. iPhone CSS Techniques 3. 4. 5. 6. 7. 8.
20 Websites That Made Me A Better Web Developer | Six Revisions : Web Development and Design As a web developer, if you’re to be successful, you have to have a constant yearning for learning new things. In an industry that evolves rapidly, you’ve got to keep up or you risk being obsolete and outdated. Keeping up with trends, weeding out the fads, and adopting new techniques to your web-building arsenal is an essential part of being a web developer. I spend (literally) most of the day in front of the computer and even in my spare time, I choose to read, learn, and keep up with web technology news. This leads to a massive collection of bookmarked links, but through the years, there are only a handful of websites that I frequent. I’d like to share 20 websites that have broadened my knowledge, expanded my skill set, and improved the quality and efficiency of my web development projects. 1) Alertbox: Current Issues in Web Usability Alertbox is Jakob Nielsen’s bi-weekly column that discusses web usability. 2) TheBestDesigns.com 3) A List Apart 4) Getting Real by 37 Signals 7) mootools
The Tan Box Model Hack Set for printing When breaking out of using tables and moving toward using Cascading Style Sheets (CSS) positioning for laying out elements on a page, it is important to become familiar with the W3C Box Model. At first, the box model may be confusing, but it is a necessary concept to grasp. Unfortunately, simply understanding the W3C box model is not the only thing you need to make your web pages look similar in different browsers. Note: While layout editors are very good at tabled layouts, and applying CSS to those layouts, the current state of browser development leaves much to be desired when attempting CSS positioning. This article is intended for people familiar with with CSS syntax and usage. A table structure consists of rectangular cells within a rectangle. If the box has no given dimensions, it is called "fluid" or "liquid." But let's say you want to give horizontal and vertical dimensions to the box. Let's make a simple box and see how it works. ...and we give it this CSS:
.ConStile | Template | Elenco dei template pubblicati Esempi di come con i CSS sia possibile impaginare delle pagine web. Di seguito riportato l'elenco degli articoli pubblicati in ordine cronologico. Pagine zoomabili: In questo articolo vedremo come realizzare un semplice layout in grado di assecondare il ridimensionamento dei caratteri. L’effetto è simile a quello di una pagina che può essere ingrandita con una sorta di lente di ingrandimento. Menu verticali con i CSS: [versione riveduta e corretta] In questo articolo saranno illustrati tre esempi di come sia possibile trasformare una semplice lista di link in un menu verticale. l'indirizzo di questa pagina è: