Skip to main content

Home/ CSS Evangelist/ Group items tagged has

Rss Feed Group items tagged

Filter: All | Bookmarks | Topics Simple Middle
clariene Austria

Don't Just Get A Website… Get Discovered! - 2 views

If your website is not being listed on search engines, then you're missing out on a lot of business. Google has already overtaken yellow pages when it comes for searching for local business provide...

started by clariene Austria on 15 Jun 12 no follow-up yet
Vernon Fowler

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

coding.smashingmagazine.com/...to-less-and-comparison-to-sass

less sass css comparison webdesign css3 preprocessor

shared by Vernon Fowler on 25 Feb 14 - No Cached
  • 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.
Vernon Fowler

Prevent Long URL's From Breaking Out of Container | CSS-Tricks - 0 views

css-tricks.com/...from-breaking-out-of-container

typography webdesign css links

shared by Vernon Fowler on 19 Feb 14 - No Cached
  • a width
    • Vernon Fowler
      Vernon Fowler on 19 Feb 14
       
      I didn't need a width. Float:left was enough. Tested in IE10.
  • -ms-word-break: break-all;
    • Vernon Fowler
      Vernon Fowler on 19 Feb 14
       
      Shouldn't need the IE prefixed version as according to http://caniuse.com/#search=word-break that browser has had support all along.
  • float:left
Vernon Fowler

word-break | CSS-Tricks - 0 views

css-tricks.com/...word-break

css webdesign long words fittext text

shared by Vernon Fowler on 20 Mar 14 - No Cached
  • It's often used in places with user generated content so that long strings don't risk breaking layout.
tech vedic

How to fix Web pages that print too small? - 0 views

techvedic.livejournal.com/50882.html

web pages that print too small smart printing how to fix internet explorer page has stopped working problems with home hp exploerer on new problem newest upgrade font computer browser the my is

shared by tech vedic on 02 Aug 13 - No Cached
  • tech vedic on 02 Aug 13
     
    Most of the times you need to take the print out of the web pages. But, when the printed web pages come out too small then it is really irritating. This is generally due to "Shrink to Fit" option. According to this option, Internet Explorer squeezes all the elements of a web page by default onto a sheet of paper. Thus, go through this tutorial and fix it.
thompsonmarry

Getting Started with Firefox extension - Diigo help - 0 views

help.diigo.com/...refox-add-on-quick-start-guide

Diigo Firefox

shared by thompsonmarry on 01 Oct 14 - No Cached
  •  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!
Alberto Adrián Schiano

Graphics Lab - 0 views

www.cit.gu.edu.au/...graphics

buscar cli design disenyo fotos grafico graphic photos picture pintura search tutoriales tutorials visual

shared by Alberto Adrián Schiano on 30 Jun 07 - Cached
  • In this laboratory I perform various experiments in the realms of digital magick. Here I work with images, and 3D virtual spaces, as well as more traditional geometrical models to try and understand the graphical aspects of Computional Sorcery
    • Alberto Adrián Schiano
      Alberto Adrián Schiano on 30 Jun 07
       
      This site has one of the biggest collection of ImageMagick tutorials and examples. See what you need to do and search it here! Este sitio tiene una de las mayores colecciones de tutoriales sobre ImageMagick. Ver que necesitamos hacer y buscar aquí.
  • Alberto Adrián Schiano on 30 Jun 07
     
    Dealing with images and scripts to modify them Sobre imagenes y guiones que los modifican
yc c

Web Design Blog | ModernBlueDesign.com » Blog Archive » Fighting Spam with CSS - 0 views

www.modernbluedesign.com/...fighting-spam-with-css

css hack spam

shared by yc c on 02 Jul 07 - Cached
  • yc c on 02 Jul 07
     
    The idea here is setting up a form with a text field and via CSS making it invisible. Then, if a post is sent to a php script handling the request and that text box has information in it, that means a human didn't fill it out, and the script is simply aborted.
Scott Hendrickson

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

www.alistapart.com/...frameworksfordesigners

css framework

shared by Scott Hendrickson on 14 Jun 07 - Cached
  • 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.
yc c

Yahoo! UI Library: Graded Browser Support - 0 views

developer.yahoo.com/...index.html

browser css support

