Skip to main content

Home/ CSS Evangelist/ Group items tagged few

Rss Feed Group items tagged

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.
cecilia marie

My Computer Problem Was Solved in a Few Minutes - 1 views

I had a good internet connection for the past few weeks. Then I began to observe that it was not working the way it should be compared to the past few weeks. I tried to troubleshoot it myself but, ...

computer problem online help fix

started by cecilia marie on 13 Oct 11 no follow-up yet
tech vedic

First 3D printed car - 0 views

  •  
    "It might just be the precursor to the next industrial revolution and slowly but surely, 3D printing is expanding its presence into the realm of manufacturing. Now it seems that one of the first major industries to benefit from 3D printing is the same one that spawned the assembly line revolution - the automotive industry. Israeli company Stratasys, already a major player in the field and its subsidiary, RedEye On Demand, will be part of a project aimed at putting the first 3D printed car on the roads within two years, in partnership with KOR EcoLogic. "A future where 3D printers build cars may not be far off after all. There is a vision for a more fuel-efficient car that would change the world . URBEE 2, the name of the car, shows the manufacturing world that anything really is possible. There are few design challenges [3D printing] capabilities can't solve.""
tech vedic

BlackBerry Z10: Easier to use than Android with loads of features - 0 views

  •  
    BlackBerry Z10 is the touchscreen version which is very similar to the other smartphones available in the market. Display with 4.2inch screen gives a resolution of 1268 x 768 pixels i.e. 768 pixels per inch. The BlackBerry Z10 is easier to use than Android and more powerful, giving faster access to e-mails, tweets, facebook updates and messages. The Z10 has 16GB on inbuilt memory. Unlike the iPhone, the BlackBerry Z10 will allow user to extend the storage with microSD card slot. It sports a chip letting the phone act as a credit card at few payment terminals and share data wirelessly when tapped against some other phones. BlackBerry Z10 comes with handsome cameras with 8MP on back and 2MP on the front. The rear camera can record is a 1080p high definition camera while the front has 720p resolution. One more good thing about the BlackBerry Z10 is its battery life. The talk time is upto 10hrs on 3G. Upto 60 hours of audio playback and 11 hours of video playback. The BlackBerry messenger (BBM) in BlackBerry Z10 includes voice calling and video chatting and allows user to share its screen with another. Another distinguishing feature is the BlackBerry Balance which allows two personas on the same device still keeping the individual data secure. One can set Work mode and personal mode and can switch between them easily. The Time shift is a camera feature that lets you capture a group shot where everyone is smiling with their eyes wide open. BlackBerry Z10 introduces new browser which includes HTML5 support which has a reader mode. 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 retrieve forgotten Email Account Password Stored in Your Desktop Email Client? - 0 views

  •  
    A desktop email client is a better place to keep a backup of your emails as you can use them offline as well as type and save emails to send later. There is a case where you may use few extra IDs to register at forums, websites, etc. But, what happen if you will forget one of your IDs which you have used long time back. Well, in that case you need to recover your password.
tech vedic

How to know that my computer is virus or malware infected? - 0 views

  •  
    Malware, as you know is a class of malicious software such as spyware, adware, or viruses that compromise with the system's performance and security. And in majority of cases they infiltrate through general Internet activities --- browsing, surfing, and downloading, or executing programs or files. Hence, most of the virus or malware defense methods are based on encouraging secure Internet access. Though, virus or malware authors are using astute development techniques, keeping a keen eye on the behavior of your machine, can be helpful in winning the battle of computer security. Following are a few notable symptoms, which can be perceived as an indication of virus or malware attack:
tech vedic

How to manage computing at 33,000 feet? - 0 views

  •  
    Computing is no longer confined to the walls. Today you want to stay connected with world that matters from anywhere anytime. Sensing the demand, manufactures like Dell, HP, Samsung and Lenovo to name a few have come with slimmest architecture with extra-long battery life. However, computing at high altitudes say at 33, 000 feet is still a challenge. Reckoning the responsibility, Techvedic, a leading tech support vendor, has come up with must-to-follow tips while you are on the verge of exploring the challenges of nature.
