Skip to main content

Home/ CSS Evangelist/ Group items tagged i

Rss Feed Group items tagged

Wordpress Designer

Excellent WordPress Developers - 1 views

WordPress Designer offers their team of professional and creative artists who excel-lently designed my wordpress site. They did not only give emphasis on the design that can help me maximize my eng...

wordpress developer webdesign web css3 javascript online html design

started by Wordpress Designer on 28 Mar 12 no follow-up yet
Jamil Silva

<!DOCTYPE html P - 3 views

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">   <!-- Thi...

theme tumblr isadora blanch cultura visual bigtheme

started by Jamil Silva on 01 Sep 12 no follow-up yet
Vernon Fowler

An introduction to LESS, and comparison to Sass | Smashing Coding - 0 views

  • The only difference in variables between LESS and Sass is that, while LESS uses @, Sass uses $. There are some scope differences as well, which I’ll get to shortly.
  • With Sass, you declare @mixin prior to the style to identify it as a mixin. Later, you declare @include to call it.
  • Parametric Mixins Like having functions in your CSS (*swoon*), these can be immensely useful for those seemingly redundant tasks of modern-day CSS.
  • ...8 more annotations...
  • .border-radius( @radius: 3px ) { -webkit-border-radius: @radius; -moz-border-radius: @radius; border-radius: @radius; }
  • The syntax in Sass is very similar to that of LESS. Just use the $ for variables, and call the mixins with the @mixin and @include method mentioned earlier.
  • Selector Inheritance Here’s something not provided in LESS. With this ability, you can append a selector to a previously established selector without the need to add it in a comma-separated format. .menu { border: 1px solid #ddd; } .footer { @extend .menu; } /* will render like so: */ .menu, .footer { border: 1px solid #ddd; }
  • With LESS, you can nest ids, classes and elements as you go.
  • You can also refer in element styles to their pseudo-elements by using the &, which in this case functions similar to this in JavaScript.
  • Sass is a lot more versatile with numbers than LESS. It has built into it conversion tables to combine comparable units.
  • Sass seems to have a lot more color options — not that I would need them all. Lighten and darken are the only ones that I see myself using often.
  • Conditionals and Control This is rather nifty, and another thing not provided by LESS. With Sass, you have the ability to use if { } else { } conditional statements, as well as for { } loops. It supports and, or and not, as well as the <, >, <=, >= and == operators.
tech vedic

How Can I Block a Number from Calling My Cellphone? - 0 views

  •  
    Want to get rid of unwanted calls? Don't know how to manage your blocking options?? Then we are here with this tutorial to help you further.
Vernon Fowler

Choosing great variable names - 0 views

  • try to choose semantic names for your variables
  • describe its function or purpose
  • // Better $brand-color: red; $accent-color: yellow;
  • ...3 more annotations...
  • postfix color names with -color:
  • add a prefix like header- or footer- for specific sections: // Header $header-height: 100px; $header-background-color: $color-brand; // Footer $footer-height: 200px; $footer-background-color: #aaa;
  • I like to keep all my variables in a single file, called _config.scss, that I include in my primary stylesheet using the @import directive.
yc c

Understanding border-image | CSS-Tricks - 6 views

  • Strangely, the percentages require the “%”, while pixels should be listed without the “px”:
  •  
    The new CSS3 property border-image is a little tricky, but it can allow you to create flexible boxes with custom borders (or drop shadows, if that's your thing) with a single div and a single image. In this article I explain how the border-image shorthand property works in today's browsers.
my mashable

5 Tips to Get More Traffic for Your Blog - 0 views

  •  
    So you have a new blog and you think the posts are pretty good? Don't know how to get more loyal and valuable readers to your blog? ok then let me tell you some cool tips that i have learnt and implemented with my blogs with you.
yc c

CSS Optimization: Make Your Sites Load Faster for Free by Blogging Pro - 0 views

  • While a lot of people are out to optimize their sites/blogs, most everyone seems to skip over CSS. I have been spending some time looking at CSS Optimization tools today. I wanted something free, online, and easy to use. And of course, something that worked. There are actually quite a few websites that fit the bill, and some of them are easier to use, produce more friendly code, and others are a bit harder to use, but can produce amazing results.
  •  
    oh,, that would be hard to find the differences between before and after optimizing..
Frederik Van Zande

How to get Cross Browser Compatibility Every Time | Anthony Short | Web Design & Develo... - 0 views

  • Here is a quick summary for those of you who don't want to read the whole article: Always use strict doctype and standards-compliant HTML/CSS Always use a reset at the start of your css Use opacity:0.99 on text elements to clean up rendering in Safari Never resize images in the CSS or HTML Check font rendering in every browser. Don't use Lucida Size text as a % in the body, and as em's throughout All layout divs that are floated should include display:inline and overflow:hidden Containers should have overflow:auto and trigger hasLayout via a width or height Don't use any fancy CSS3 selectors Don't use transparent PNG's unless you have loaded the alpha
  •  
    Cross-browser compatibility is one of the most time consuming tasks for any web designer. We've seen many different articles over the net describing common problems and fixes. I've collated all the information I could find to create some coding conventions for ensuring that your site will work first time in every browser. There are some things you should consider for Safari and Firefox also, and IE isn't always the culprit for your CSS woes.
Frederik Van Zande

A List Apart: Articles: Faux Absolute Positioning - 0 views

  •  
    There are two popular approaches to positioning with CSS: float and absolute positioning. Both approaches have their pros and cons. My teammates and I have developed a new positioning approach that gives us the best of both worlds. After quite a bit of experimenting and testing, it's time to share the technique with the rest of the world and see how we can work together to improve it. I'm calling it "faux absolute positioning" after the faux columns technique that simulates the presence of a column.
Frederik Van Zande

CSS Transitions via jQuery Animations | Weston Ruter - 1 views

  •  
    The WebKit team has been developing some cutting-edge proposals to extend CSS with the ability to do declarative animations and other effects. This ability is key to maintaining the three-fold separation of HTML content, CSS presentation, and JavaScript behavior. Animation effects on the Web today are accomplished with JavaScript code which repeatedly changes an element's style at a certain interval in order to create an animated effect. This practice, however, violates the separation between presentation and behavior because the animation behaviors are directly changing the document's presentation (i.e. modifying the style property). Ideally, all of the animation triggers and presentation states would be declared in CSS. And this is exactly what the WebKit team has proposed in its CSS Transitions specification.
my mashable

Jets QB Brett Favre retires after 18 seasons - 0 views

  •  
    Brett Favre swears this is the real deal - no more last-minute comebacks.The 39-year-old quarterback retired again Wednesday and insisted he won't look back. Well, at least for now."I have no reason to wonder why you would be so skeptical," Favre said Wednesday
Frederik Van Zande

8 Definitive Web Font Stacks [Design Tips & Tricks] - 0 views

  •  
    Over the last few months, I've spent more time than I intended on exploring the whole idea of fonts and typography for the Web. (My friend, typography expert Simon Pascal Klein, writes, "The former is a stylized set of glyphs of characters," while "the other [is] the whole art of creating type and setting it into the written word." For more clarification and illumination, consult Jon Tan and Mark Simonson.) In the process, I've been considering the idea of font stacks-using the well-known font-family CSS property-to list as many different fonts as possible in order to optimize the web site experience for a maximum number of users.
my mashable

Facebook Clones Friendfeed's "Like" Feature - 0 views

  •  
    Facebook seems to get more similar to FriendFeed every day. The latest, the addition of an "I like this" link on News Feed items, is one of the more significant challenges to the lifestreaming service yet, as it essentially duplicates a major component of what makes FriendFeed tick - a simple, one-click display of indicating your liking of a specific item in a stream of activities and a view of all of the other people that have also liked it.
Frederik Van Zande

SitePoint » How to Use Conditional Comments for Better CSS - 0 views

  •  
    I'm a new contributor to the SitePoint blogs and will mostly be covering front-end development and Semantic Web technologies. I'm looking forward to participating in the SitePoint community! Sometimes it's the simplest things that go unnoticed for the longest time. Case in point, while catching up on some WSG reading tonight, I saw a link to Paul Hammond's Conditional classnames for Internet Explorer. In a sentence, he shows how using conditional comments to customize the element's class name can be used to simplify CSS selectors for a number of advantageous purposes.
Jungle Jar

JungleJar - Useful CSS Classes For The Masses - 0 views

  •  
    I've put together a list of useful CSS classes I find myself using on a regular basis, and a few of these are actually required by the Wordpress gang if you're going to submit a free Wordpress template to them.
Jesse McPherson

Stu Nicholls | CSSplay | Removing active/focus state borders - 0 views

  • CopyrightYou may use this method on your personal 'non-profit' web site without seeking my permission. A link back to CSSplay is always appreciated.Commercial usage is also permitted without seeking approval, but I would ask that a donation is considered to support my work on CSSPlay. If you are having problems integrating any of my demonstrations into your website then I now offer a service to fault find and correct any errors that you may have introduced. Please email me for more information.
    • Jesse McPherson
       
      Can you really apply a Copyright to a CSS technique?
Frederik Van Zande

Emblematiq :: Niceforms :: Overview - 0 views

  •  
    Web forms. Everybody knows web forms. Each day we have to fill in some information in a web form, be it a simple login to your webmail application, an online purchase, or signing up for a website. They are the basic, and pretty much the only way of gathering information on the web. You basically know a web form when you see one as they always look the same and they've kept this look over the years. Try as hard as you might but web forms can only change their appearance so much. Some may argue that this is a good usability feature, and I tend to agree, but there comes a time when you just need to style web forms so that they look different. How do you do that? Niceforms comes to the rescue! Niceforms is a script that will replace the most commonly used form elements with custom designed ones. You can either use the default theme that is provided or you can even develop your own look with minimal effort.
« First ‹ Previous 81 - 100 of 168 Next › Last »
Showing 20 items per page