Skip to main content

Home/ CSS Evangelist/ Group items matching "in" in title, tags, annotations or url

Group items matching
in title, tags, annotations or url

Sort By: Relevance | Date Filter: All | Bookmarks | Topics Simple Middle
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/
tech vedic

How to remove "Windows Experience index Rating" from Windows 7 System Properties? - 0 views

  •  
    The objective behind the introduction of Windows Experience index was to facilitate users with a quick and easy feature to evaluate the performance of hardware components of any PC. It first appeared in Windows Vista. This rating score is displayed in System Properties window as shown in following screenshot:
LinkSture Technologies

Brando Responsive and Multipurpose OnePage WordPress Theme - 0 views

  •  
    Brando is a completely modern, feature-rich, professionally designed, fully responsive and multi-purpose onepage WordPress theme. You will have an impressive number of readymade onepage site demos as per your business nature like design / ad / digital media agency, architecture firm, personal resume / vcard / portfolio, freelancer, spa and beauty saloon, art and photography, wedding, restaurant / hotel, tours and travel agency, event landing page, tattoo maker but this is not the limit as you can combine multiple elements from different innovative demo to achieve the style as per your imagination. It provides multiple eye-catching portfolio and blog layouts as well as coming soon page for showcasing your projects, news and other content. The Visual Composer - a widely used, premium, drag & drop enabled, quick content editing tool is integrated and included in the theme free of cost to helps you create and manage website pages content without touching the code. It also offers theme settings panel to manage overall website layout, colors, fonts, header, footer, social sharing and much more. It provides a great import feature to import demo data for your desired onepage demo or multiple different demos also quickly. Brando is extremely polished, cutting edge implementation of high-end search engine optimization enhancement techniques from the well structured and fast executable codebase, better result in all devices and browsers, and rendering your pages spectacularly effective to achieve the top ranks for all the relevant searches at an impressive high speed and hence resulting in higher level of traffic.
Vernon Fowler

Replacing the -9999px hack (new image replacement) - Jeffrey Zeldman Presents The Daily Report - 0 views

  • My friend Scott Kellum, design director at Treesaver, has now sent me this refactored code for hiding text, which I hereby christen the Kellum Method: .hide-text { text-indent: 100%; white-space: nowrap; overflow: hidden; } Really long strings of text will never flow into the container because they always flow away from the container. Performance is dramatically improved because a 9999px box is not drawn. Noticeably so in animations on the iPad 1.
  • Scott Kellum said on 1 March 2012 at 3:41 pm: I went ahead and created a side by side site to test the performance: http://lab.pgdn.us/hidden-text-performance/ @Ethan, This is the best 43min I have ever spent learning about optimizing the performance of my CSS: http://www.youtube.com/watch?v=xuMWhto62Eo
  • Would be interesting to understand both the SEO and accessibility impacts of this approach.
  • ...4 more annotations...
  • Scott Kellum said on 2 March 2012 at 4:06 pm: After much deliberation over here: https://github.com/h5bp/html5-boilerplate/issues/1005#issuecomment-4293007 Jonathan Neal suggested a method using font: 0/0 serif; and things seem to be settling on this — .ir { font: 0/0 serif; text-shadow: none; color: transparent; }
  • While I think this is certainly and interesting approach, I have some concerns with the accessibility. in some, if not all, cases when overflow: hidden; hides the content of the element this is applied to from screen readers. in most cases where I use image replacement, I still need the text to be accessible (e.g. call to action buttons set in Gotham). See Aaron Gustafson’s A List Apart article, http://www.alistapart.com/articles/now-you-see-me/. Has anyone tested this with a wide battery of screen readers or other accessibility devices?
  • Another note on accessibility: Besides the screen reader problems – people who don’t get images will not see the text too.
  • As a few people said already, this does not solve the accessibility problem that comes with text-indent. Worse, it may send the wrong message: “this is new and cool, use this from now!”. As a leader in the industry, I think you should warn people that even if this is “better” in term of performance, it is still a bad solution. Imo, Image Replacement techniques should be evaluated against the problems they solve/address. Fwiw, I wrote something about these challenges a few years back: http://tjkdesign.com/articles/tip.asp </shameless plug>
Web Design Saudi

Excellent Saudi Web Design Team - 1 views

I wanted to make a website to promote my Riyadh-based travel agency, after all my travel agency was the only remaining agency which has no online presence then. I noticed that my competitors had al...

web design Saudi

started by Web Design Saudi on 14 Nov 11 no follow-up yet
tech vedic

E-Commerce Security Tips - 0 views

  •  
    With every innovation of e-commerce, consumers are exposed to new security risks. Talking about U.S. e-commerce sales, it is expected to grow about 12 percent in 2013. Thus, making transactions safe online is a quite difficult job now. in this tutorial, we are introducing five fundamental security tips which you should keep in mind for embracing this dynamic industry.
tech vedic

How to get a full-screen Gmail compose window every time? - 0 views

  •  
    On clicking Gmail's "Compose" button, a window appears in the right corner of the screen. Well, this window has new options now. in the top-right corner of that "Compose" window, you will find three icons: Minimize, Full-screen and Close. By clicking the one in middle, window gets enlarged.
thompsonmarry

Free Html Templates - 0 views

  •  
    CSS3Mania is a good website that provides Joomla templates for free. In the template gallery of the website, you'll fInd the broadly used and most suited template choices for your website. In addition, this website offers the templates for all versions of Joomla that can help you In pickIng a suitable template for your newly converted website.
