CSS tricks - Design Blog by Matthew James Taylor
CSS tricks Lots of neat CSS tricks and tutorials that I use and recommend The Floating Boxes CSS Layout An alternative website design to the standard 'fixed width' or 'liquid layout' designs Blog tags © Copyright 1993 - 2010 Matthew James Taylor unless otherwise noted.
Inspiration
Web Design Inspirational Cocktail #86 inShare1 Nowadays, the development of new site designs is not standing on the same place. Web designers use various tools, their skills and when they get inspired they create a new masterpiece.
Web Design
Category: Design This category features articles on general design principles, Web design, typography, user interface design and related topics. It also presents design showcases and practical pieces on the business side of design. Curated by Alma Hoffmann.
All About Floats
What is "Float"? Float is a CSS positioning property. To understand its purpose and origin, we can look to print design. In a print layout, images may be set into the page such that text wraps around them as needed. This is commonly and appropriately called "text wrap".
7 Web Development Trends for 2015
Chris Winn is a Senior Web Engineer at Creative Market. Creative Market is a platform for handcrafted, mousemade design content from independent creatives around the world. Every developer has a collection of tools that are indispensable to getting the job done.
CSS Block vs Inline - CSS Made Simple
HTML elements can be displayed either in block or inline style. The difference between these is one of the most basic things you need to know in order to use CSS effectively. If you’d like to master CSS, here are the books I’d recommend! <a href=" onclick="javascript:_gaq.push(['_trackEvent','outbound-article',' Widgets</a> The 3 ways that HTML elements can be displayed All HTML elements are naturally displayed in one of the following ways:
A Collection of Printable Sketch Templates and Sketch Books for Wireframing
At the beginning of a web (or application) development project I always create the sketches first. While sketching can be done on a blank paper, it’s much better to use a sketch template. For me that is the best and most productive way to work on and improve my ideas before application development begins (and things get more complicated :-)). This way I won’t pay too much attention to some details that should be taken care of later, but stay focused on general layout and functionality.
20 Websites That Made Me A Better Web Developer
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.
15 Fresh and Powerful CSS3 Tutorials
CSS3 is here, it’s fun, and allows us to evolve the look of the web as we go. Features like gradients, drop shadows, rounded corners, animations, and opacity are giving us the promise of more fun. In this post we’ve collected some new and brilliant tutorials that will help you in mastering your CSS3 skills. We’ll create a document icon with pure CSS3. Even better, this effect will only require a single HTML element.
40 Web Design Blogs To Follow In 2015
Every new year, either towards the end of the previous year or within the first weeks of the new one, I tend to find a few hours to comb through my RSS feeds and refine the list of blogs I read and participate in. This year was no different. In the past I’ve had as many as 60 blogs centered on Web Design, Graphic Design, UX, UI, and the Web in general. However, keeping a high quality blog up and running for years on end is very difficult to do.
Articles & Tutorials
Say no to CSS reset Starter CSS files versus reset styles sheets... The truth about clearfix
Seamless Pattern Background Designs
23 Oct 2013, 18:01 Hi, and thank you for sharing your wonderful pattern creator. I'm getting the hang of it, but there is one option that I cannot figure out how to use. I go to Pattern Cooler home and select a pattern that I want to edit (colors). I click the option to edit colors but the editor never comes up. It seems as though it gets stuck and never gets to the editor.
25 New Script Libraries and Plugins on GitHub
Git is a powerful, open-source distributed version control system and social code repository. GitHub is the world's largest open-source community, hosting millions of public repositories. Users add innovative new projects on a daily basis. With the latest new Repos available to fork and explore, it can be difficult to stay updated. We'll cover 25 exciting new script libraries and plugins hosted on GitHub, ranging from image galleries to physics engines.
