All posts tagged css

50+ Fresh CSS Techniques, Tutorials and Resources

02/12/2009 | css, Tutorials

freshcss8

Learning CSS and how to use it effectively can be a reasonably easy thing to do for a beginning web developer. In the hands of a seasoned professional, CSS can be stretched and pushed it to its limits where it can seem complicated and yet perfect at the same time.

Being able to adapt to new ideas and different techniques, as well as seeking new solutions to old problems is part and parcel of being a web designer. And with the speed at which CSS development is constantly moving, keeping up with new developments can be challenging.

In this article, we’ll bring you up to date with the latest in CSS development through a collection of fresh CSS tutorials, techniques, and resources. We hope this extensive list will teach you something new, or else remind you of some methods you haven’t used for a while.

Read More

How Well Do You Understand CSS Positioning

02/12/2009 | css

css

When people are new to css layouts there’s a tendency to gravitate toward positioning. Positioning seems like an easy concept to grasp. On the surface you specify exactly where you want a block to be located and there it sits. Positioning is a little more complicated than it first appears though. There are a few things that can trip up a newbie and a few things to understand before positioning becomes second nature

Read More

15 Effective Tips and Tricks from the Masters of CSS

02/12/2009 | css

wb-csscentering

There are thousands of sites out there offering tips and tricks for using CSS. But how do you know where that information is coming from? Who says the people writing these “tips” know what they’re talking about? For all you know, it could be someone who has not clue what CSS even stands for, let alone how to use it effectively.

But that’s not the case with the experts below. They’re all well-known for their mastery of CSS and all that goes along with it. Read on for their tips and tricks with regards to everything from avoiding hacks to understanding the box model.

Read More

11 Useful Online Tools for Better CSS Development

30/11/2009 | css, Development, tools

css_tips

Whether you’re a CSS pro or just learning, it’s important to have a good set of tools to speed up and simplify your development. What makes the web so great now, is that many valuable tools can be found online and used inside your browser. Here are 11 online CSS tools that should be a huge help to your CSS development.

Read More

Scroll/Follow Sidebar, Multiple Techniques

30/11/2009 | css, jQuery

jQuery

Really simple concept today folk! A sidebar that “follows” as you scroll down a page. There are a number of ways to go about it. We’ll cover two: CSS and JavaScript (jQuery) with a bonus CSS trick.

Read More

Online CSS Tools for Web Developers and Designers

27/11/2009 | css, tools

css-tips

For web developers and designers CSS is like a second native language. If your not mastering it you’re not able to do what is expected by customers and it will be a to time consuming and frustrating process to place all the page elements in the right spot. In the process of improving CSS skills or simply looking for ways to be more effective tools is always welcome. In this post tripwire magazine provides a wide range of different tools for speeding up and making your work with CSS easier.

Read More

25 Online CSS Compressors To Optimize Your Styles

26/11/2009 | css, tools

25-online-css-compressors-to-optimize-your-styles

We all know that sometimes our CSS style sheets can really get big, especially if we are coding large websites with lots of pages and sections. Nice coding habits like comments and code separation are useful at development stage, but that also contributes in a negative way as style sheets usually get even bigger. When CSS files are big they eat up bandwidth and slow down website response time because more time is needed to process them. That’s where CSS compressors jump in to optimize them properly, but keep in mind that they are not always the best solution although they can really help at some cases.

Read More

10 Online Tools and Apps to Help Optimize and Format CSS

21/11/2009 | css, tools

Why would you ever need to optimize (or optimise, which ever spelling you prefer) or reFormat your CSS? Optimizing your CSS will not only allow your web page to load quicker, it also increases the durabilty and resilience of your site when there is a spike in visitors (i.e. the Digg effect) and, for me, the most important part is that it gives you more readable code.

Some of these tools are fairly basic, offering optimization and formatting without many options or user control, which are fine for coders with limited knowledge. For the CSS pros, there are some advanced tools and apps that will allow you to choose the level of compression and also offer many options regarding your optimized CSS. You can choose to eliminate unused selectors and properties, unwanted whitespace, tabs, comments and you can even change the longhand declaration to shorthand notations.

No one who codes there CSS has complete confidence that it is perfectly formatted, this is were these tools come in and help.

Read More

Clickables using CSS & jQuery

20/11/2009 | css, jQuery

From menus to hover effects on images, with the power of CSS and jQuery all are possible. It is up to you on how you customize and fits what you need on your project. Below are tutorials from Soh Tanaka a Web Designer and Front-End Developer seasoned in working in the fast-paced, ever-changing web environment, have learned to produce both usable and aesthetically pleasing designs, specializing in XHTML and CSS structures.

Read More

Useful Resources for CSS and HTML

20/11/2009 | css

With the speed that the internet and its development are constantly changing, web designers need to keep up by with all these new techniques, technologies and standards. It can be difficult. In todays post we have collected some fresh resources and tutorials around web development, focusing on CSS and HTML.

Read More