Skip to main content

Home/ CSS Evangelist/ Group items tagged functions

Rss Feed Group items tagged

moviele

Programming Designs Forums / Top Ten CSS Gallery/Showcase Websites - 0 views

  • Features:Submit websites? NoSubmit CSS Templates? YesRate websites/designs? YesComment on websites/designs? NoSite Functionality: 5/5Comments: CSSZenGarden is one of the first in it's class and showcases talent through customizing stylesheets to fit the site's design.2. StyleGala.comFeatures:Submit websites? YesSubmit CSS Templates? NoRate websites/designs? YesComment on websites/designs? YesSite Functionality: 5/5Comments: Style Gala not only showcases design but also brings resources into the mix, providing a great community for web designers./3. CSSRemix.comFeatures:Submit websites? YesSubmit CSS Templates? NoRate websites/designs? YesComment on websites/designs? YesSite Functionality: 5/5Comments: In my opinion, the best gallery showcase of CSS websites there is in terms of allowing people to interact.4. CSSReboot.comFeatures:Submit websites? YesSubmit CSS Templates? NoRate websites/designs? YesComment on websites/designs? YesSite Functionality: 5/5Comments: This site is more competitive than the others and submitting a site isn't as easy as the rest. But for what it does, it's great.5. CSSTux.comFeatures:Submit websites? YesSubmit CSS Templates? NoRate websites/designs? NoComment on websites/designs? YesSite Functionality: 4/5Comments: Design is great, showcase is simple yet elegant.6. CSSMania.comFeatures:Submit websites? YesSubmit CSS Templates? NoRate websites/designs? YesComment on websites/designs? NoSite Functionality: 4/5Comments: A site with great functionality but commenting would be nice.7. CSSImport.comFeatures:Submit websites? YesSubmit CSS Templates? NoRate websites/designs? YesComment on websites/designs? YesSite Functionality: 4/5Comments: Another great showcase of design and talent, definitely a site you should check out.8. CSSDrive.comFeatures:Submit websites? YesSubmit CSS Templates? NoRate websites/designs? YesComment on websites/designs? YesSite Functionality: 4/5Comments: Great functionality, not the best design though.9. UnmatchedStyle.comFeatures:Submit websites? YesSubmit CSS Templates? NoRate websites/designs? YesComment on websites/designs? YesSite Functionality: 4/5Comments: They don't give quite enough room for effective showcasing, but overall it works.10. CSSBloom.comFeatures:Submit websites? YesSubmit CSS Templates? NoRate websites/designs? YesComment on websites/designs? YesSite Functionality: 3/5Comments: CSSBloom is based on WordPress, looks like a blog, but works well.Notable Mentions 11. CSS-Galleries.comFeatures:
    • Jason Bao
       
      Zen Garden is an excellent one!
Vernon Fowler

LESS « The Dynamic Stylesheet language - 8 views

  •  
    The LESS Ruby gem compiles LESS code to CSS.  LESS is an extension of CSS. You can write LESS code just like you would write CSS, except you need to compile it to CSS. That's what the gem is for. If you are on Mac OS X, you can install the gem by typing the following command in the terminal:
  •  
    LESS extends CSS with dynamic behavior such as variables, mixins, operations and functions. LESS runs on both the server-side (with Node.js and Rhino) or client-side (modern browsers only).
tech vedic

Combine the wallet and your phone two together and carry just one - 0 views

  •  
    "Your wallet and your phone are probably the two items you carry around with you the most. What if you can combine the two together and carry just one item? Now you can with the new Q Card Case for the iPhone 5 by CM4. The Q Card Case is a 2-in-1 device that functions both as a protective casing for your iPhone5 as well as a wallet. It has space to comfortably fit 3 credit card sized cards plus cash. The case is made from a special patent pending soft-touch rubber and premium fabric. It also has a cut out slots for quick access to the cards as well for accessing all the buttons on your iPhone. It even has a big cut out at the bottom of the case to allow for in-case charging as well as fully compatible with Apple's Lightning port to 30-pin port adapter. The Q Card Case is available in 4 colors - Black Onyx, Mahogany Brown, Pacific Green and Red Rouge." By-The Xpert Crew @ http://techvedic.com https://www.facebook.com/techvedicinc https://twitter.com/techvedicinc http://pinterest.com/techvedic1 http://techvedicinc.tumblr.com/ https://plus.google.com/u/0/110467075169904075419/
tech vedic

Tips & Tricks to Improve iPhone 4S Battery life - 0 views

  •  
    While it becomes impossible to live without your iPhone 4S, you must be a bit worried about the habit of the gadget eating up all the battery at inopportune times.there are still some vital tips and tricks you can follow to improve your Smartphones battery life. Low Down The Screen Brightness Just as it goes for your laptop devices, you need to lower down the brightness of your iPhone screen, which will enhance the battery life. Adjust the screen brightness under the Settings tab. Make Use of Wi-Fi When You Can Instead of making Voice calls, downloading apps or browsing the Web over your iPhone 3G or cellular connection, it is recommended to always find a Wifi hotspot or make use of your home network. This will help you keep away not only from data charges but also will aid you have a better battery life as your device will not be searching for the data signals. Remember, if you are in an area where there is no Wi-Fi hotspot, it is better to turn off the search and it will help save the battery life of your iPhone 4S. Do Not Use The GPS Tracking Feature If you are using apps that support the feature of Automatic GPS tagging and location such as Twitter, Instagram and Facebook, your iPhone is working overtime to determine your location. If you do not want to be Geo-tag your updates and posts, must keep the GPS function off. Do Not Use The 'Fetch' & 'Push' feature If you have your iPhone 4S set to 'fetch' the data after every 30 minutes time along with numerous apps to push new alerts and messages as they happen, then you need to turn off this feature on your device. This feature is going to drain your battery. Only use the facility when you really need it otherwise keep it off. Keep Your Notifications In Check To enhance your iPhone 4S battery time, you need to limit your app notifications to just the apps you make use of more often. This actually means that you have to say 'no' to the requests for all kinds of notifications you ge
