How to Fix Windows 8's Biggest Annoyances (and Make It More Like Windows 7) WpRecipes.com : Daily recipes to cook with WordPress. TJK Design - Building Standards Compliant Web Sites. 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)
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. First, look closely at the hack. See the star at the beginning of the selector? 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 <? Look at the top comment. Page 2 of 2 Previous 1 2 Download Support Files. Most used CSS tricks. Earlier before I have written an article about current best CSS hacks which you can see here And now here’s the list of today’s most used CSS tricks – tips.
I have added image examples for most of them because of critics on CSS hacks article. If you think I have missed any please let me know 1. Rounded corners without images. The Case of the Disappearing Column (Holy Grail IE7 fix) 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. Come along as we explore the Box Model, the browsers that get it wrong, and what to do about them.
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. " Let's make a simple box and see how it works. /* Position Is Everything */ — Modern browser bugs explained in detail! CSS tricks: CSS layout resources. CSS, Accessibility and Standards Links. White space gaps between images. Bugs and Workarounds.