thompsonmarry

Joomla Templates - 0 views

  •  
    CSS3Mania is a good website that provides Joomla templates for free. In the template gallery of the website, you'll fInd the broadly used and most suited template choices for your website. In addition, this website offers the templates for all versions of Joomla that can help you In pickIng a suitable template for your newly converted website.
thompsonmarry

Learn More About Joomla Templates - 0 views

  •  
    CSS3Mania is a good website that provides Joomla templates for free. In the template gallery of this website, you will fInd the widely used and many suited template options for your site. In addition, this site offers the templates for all versions of Joomla, which can help you In pickIng an appropriate template to your newly converted website.
yc c

Blog | Graphicpeel - iOS Icons Made in Pure CSS - 5 views

  •  
    The following demo was made using a variety of CSS techniques. Rounded corners, shadows, gradients, rgba, pseudo-elements, and transforms are just some of them. A lot of these were generated by helpful tools, such as westciv's tools and Border Radius. By combining these techniques, you can create rich graphics with just a few lines of code. Here are a few examples. in the contacts icon, I used 5 different shapes for the silhouette icon. The head is a rectangle with rounded corners, followed by another rectangle for the neck and a distorted semi-circle for the body. in order to get the curve of the shoulders to the neck, I placed two circles on top of the shapes. The weather icon has several rays of light shooting from behind the sun. Each one of these rays is actually a long rectangle with a gradient that fades to transparent on either end. I used -webkit-transform:rotate to rotate each rectangle to a different angle. The same effect was used for the iTunes icon. To get the cloud icon on the iDisk icon, I used two circles layered on top of each other, above a rounded rectangle. The larger circle has a gradient that cuts off just before the rectangle.
my mashable

Personal Branding 102: How to Communicate & Maintain Your Brand - 0 views

  •  
    In my previous post, Personal BrandIng 101, we discussed the importance of brandIng In this web 2.0 world, as well as how to discover and create your brand. In Personal BrandIng 102 we'll discuss how you'll communicate your personal brand, usIng social media tools and proven marketIng tactics, and then how to sustaIn your future growth by performIng brand maIntenance.
my mashable

Facebook: All Your Stuff is Ours, Even if You Quit - 0 views

  •  
    The Consumerist has noticed a seemingly slight but very important (and disturbing) change in Facebook's terms of service, regarding user-generated content. in short, all of the content you've ever uploaded on Facebook can be used, modified or even sublicensed by Facebook in every possible way - even if you quit the service.
Frederik Van Zande

How to Code HTML Email Newsletters [HTML & XHTML Tutorials] - 0 views

  •  
    HTML email newsletters have come a long way in the five years since this article was first published. HTML email is still a very successful communications medium for both publishers and readers. Publishers can track rates for email opens, forwards, and clickthroughs, and thereby can measure reader interest in products and topics; readers are presented with information that's laid out like a web page, in a way that's more visually appealing, and much easier to scan and navigate, than plain text email.
  •  
    Browser idiosyncracies, spam registers, and various mail clients are just some of the pitfalls that must be faced by email marketers. Make sure your HTML email gets through with Tim's essential how-to.
Gary Edwards

emastic - CSS Framework Project at Google Code - 0 views

  •  
    Emastic is a CSS Framework, it's continuing mission: to explore a strange new world, to seek out new life and new web spaces, to boldly go where no CSS Framework has gone before. * Lightweight (compressed weight less then 4kb) * Personalized width of the page in (em,px,%) * Use of fixed and fluid columns in the grid. * Elastic Layout with "em"s
  •  
    InterestIng use of a CSS Framework for "Flow" Web documents and pages: Emastic is a CSS Framework, it's contInuIng mission: to explore a strange new world, to seek out new life and new web spaces, to boldly go where no CSS Framework has gone before. Why should you use emastic? .... Lightweight (compressed weight less then 4kb) ..... Personalized width of the page In (em,px,%) ....... Use of fixed and fluid columns In the grid. .......... Elastic Layout with "em"s
Frederik Van Zande

How to get Cross Browser Compatibility Every Time | Anthony Short | Web Design & Development - 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

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.
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.
Frederik Van Zande

Introduction to CSS3 - Part 4: User Interface | Design Shack - 0 views

  •  
    This tutorial will be taking a look at some of the new ways you can manipulate user interface features in CSS3. But what do we mean by "user interface"? CSS3 brings some great new properties relating to resizing elements, cursors, outlining, box layout and more. We're focusing on three of the most significant user interface enhancements in this tutorial. The examples shown below can be seen at our CSS3 examples page. Many, however, can only be appreciated in the latest builds of various browsers:
Frederik Van Zande

» 8 fonts you probably don't use in css, but should - Web Design Marketing Podcast & Blog - 0 views

  •  
    CSS has brought us many capabilities in terms of typography and the web, but we always seem to be limited to the same 4-5 typefaces over and over again. There is an inherant problem, if the font you specify isn't on the viewers computer it won't render in that font. So as designers and developers we end up selecting the ones that we can safely assume is available on most computers today. So most pages use Arial, Helvetica, or Georgia as their typefaces… and the world of the web remains slightly more bland.
‹ Previous 21 - 40 of 510 Next › Last »
Showing 20 items per page