Skip to main content

Home/ CSS Evangelist/ Group items tagged of

Rss Feed Group items tagged

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/
Vernon Fowler

Battle of the LESS Mixin Libraries: LESS Elements vs. LESS Hat vs. Bootstrap | Design S... - 0 views

  •  
    LESS is a friendly, easily-approachable CSS preprocessor. Though ultimately, Sass and Stylus are more powerful and robust, LESS has a certain charm that keeps it as a forerunner in the battle of the preprocessors. If you're a Sass fan, then you can take advantage of Compass, an incredible framework that makes coding with complex CSS3 properties a breeze. But what about LESS users? Where's their Compass? Today we'll look at three awesome mixin libraries that will help fill that void.
tech vedic

Top 5 tips you must know to stay safe on social networking sites - 0 views

  •  
    Soaring mobile Internet penetration has given new success dimension to the social network usage. Facebook, has recently reviled that 488 million users regularly use Facebook mobile, and a leading digital media firm Socialnomics has admitted that 23 percent of Facebook's users check their account 5 or more times daily. But a sad news is that, taking clues of the popularity, Internet attackers have targeted 54% of Social Networking Customers, claimed Barracuda Networks, a web security company.
tech vedic

How to manage Windows XP Services Configuration to improve system performance? - 0 views

  •  
    Despite the glamor of Windows 7 and Windows 8, the legendary Windows XP remains the favorite of 37.74 percent of computer fraternity. Hence, being a tech support vendor, we can't underestimate its presence, and have come with the idea to speed up Windows XP by managing the Windows XP Services Configuration.
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:
anonymous

Stay Updated with Latest E-commerce Web Design Trends - 0 views

  •  
    An e-commerce website should always contain good information and simple designs. Evaluate the site from point of view of users and make sure that the navigation system is simple and easy-to-use. Implement current trends, only if they meet purposes of your site.
Vernon Fowler

Replacing the -9999px hack (new image replacement) - Jeffrey Zeldman Presents The Daily... - 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>
yc c

CSS Test | CSS Class - 7 views

shared by yc c on 13 Dec 11 - No Cached
  •  
    These are my CSS test pages. In these pages you will find a growing collection of test and demonstrations of browser support of CSS standards.
Al-Mehatb Shaikh

Ecommerce website I Free Logo generator I company logo design I Restaurant logo design - 0 views

  •  
    We offer professional voiceover services. Your video can be created to attract people from any part of the globe; we have all kinds of accents in both the voices of males and females.
tech vedic

Top 5 enterprise security threats - 0 views

  •  
    Nowadays, the list of security concerns is getting bigger and bigger. All enterprises have five types of security threats. Here in this tutorial, let's uncover these top five security threats of enterprises.
tech vedic

10-reasons your computer may be running slowly - 0 views

  •  
    Most of the times, your computer runs slow and this hampers the productivity of your work. Then what to do?? Well, you can find the solution for this when you know the exact problem. In this tutorial, we are giving you 10 most obvious reasons for slow speed of your computer.
thompsonmarry

Free Website Template Download - 0 views

  •  
    CSS3Mania is one of the best website that provides Joomla templates for free. In the template gallery of this website, you will find the widely used and most suitable template options for your website. Moreover, this website provides the templates for all versions of Joomla, which will help you in choosing an appropriate template for your website.
yc c

Pure CSS Twitter Fail Whale - Subcide - 5 views

  •  
    Developers continue to do crazy things to show us what can be done with CSS3. The latest is a fully animated Twitter fail whale by Steve Dennis: The idea for this came to me this morning after being greeted first thing this morning by another Twitter outage. I'd been looking for something to stretch my CSS muscles on, and the Fail Whale seemed perfect. Also I think the animation only adds to his (or her?) charm. How was this made? The short answer is very painfully, by hand, using trial and error. Curves are done using various uneven border-radius properties, stranger angles (such as the strings) are masked using containers with overflow: hidden; set on them. I hope someone else gets a bit of enjoyment out of my wasted Sunday. It was a fun experiment that I don't plan on repeating any time soon. Take a look at the source to see the mass of code such as: PLAIN TEXTCSS:@-webkit-keyframes flutter1 {  0%   { -webkit-transform:rotate(0deg) }  50%  { -webkit-transform:rotate(-25deg) }  100% { -webkit-transform:rotate(0deg) }}.right .wing {  background: transparent !important;  z-index: 22 !important;  width: 15px;  height: 18px;  bottom: 4px;  left: 8px;  -webkit-animation: 'flutter1' 0.1s linear;  -webkit-animation-iteration-count: infinite;} 
