Web Design
Get flash to fully experience Pearltrees
How to Center Anything With CSS
Recently, we took a dive into the very core concepts behind CSS layout and explored the differences between absolute and relative positioning . We’re going to follow that up with another CSS layout talk, this time based around a fundamental question that almost every new developer asks: how do you center something? There are a bunch of different types of web elements and layout situations, each calling for a unique solution for centering (both vertically and horizontally).
User profile properties are great to store user specific data and use it in your web parts and other functionality.
Retrieve SharePoint user profile property value with jQuery | Yaroslav Pentsarskyy on SharePoint Development
Ask any designer and they will tell you that the brainstorming and concepting phase is the most important part the of design process. Every great design starts with an idea, and this holds true not only for logo or illustrative design but also for web design. Whether your final product is a Photoshop document or HTML and CSS, you should always start with a wireframe — a visual framework that illustrates the layout of content, interface elements and navigational system.
4 ways to wireframe web design Designer Blog
The nice folks at A List Apart published a piece from me last week called Future-Ready Content , which I wrote amid the fervor over future-friendly thinking and responsive web design last year—a fervor I both joined in and felt terrified of. Because no matter how exciting this flexible, unfixed future seemed, for months I couldn’t shake this little voice inside my head—the voice that said our content wasn’t ready.
Responsive-Ready Content | Sara Wachter-Boettcher, Content Strategist
This week we’re going to finish up the portfolio slider on our homepage that we have already started. At this point, if you view your index.php file and scroll down to the secondary screen it should look something like this. We’re close, all we have to do now is plug in our jQuery elements and then add some CSS to make our secondary portfolio slider screen responsive.
Developing a Responsive Website Part 4: Finishing The Homepage Portfolio Slider
Better background images for responsive web design
Posted on 15 February 2012 • 39 comments Since publishing this yesterday, I’ve revised the post in response to many people saying that this is simply a stop-gap for browsers without background-size support.
With new additions or changes to HTML5 happening quite frequently, it can become hard to remember all the new various features.
HTML5 Cheat Sheets | Resources
Introducing the New Cursor Styles in CSS3
The early days of web development were a thrill as new technologies and techniques were discovered.
Developers who have spent any time on large projects understand the importance of code comments. When you’re building many features into the same application, things tend to get complicated.
Source Code Comment Styling: Tips and Best Practices
A Look at Responsive Web Design | Web development blog, news and reviews - Developer Drive
Responsive web design is widely thought of as a design trend, but it’s much more than that. It is an approach to web development that allows a website to break itself down smoothly across multiple monitor sizes, screen resolutions, and platforms, be it a computer, tablet or mobile device. It allows the developer to create a site that is optimized for each platform, both in navigation, readability and load time.Responsive web design is no doubt a big thing now.
Responsive Design in 3 Steps
Six CSS Layout Features To Look Forward To - Smashing Coding
A few concerns keep bobbing up now and then for Web developers, one of which relates to how to lay out a given design. Developers have made numerous attempts to do so with existing solutions. Several articles have been written on finding the holy grail of CSS layouts , but to date, not a single solution works without major caveats.Spriting is a skillset in the web design field gaining lots of credibility. We initially saw these techniques applied to high-traffic websites such as Yahoo! and Digg. Over time even smaller-scaled web apps began applying sprites to their front end design specs.
CSS Sprite Tips and Techniques | Tips
When I was asked to write an article for 24 ways I jumped at the chance, as I’d been wanting to write about some fun hacks for responsive images and related parsing behaviours.