Skip to main content

Home/ CSS Evangelist/ Group items tagged how-not-to

Rss Feed Group items tagged

Gary Edwards

Introducing LESS: a Better CSS « Usability Post - 0 views

  •  
    Some bright folks also feel the same pain and went ahead and built meta-languages and compilers that take their own version of CSS and compile it to standard CSS code. Their own CSS meta-language is thus able to have new features, like variables, mixins, operations and so on. The most notable of these right now is SASS (part of HAML). I've tried SASS and really liked it, but one thing really bothered me. I didn't like how all the syntax was different to CSS. Sure, it's not CSS anymore, it's SASS, but do we really need to change the syntax of the stuff already present in CSS - why not just expand it? I've asked a friend of mine who is much more competent at programming than me about how long it would take to code a CSS compiler that retained the original CSS syntax but added a bunch of new features. He liked the idea and so we've put together our own version of CSS together with a compiler we call LESS, which stands for Leaner CSS.
thompsonmarry

Getting Started with Firefox extension - Diigo help - 0 views

  •  Feature Highlight: Highlights Diigo saves the day with "highlights". Highlights let you select the important snippets on a page and store them in your library with the page's bookmark. Let's try it. Just open a page, maybe one of your old-school bookmarks or one of your new cat bookmarks, and find the information on that page you actually care about. Select that important text. Got it? Okay, now put your hemet on, 'cause this might blow your mind! Click the highlight icon on the Diigo toolbar. It's the one with the "T" on a page with a yellow highlighter. You will notice that the selected text gets a yellow background. This means that the text has been saved in your library, and as long as you have the Diigo add-on the text will be highlighted on the page! How's that for easy?   Now you've highlighted the text. It will appear in your library within the bookmark for the page it is on. Go to your library and you can see how it works. If you're not sure how to get to your library, just click the second icon on the toolbar (Diigo icon to the left of the search bar) and then select "My Library »".
  • Sticky Notes on the Web What? I can put a sticky note on a web page? How? Oh, that's right! Diigo. Just right-click anywhere on the page and choose to "add a floating sticky note". Type up your note and choose "Post", then move the note anywhere on the page. You have to type a note first, before you move it where you want, otherwise there's nothing to move!
Vernon Fowler

Web Designer Notebook » How to use Modernizr - 0 views

  • Modernizr doesn’t actually magically enable these properties for browsers that don’t support them. It just tells the page whether that feature is supported on the browser the visitor is using or not.
  • To install Modernizr, download the file from this page. Then, on your site’s head tag, add a link to the file. For example: ?1<script src="js/modernizr-1.0.min.js"></script> The second step is to include on your html tag a class of “no-js”: ?1<html class="no-js"> Why add this tag? Because that will be the default state of the page. If JavaScript (js) isn’t on, then Modernizr won’t work at all (and probably other features of your site won’t work either…), so it’s good that we have a fallback for that case. If JavaScript is indeed enabled, once that page is loaded on the browser, that class will be replaced dynamically and it may look something like this: ?1<html class="js canvas canvastext geolocation rgba hsla no-multiplebgs borderimage borderradius boxshadow opacity no-cssanimations csscolumns no-cssgradients no-cssreflections csstransforms no-csstransforms3d no-csstransitions  video audio cufon-active fontface cufon-ready">
  •  
    "There is a tool that came to make our lives as progressive web designers a bit easier: Modernizr. In this short tutorial, learn how to apply this handy script to maximum effect on your sites."
Kaitlyn Em

Vital Points to Follow Before Creating Your Business Logo - 0 views

  •  
    "We all know that first impression is the last impression. A company's logo design gives the whole picture of their respective business, thus it should be taken very seriously. One should avoid taking the risk and get their company's logo designed from a professional web designing company known for its exclusive work. A lot of businesses waste their money on their logo design just because they aren't aware of how to get if designed. Always get your logo designed professionally to avoid the disappointment. Owning a quality logo not only represents professionalism but also shows the expert and specialized image of that certain company."
  •  
    "We all know that first impression is the last impression. A company's logo design gives the whole picture of their respective business, thus it should be taken very seriously. One should avoid taking the risk and get their company's logo designed from a professional web designing company known for its exclusive work. A lot of businesses waste their money on their logo design just because they aren't aware of how to get if designed. Always get your logo designed professionally to avoid the disappointment. Owning a quality logo not only represents professionalism but also shows the expert and specialized image of that certain company."
Scott Hendrickson

