Advertisement

CSS

  • HTML & CSS
    10 Challenging But Awesome CSS TechniquesChallenging
    3 shares
    Most designers and web developers only scratch the surface of the potent language that is CSS. In terms of programming languages, CSS has a fairly simple learning curve. That doesn't mean that CSS isn't a powerful language. Sometimes it's the small things that make a huge difference in a website design. In this post we're going to outline 10 awesome CSS techniques for web developers who know their stuff.Read More…
  • HTML & CSS
    10 Principles of the CSS MastersPreview
    3 shares
    When it comes to CSS, there are lots of resources and supposed "expert tips" on the web. These are from unproven, self-proclaimed "gurus" who have no street cred in the design world. While they may have valid points, how is one to know whether a CSS tip is a valid resource or just an untested hack? Instead of relying on unknown sources for advice, let's look deeply into designers who have excellent design backgrounds and have walked the walk. These CSS tips are gathered from some of the most respected designers on the planet. They have the portfolios to back their advice up, so you'll know that each tidbit of advice is of the highest quality.Read More…
  • HTML & CSS
    Quick Tip: Save Time by Using Multiple Classes200x200
    One of the most exhausting aspects of web development is writing out endless amounts of CSS styling for various elements - that differ only slightly in style from one another. It has taken the life (or will) of many a talented designer. Well, why give each element its own unique CSS entry, when you can mix match and add re-usable CSS styling to elements using multiple CSS classes? Read More…
  • Interviews
    Checking in With Eric Meyer200x200
    Last week, I was lucky enough to be granted a short email interview with Eric Meyer. Some of you might have noticed that his name came up a few times last week; well now you know why! In this interview, Eric talks about where he sees CSS moving as well as his work life after having another baby girl. If you have any additional questions, leave a comment and - just maybe - Eric might respond. No promises! Read More…
  • HTML & CSS
    Quick Tip: Create Your Own Simple Reset.css File200x200
    4 shares
    Far too many novice CSS designers don't realize the importance of creating a "reset.css" file. When you have an environment where each browser has its own "default" styling, you'll often find yourself thumping your skull as you ask yourself, "Why is there a spacing here?" To save yourself some of the headaches that you'll undoubtedly experience, you'll need to create your own simple reset file. The problem with using one of the many currently existing frameworks is that they aren't tailored specifically to you. For example, I never use the deprecated "center" element in my projects. Consequently, I don't need to put it into my default styling. However, others may need to do so - though they would deserve a slap on the wrist...or the buttocks if you're so inclined. Read More…
  • HTML & CSS
    Quick Tip: Flex Your ImagesTitlepic
    One glaring reason why many developers have chosen fixed-width over elastic sites is because using inline images can destroy the layout of a site - much like a stampede of cattle that repeatedly kick you in the groin. It just isn't fun at all. Sure, you can specify their widths using percentages or ems, but those methods aren't ideal. In such instances, why not try using the background technique? Read More…
  • HTML & CSS
    Solving 5 Common CSS Headaches200
    4 shares
    CSS is a relatively simple language to learn. Mastering it, on the other, can prove a little more difficult. Compensating for various browser inconsistencies alone can produce a migraine. In this article, we'll demystify five of the most head thumping issues that you'll encounter when building web applications.Read More…
  • HTML & CSS
    Prototype a Magazine-Style Home Page Template with the Blueprint CSS FrameworkFilmscenic thumb 200x200
    1 shares
    When Collis launched this site and asked readers for tutorial requests, a common one was for a "magazine themes" how-to for blog platforms. This tutorial focuses on the first part of the process: applying a CSS grid to the design to prototype a home page template.Read More…
  • HTML & CSS
    Creating a Floating HTML Menu Using jQuery and CSSThumb floating menu 200x200
    16 shares
    For all of us who deal with long web pages and need to scroll to the top for the menu, here's a nice alternative: floating menus that move as you scroll a page. This is done using HTML, CSS and jQuery, and it's fully W3C-compliant.Read More…
  • HTML & CSS
    Which CSS Grid Framework Should You Use for Web Design?200
    10 shares
    Ever wondered how all those slick "magazine" themes for WordPress and other platforms were created? Many, if not all, were designed using a CSS Grid Framework - at least in essence if not in actual fact. That is, you can use an existing CSS framework or build your own from scratch. While it's possible to design complex web page layouts without a framework, it's arguably an act in masochism. In this article you'll get an overview of the current batch of Frameworks and which you should choose to use.Read More…
  • Web Development
    Create a Cool Animated Navigation with CSS and jQuery200
    16 shares
    Animation and visual feedback are great ways to assist a user in navigating and interacting with a website. While traditionally Adobe's Flash was the goto for anything animated, these days with the magic of javascript we can avoid Flash altogether. Today we're going to build a really cool animated navigation menu using just CSS and jQuery.Read More…
  • HTML & CSS
    Create a Slick Tabbed Content Area using CSS & jQuery200
    13 shares
    One of the biggest challenge to web designers is finding ways to place a lot of information on a page without losing usability. Tabbed content is a great way to handle this issue and has been widely used on blogs recently. Today we're going to build a simple little tabbed information box in HTML, then make it function using some simple Javascript, and then finally we'll achieve the same thing using the jQuery library.Read More…
Advertisement
Suggested Tuts+ Course
Chrome Developer Tools$15
Advertisement