anonymous

Is Your "Coming Soon" Page Not Creating Enough Buzz? - 0 views

  •  
    Some businesses share details about their company, products, services, etc, in their "coming soon" pages to grab market attention. This article offers a few tips on "coming soon" page design and discusses how this marketing strategy can help you make your site popular.
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>
Al-Mehatb Shaikh

Brochure Design Single Sided | logodesign.ae - 0 views

  •  
    If you want to share your story in few words with a compelling brochure, then a single sided brochure design is perfect for you.
tech vedic

How to create audiobooks in iTunes? - 0 views

  •  
    Digital audiobooks can be purchased online including Audible, eMusic, and iTunes. iTunes keeps audiobooks separate from your music library so as to make them easier to find. Also, it allows you to adjust the playback speed of the file as well as resume from the previously played chapter where it left. Just by tuning few settings, you can ready your iTunes and iPod to recognize any audio file or group of audio files as an audiobook.
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

20 Essential Blog Directories to Submit Your Blog - 0 views

  •  
    There are many paths to consider when building links to your site or blog such as link baiting or blogroll link swapping, but few are as easy to implement and cost effective as submitting to blog directories - and good link juice is essential to a healthy
my mashable

Personal Branding 101: How to Discover and Create Your Brand - 1 views

  •  
    In the past few years personal branding has been discussed exhaustively throughout the Net. The difference between today and over ten years ago when it was first mentioned by Tom Peters, is the rise of social technologies that have made branding not only more personal, but within reach.
Frederik Van Zande

8 Definitive Web Font Stacks [Design Tips & Tricks] - 0 views

  •  
    Over the last few months, I've spent more time than I intended on exploring the whole idea of fonts and typography for the Web. (My friend, typography expert Simon Pascal Klein, writes, "The former is a stylized set of glyphs of characters," while "the other [is] the whole art of creating type and setting it into the written word." For more clarification and illumination, consult Jon Tan and Mark Simonson.) In the process, I've been considering the idea of font stacks-using the well-known font-family CSS property-to list as many different fonts as possible in order to optimize the web site experience for a maximum number of users.
my mashable

HOW TO: Live Inside Twitter and Still Stay Productive - 0 views

  •  
    It's an addictive little habit, that Twitter. But what if there were ways for you to still keep your ugly tweeting habit while staying productive at the same time? Since I can't fully support the total indulgence in the tool that has the tech-world (and beyond) glued to their favorite Twitter client, I thought I would share a few very useful ways to make the service much more productive while you're living inside of it.
my mashable

Qapacity: A More Social Home for Your Small Business - 0 views

  •  
    If you're a small business or a one man/woman show, how are you promoting your business online? On the flip side, if you're looking for a consultant, photographer, or a web design company, where do you start your search?That's where Qapacity jumps in; they're hoping to be the middle-man for professionals and service seekers, adding a few unique touches to make the process painless on both sides.
Jungle Jar

JungleJar - Useful CSS Classes For The Masses - 0 views

  •  
    I've put together a list of useful CSS classes I find myself using on a regular basis, and a few of these are actually required by the Wordpress gang if you're going to submit a free Wordpress template to them.
Frederik Van Zande

A List Apart: Articles: Progressive Enhancement with CSS - 0 views

  •  
    In the previous article in this series, we covered the basic concept of progressive enhancement; now, we can begin discussing how to use it. There are many ways to integrate progressive enhancement into your work using Cascading Style Sheets (CSS), and this article will cover a few of the biggies and get you thinking about other ways to progressively enhance your sites.
Frederik Van Zande

Hackszine.com: Easiest cross-browser CSS min-height - 0 views

  •  
    Enforcing a minimum height for block elements in HTML is one of those few CSS tricks that you can't live without. There are still enough folks using IE6, unfortunately, and it doesn't support the min-height or min-width CSS parameters. This has caused the invention of a number of different hacks and browser-conditional style sheets to get the desired effect.
1 - 20 of 40 Next ›
Showing 20 items per page