my mashable

20+ Great Twitter Tools for Firefox - 0 views

  •  
    People love Twitter, and they love Firefox, so it only seems natural that there would be quite a few tools to merge these two items.Whether you want to have a full Twitter client inside of your browser, or just the ability to share parts of a site, a whole Web page or just the URL of the site you are reading, there is a tool for you. Take a look through these 20+ tools and there is sure to be something that appeals to you.
my mashable

HOW TO: Create Groups for Twitter - 0 views

  •  
    One of the most demanded features for Twitter has been the ability to create groups, allowing members to focus on different sets of people they're following. For example, you could create groups for all of your fantasy league friends, colleagues at work, friends in real life, family members, and so on.
my mashable

Shakespeare and Twitter Make an Odd Couple - 0 views

  •  
    One of the benefits of creating an open, simple, highly adaptable service like Twitter is the fact that once it takes off, people will try to do a lot of interesting things with it.
my mashable

You Can Now Undo Sending a Gmail Message - 0 views

  •  
    Lot of of Gmail user might be feel happy while reading this post. Google recently added new features on Gmail labs. When we think of sending an email is that
helloe

PingMag - The Tokyo-based magazine about "Design and Making Things" » Archive... - 7 views

  • Writing CSS is very much like having sex. Not everyone does it the same way and there is no particular “right” way to do it. I guess for me the similarities actually end there, seeing as writing CSS is something I do every day whereas having sex is…anyway I digress. The W3C have set the standards but beyond this, writing CSS is down to an individual’s preferences. Here are 5 little tips and ideas I’ve adopted in the last 6 months that you can use to make your CSS more streamlined, maintainable and easy to read. Written by Jon Disclaimer: The CSS example files are exactly that. They are not meant to be fully functional CSS documents. Class names in the CSS files are named merely so that you may visualise the document in your head (because there is no accompanying html), not because I condone the naming convention in them.
  • 1) Make a table of contents At the top of your CSS document, write out a table of contents. For example, you could outline the different areas that your CSS document is styling (header, main, footer etc). Then, use a large, obvious section break to separate the areas. Not only does this make your CSS look neater, but when it comes to making quick adjustments to certain areas of your website at a later date, finding the corresponding area in your CSS will be much easier. View Example File 1
  • 3) Isolate single properties that you are likely to reuse a lot If you find yourself using a single property a lot, isolate it to save yourself repeating it over and over again and also enabling you to change the display of all parts of the site that use it. View Example File 3
Gary Edwards

Grid design basics: Grids for Web page layouts - Opera Developer Community - 2 views

  •  
    Since tables were co-opted for layout purposes, columns have become key to many Web design layouts, and this thinking continued when CSS took over from tables (at least in the minds of savvy designers) for Web-page presentation. However, other fields of layout design don't think in arbitrary columns, they work with grids, and these form the basis for the structure of page designs. This article will provide the lowdown on grid design for Web pages. Thinking modular Grids are a template, a framework within which creativity can flourish. Too many designers spend time looking at a blank canvas, trying to figure out where elements should be positioned, but, if you have a flexible underlying grid, many such problems are already solved for you. It becomes obvious where and how elements should and can be positioned, thereby leaving you, the designer, with more time to work on graphic design and other page components.
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.
« First ‹ Previous 61 - 80 of 569 Next › Last »
Showing 20 items per page