Tag Archives: html5

M3talinks for May 21st

Today’s M3talinks for May 21st

  • International Distributors for IdeaPaint – IdeaPaint is one of the most flexible, durable and cost-effective dry-erase solutions on the market. IdeaPaint turns any smooth surface into a high performance dry-erase board, giving you the space you need to collaborate, interact and fully explore your creativity. It outperforms and outlasts the leading dry-erase options and works better with all brands of dry-erase markers. No matter where you use it, big ideas follow.<br />
    <br />
    On top of it all, IdeaPaInt is the most environmentally friendly dry-erase product on the market. It delivers more writing surface with far less environmental impact.
  • 2-liter bottle upside down tomato planter The Cheap Vegetable Gardener – Though my first attempt at an upside down tomato planter worked out great, I have a habit of forgetting to water the plants everyday. More commonly when we have decent rains when only the hanging tomato planters need to be watered. So this year I have modified my design a little to make this a little easier. As a bonus you can create this new version much quicker and minimal tools.
  • Internet Explorer 9: Platform Demos – Test out IE 9 at their Test Drive page. Dare we dream that IE9 may not suck?
  • CSS Starbursts with CSS3 transforms and transitions – I was recently experimenting with the new CSS3 rotation property and it occurred to me that I could use this to create image-free starbursts. All I needed was a series of nested block-level elements each rotated by a slightly different amount. The rotation would distribute the box corners around the circumference of the star.

linkHive For Feb 8th

Here are the newest links to join the linkHiveFeb 8th

  • Forget About Photoshop: 5 More Ways to Stop Using Images in Your Designs – Cherrysave – Images increase download time for end-users and workload for web designers, slowing down the time it takes to fully develop a concept for clients. Furthermore, images can add unneeded clutter and increase search-engine blindness, detracting from the principle of simple web design.
  • Knowledge Games – How to apply game thinking to your business challenges
  • Understanding CSS – Padding, Positioning and CSS3 « CreativityDen – With the release of CSS3, which is now being used more frequently, I’ve put this little article together for more of a beginner. However you never know, there may be a few tricks you don’t know.

    I’m also going to be giving advice on such things as Padding, Margin, Borders and Background Colors, and how to us them effectively.

  • Web Designers’ Browser Support Checklist, Web Designers’ Browser Support Checklist : FindMeByIP : what browser am I using, how modern is my web browser, and what’s my IP address? – The table below displays browser support for HTML5 (including Web Forms 2.0) and CSS3 (including CSS3 selectors).

    It relies partly on the excellent Modernizr javascript library and browser testing information is supplied via the ever useful LitmusApp browser testing application.

    Updated every Friday: follow @deepbluetweets.

  • Strategizing Web Content – Writing for the Web | letscounthedays – When it comes to designing a website, content is often overlooked, but why? Very rarely do users browse the web looking for a good design or decent experience. Users come for the content. Not giving them what they want with poorly written content will frustrate users. Not only does it waste their time, but your time as well.
  • 0x1fff: 35 Google open-source projects that you probably don’t know – Google is one of the biggest companies supporting OpenSource movement, they released more than 500 open source projects(most of them are samples showing how to use their API). In this article I will try to write about most interesting and free releases from Google, some of them might be abandoned.
  • 50 Free UI and Web Design Wireframing Kits, Resources and Source Files – Smashing Magazine – Planning and communication are two key elements in the development of any successful website or application. And that is exactly what the wireframing process offers: a quick and simple method to plan the layout and a cost-effective, time-saving tool to easily communicate your ideas to others. A wireframe typically has the basic elements of a Web page: header, footer, sidebar, maybe even some generated content, which gives you, your clients and colleagues a simple visually oriented layout that illustrates what the structure of the website will be by the end of the project and that serves as the foundation for any future alterations.

    This article focuses on actual wireframing tools and standalone applications, as well as resources that you’ll need to build your own wireframe: wireframing kits, browser windows, form elements, grids, Mac OS X elements, mobile elements, which you’ll use in any typical graphics editor such as Photoshop or Illustrator. …Or you could use pen and paper.

  • A List Apart: Articles: Unwebbable – It’s time we came to grips with the fact that not every “document” can be a “web page.” Some forms of writing just cannot be expressed in HTML—or they need to be bent and distorted to do so. But for once, XML might actually help.

linkHive For Feb 1st

Here are the newest links to join the linkHiveFeb 1st

  • 500 Internal Server Error – 500 Internal Server Error
  • Flash, iPad, Standards – Jeffrey Zeldman Presents The Daily Report – Lack of Flash in the iPad (and before that, in the iPhone) is a win for accessible, standards-based design. Not because Flash is bad, but because the increasing popularity of devices that don’t support Flash is going to force recalcitrant web developers to build the semantic HTML layer first. Additional layers of Flash UX can then be optionally added in, just as, in proper, accessible, standards-based development, JavaScript UX enhancements are added only after we verify that the site works without them.
  • 13 Useful WordPress SQL Queries You Wish You Knew Earlier | Onextrapixel – Showcasing Web Treats Without Hitch – WordPress is driven by a MySQL database. This is something active WordPress users would know. However, if you only just read about it here from us, here’s what you should know. MySQL is a free relational database management system available in most web hosting services. All of the WordPress data like the posts, comments, categories, and settings are stored within the MySQL database. If you wish to read up more about MySQL, you can take a look at WordPress’s Database Schema.
  • 10 Tips for Better Print Style Sheets | Webdesigner Depot – Print style sheets have been somewhat forgotten, and yet they remain important all the same. Many people print out articles to read while traveling or when they have no access to the Internet.

    Print style sheets have definite benefits. For example, reading on paper is less tiring on the eyes than reading on screen.

    Also, following tutorials is easier if you have one next to you, with your code editor open on the screen; that way, you don’t have to switch windows every time to look something up.

    In this article we’ll point out 10 easy tips that will help you create better print style sheets.