shared by yc c on 09 Mar 09 - Cached
  • Tim Berners-Lee, inventor of the World Wide Web and director of the W3C, has said it best: “Anyone who slaps a ‘this page is best viewed with Browser X’ label on a Web page appears to be yearning for the bad old days, before the Web, when you had very little chance of reading a document written on another computer, another word processor, or another network.”
  • Methodologies including layered development via progressive enhancement, Unobtrusive Javascript, and Hijax ensure that higher layers don’t disrupt lower layers. However, representative testing of the core experience is critical. If you choose to adopt a Graded Browser support regime for your own web applications, be sure your site’s core content and functionality is accessible without images, CSS, and JS. Ensure that the keyboard is adequate for task completion and that when your site is accessed by a C-grade browser all advanced functionality prompts are hidden.
anonymous

Digital Web Magazine - Creative Use of PNG Transparency in Web Design - 0 views

www.digital-web.com/...web_standards_creativity_png

css

shared by anonymous on 30 May 07 - Cached
  • PNG, GIF, and JPEG The PNG image has been widely overlooked by the web design community—and mostly for good reason. Until recently, it hasn’t been possible to take full advantage of the format and have it work reliably in all browsers. But, with proper PNG support in Internet Explorer 7, and some handy JavaScript and CSS tricks to account for older browsers, we can use PNG images to greatly enhance our design vocabulary.
    • luodan9999
      luodan9999 on 01 Jun 07
       
      good tools
    • liz_taoma
      liz_taoma on 01 Jun 07
       
      good
    • cindyye
      cindyye on 01 Jun 07
       
      It's a very nice tools
Perry Branch

Actual Browser Sizes (final) - Baekdal.com - 0 views

www.baekdal.com/...actual-browser-sizes

browser design development reference sizes tools web

shared by Perry Branch on 20 Feb 08 - Cached
  • in order to support 95% of your visitors, you need to design for a maximum size of 776x424px
  • Perry Branch on 20 Feb 08
     
    The final section "What size do I need to support?" has the findings summary, but the entire article is a very worthwhile read.
  • Perry Branch on 20 Feb 08
     
    This is a creative example of quantitative user research. According to the findings from this article the "above the fold" size that will apply to the most people browsing is 776px wide by 424px high. This takes into account the browser chrome and surfing w/o being maximized. I think this study should be performed regularly, every couple of years perhaps to follow display size changes.
css rank

CSSRank - CSS Gallery For The Best Designed Web 2.0 Sites - 172 views

The development of web applications has drastically changed since its advent. Websites were normally designed with dominant tables in it. But this changed to a more portable and reliable method of ...

general

started by css rank on 28 Oct 08 no follow-up yet
Ace Dee

Cutting Edge SEO Services From Oracle Digital - 1 views

Many SEO companies say they will get you to page 1 but many have failed. Oracle Digital however, has done that for me. Apart from their cutting-edge SEO strategies, they took my company seriously a...

seo

started by Ace Dee on 17 Feb 11 no follow-up yet
helen hunt

Quality Computer Help Desk Support Services - 1 views

I am so thankful with HelpVirtualDeskSupport help desk support services. They help me fixed my computer. Their PC help desk support specialists really know what they are doing. HelpVirtualDeskSup...

help desk support

started by helen hunt on 07 Jun 11 no follow-up yet
helen troy

Blue Screen of Death - 1 views

I was working with my school project and doing my part time job at the same time, so it happened that I opened numerous windows and tabs one after another. When all of a sudden my computer displaye...

Need Computer Help

started by helen troy on 07 Jun 11 no follow-up yet
cecilia marie

Reliable Online Computer Repair - 3 views

My PC has been acting strange lately and I can no longer fix it on my own. I did everything I could but this time, I really need someone who can really fix my computer problem. I called Computer Pr...

computer problem

started by cecilia marie on 06 Jun 11 no follow-up yet
seth kutcher

The Best Computer Repair Services in Town - 1 views

My laptop got some troubles and needed to be fixed. I needed a credible company who has the best computer repair services. I then came across with Computer Hardware Repair Services and I found out ...

computer repair services

started by seth kutcher on 08 Aug 11 no follow-up yet
seth kutcher

Real and Genuine Computer Repair - 1 views

I am searching for a credible company to troubleshoot my computer which is being plagued by issues. I am looking for genuine computer repair, a thorough repair for my computer. I came by Computer S...

computer repair

started by seth kutcher on 17 Aug 11 no follow-up yet
Ace Dee

SEO: Not an Ad Hoc Strategy - 1 views

Search engine optimisation or SEO is a task that needs to be done regularly and not just an ad hoc strategy. Oracle Digital has made sure that their client's website was done correctly so that it ...

SEO

started by Ace Dee on 24 Aug 11 no follow-up yet
« First ‹ Previous 81 - 100 of 112 Next ›
Showing 20▼ items per page