anonymous

6 Important Tips for Defensive Web Design - 0 views

  •  
    This article discusses defensive web design in detail. It points out how, unless you help your users cope with functional errors, your website may lose visitors.
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.
  • 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; }
  • ...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.
  • Parametric Mixins Like having functions in your CSS (*swoon*), these can be immensely useful for those seemingly redundant tasks of modern-day CSS.
  • 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 to Clone a Hard Drive? - 0 views

  •  
    In case your hard drive is damaged or corrupted then it is better to have functional copy of the drive where you can store your stuff immediately. Cloning a drive is a good option for handling such situations. Have a look on this tutorial.
Frederik Van Zande

Better Image Caching with CSS * Perishable Press - 0 views

  •  
    I have written previously on the fine art of preloading images without JavaScript using only CSS. These caching techniques have evolved in terms of effectiveness and accuracy, but may be improved further to allow for greater cross-browser functionality. In this post, I share a "CSS-only" preloading method that works better under a broader set of conditions.
my mashable

TwitterRemote Recreates MyBlogLog Using Twitter Accounts - 0 views

  •  
    From the creators of TwitterCounter - the popular chiclet that displays your Twitter follower count (see our sidebar) - comes TwitterRemote, a very simple widget that functions much like MyBlogLog, except it shows you recent visitors to your site that are also Twitter users.
my mashable

Add Google Search and AdSense to Your Mobile Website - 0 views

  •  
    Google search can be found integrated on tons of sites across the Web, including this one. Now, Google is extending that functionality to the mobile Web, where publishers can now integrate Google search and earn money on the revenue generated from clicks on mobile ads.
yc c

Yahoo! UI Library: Graded Browser Support - 0 views

  • 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.
Uzair Ahmed

Software Quality Assurance Testing and Test Tool Resources - 0 views

  •  
    500+ software QA testing tools, training courses, QA jobs, tester certification, testing glossary, white papers. Open source and commercial tools: unit, functional, GUI, performance, regression, compatibility testing, bug tracking, test management.
my mashable

Do Magic With Special ALT Characters - 0 views

  •  
    ALT key, the key on a computer keyboard used to change the function other keys. I never thought of these wonders can be happen or done use the ALT keys. It's my pleasure to show what i read few min back about Special ALT Characters
my mashable

"Forget Tabs" The Future Of Tabs in Firefox 3.2 - 0 views

  •  
    Firefoxquickly became the favorite browser for most power users. But while extensions are a great way to make Firefox more functional. In January 2000, T-Online asked Oliver Reichenstein, what we'd do if we could design a browser from scratch. The answer was "Tabs". Eight years later Aza Raskin, head of user experience at Mozilla, again asked about the future of new tab. Oliver Reichenstein answer after days of mailing back and forth: "Forget tabs!"
Web Design Saudi

A Website with Aesthetic Quality and Functionality - 2 views

I am a businessman in Saudi and I needed a reliable IT company to help me design my website. My brother suggested calling Tech Access. He said, they even have professional web design Saudi team who...

web design Saudi

started by Web Design Saudi on 25 Jul 11 no follow-up yet
Vernon Fowler

Opera Developer News - Why use @supports instead of Modernizr? - 0 views

  • The reason to use @supports over Modernizr is performance; functionality that's built into the browser will always be faster than adding it in script. Removing an external dependancy saves an HTTP request to download Modernizr and doesn't require time to execute the JavaScript.
  • Should you use Modernizr or @supports? The answer is definitively "it depends". As with all web projects, only you can decide which is the best way.
Vernon Fowler

Ten Reasons You Should Be Using a CSS Preprocessor | Urban Insight Blog - 0 views

  • 10 reasons you should consider using a CSS preprocessor
  • you can start using things like variables, mixins, and functions. It will allow you to start reusing properties and patterns over and over, after defining them just once
  • nothing is repeated
  • ...2 more annotations...
  • Both Less and Sass support nested definitions.
  • if you can write CSS, you already know how to write valid .less
Vernon Fowler

LESS « The Dynamic Stylesheet language - 0 views

  • It is possible to output rules in your CSS which allow tools to locate the source of the rule. Either specify the option dumpLineNumbers as above or add !dumpLineNumbers:mediaQuery to the url.
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.
Perry Branch

Mike Davidson - sIFR - 0 views

  • Proper use and best practices sIFR is a powerful tool. So powerful, in fact, that you can completely ruin a web page with it if you get overzealous and don’t exercise restraint.
  • sIFR is for headlines, pull quotes, and other small swaths of text
  • type which accents the rest of the page. Body copy should remain browser text.
  •  
    Optimized dynamic generation of Flash movies bound using javascript to provide rich Font experience regardless of the client. Degrades gracefully. Looks interesting when you just HAVE to have that PERFECT font.

    Note that it is NOT intended for full paragraphs or any type of extended passages. Serves a similar function as Text Images.

1 - 20 of 26 Next ›
Showing 20 items per page