A List Apart: Articles: Frameworks for Designers - 0 views

  • How should a CSS framework be built? There are several possible ways to go about building a framework, but the most common and arguably the most useful is to abstract your common CSS into individual stylesheets that each cover a particular part of the whole. For example, you may have a stylesheet that sets up the typography and another that handles the mass reset. The beauty of the approach is the ability to selectively include only the styles that you need. You may end up with six or seven different stylesheets in your framework, but if a particular project doesn’t need one or two of them, they don’t have to be included. The framework we created in our office has five stylesheets: reset.css—handles the mass reset. type.css—handles the typography. grid.css—handles the layout grid. widgets.css—handles widgets like tabs, drop-down menus, and “read more” buttons. base.css—includes all the other stylesheets, so that we only need to call base.css from our (X)HTML documents to use the entire framework.
  • A word of caution This method works quite well, but there is a valid concern to be raised: it adds to the number of HTTP connections needed to render each page. On large, high-traffic sites, adding five more HTTP connections to every page view may result in angry system administrators. Two possible solutions to this are: Include everything in a single file, rather than breaking it into modules. The problem here is that you lose the ability to include only certain parts of the framework, and you also make maintenance more difficult. Have a server-side process that dynamically flattens the individual files into a single response. I’ve not seen this done, but it could be very efficient if done well. Using my example framework above, this dynamic process could occur when base.css is requested, but not when type.css, grids.css, etc. are. This way, the individual components are still available, but the entire framework is available in a flattened version, as well.
anonymous

Not Enough Fans on Your Facebook Fan Page? Learn How to Increase Your Fan Base - 0 views

  •  
    From freelance web designers to big web designing agencies, everyone is utilizing the marketing capabilities of Facebook. Facebook Fan Page is a very useful medium to promote your business to a global audience. It will help you meet new customers, stay in touch with the old ones and promote your new products or services.
tech vedic

Wear a wristband that glows when you get texts, notifications on your smartphone - 0 views

  •  
    How about a wristband that glows when you get a text message or a phone call on your smartphone? EMBRACE+ is the new gadget in the market that will glow in various colors on your wrist. The wristband will be a wearable gadget made for your smart phone and will display specific colors to indicate depending on what kind of notification you have received on your phone. You do not have to even take the phone out of the pocket. As soon as you get the notification, the wristband will give a visual notification in a specific color and will let you differentiate between a tweet and text message. The wristband connects to your smartphone using Wi-Fi connection.The EMBRACE+ wristband features will includes indications for incoming calls, text messages, new emails, notifications from social networks like Facebook, Twitter, LinkedIn and will even give you low battery levels indications. It will have a special feature that will help secure your phone. It will give notification if the smartphone goes far away from the wristband. The release date of the EMBASE+ wristband is July 2013. By-The Xpert Crew @ http://techvedic.com https://www.facebook.com/techvedicinc https://twitter.com/techvedicinc http://pinterest.com/techvedic1 http://techvedicinc.tumblr.com/
anonymous

How Do You Make Your Followers Click On Your Twitter Headlines? - 0 views

  •  
    Only designing a website and writing content is not enough these days; you need to grab the attention of the internet audience as well. Only an enticing headline will prompt readers to click on your page links. So, headlines should be short and promising and include keywords. This article offers some useful tips to make your Twitter headlines smarter and catchier.
Vernon Fowler

Scout - Compass and Sass without all the hassle - 0 views

  •  
    "Since Sass and Compass are Ruby gems, they require that you have a working knowledge of Ruby and the command line. Not all designers will know how or want to use command line tools, and that's where Scout steps in. Scout runs Sass and Compass in a self-contained Ruby environment, letting you effortlessly manage all of your Sass projects with a handful of clicks. You'll never have to worry about your Ruby setup or deal with technical issues. Scout does all of the heavy lifting, giving you more time to do what you love."
tech vedic

How to buy a smartphone for business? - 0 views

  •  
    Shopping is not an easy task. When it comes to buy a gadget for your work related needs, you need to be very specific and attentive. In this tutorial, we are highlighting business features among the different operating systems as well as the best specs for business which you should keep in mind while purchasing your smartphone.
seth kutcher

My Trusted PC Tech Support Provider - 1 views

Computer Assistance Online services are the best. They know how to fix all types of computers issues, even the most complicated ones. I was never wrong when I signed up for their computer assistanc...

computer assistance

started by seth kutcher on 30 Sep 11 no follow-up yet
tech vedic

10 tips to help improve your wireless network - 0 views

  •  
    If your Windows operating system notifies you about weak Wi-Fi signal then it means your connection is not up to the mark. In order to boost the signal for your wireless network (WLAN), try this tutorial.
anonymous

The Interesting Stories Behind Brand Names - 0 views

  •  
    The Interesting Stories Behind Brand Names; Not Enough Fans on Your Facebook Fan Page? Learn How to Increase Your Fan Base; How Google +1 Can Change the Dynamics of SEO
1 - 20 of 39 Next ›
Showing 20 items per page