Skip to main content

Home/ CSS Evangelist/ Group items tagged after

Rss Feed Group items tagged

Frederik Van Zande

A List Apart: Articles: Faux Absolute Positioning - 0 views

  •  
    There are two popular approaches to positioning with CSS: float and absolute positioning. Both approaches have their pros and cons. My teammates and I have developed a new positioning approach that gives us the best of both worlds. After quite a bit of experimenting and testing, it's time to share the technique with the rest of the world and see how we can work together to improve it. I'm calling it "faux absolute positioning" after the faux columns technique that simulates the presence of a column.
Vernon Fowler

Learning To Use The :before And :after Pseudo-Elements In CSS | Smashing Coding - 0 views

  • The content that’s injected will be child content in relation to the targeted element
  • First, you can include a URL that points to an image, just as you would do when including a background image in the CSS
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

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
Al-Mehatb Shaikh

Getting Started with Chrome extension - Diigo help - 0 views

  • Use the “Save” option to bookmark a page. Bookmarking saves a link to the page in your online Diigo library, allowing you to easily access it later.
  • Highlighting can also be accomplished from the context pop-up. After the Chrome extension is installed, whenever you select text on a webpage, the context pop-up will appear, allowing you to accomplish text-related annotation. Highlight Pop-up Menu – After you highlight some text, position your mouse cursor over it and the highlight pop-up menu will appear. The highlight pop-up menu allows you to add notes to, share, or delete the highlight.
  • Sticky Note Click the middle icon on the annotation toolbar to add a sticky note to the page. With a sticky note, you can write your thoughts anywhere on a web page.
tech vedic

How to Clean Up Your Messy Windows Context Menu? - 0 views

  •  
    After installing bunch of applications, the context menu gets cluttered. Thus, it is important to clean those applications.
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

Jets QB Brett Favre retires after 18 seasons - 0 views

  •  
    Brett Favre swears this is the real deal - no more last-minute comebacks.The 39-year-old quarterback retired again Wednesday and insisted he won't look back. Well, at least for now."I have no reason to wonder why you would be so skeptical," Favre said Wednesday
my mashable

Yahoo! Zimbra Desktop An Alternative for Outlook - 0 views

  •  
    Yahoo! Zimbra Desktop - It's an offline capable client so you can take your data with you whenever you don't have internet access powerd with Ajax technology. Working offline is major feature integrated with Zimbra soon after Google adding offline access through open source gear projects. You can access Zimbra Mail. Yahoo! Mail. Gmail. AOL in one common place. Even Outlook and other business e-mail account can be accessed using POP or IMAP.
my mashable

Finally Hotmail Enables Web Based IM ! - 0 views

  •  
    I should say it's finally good news for all Hotmail user, Yes really atlast Microsoft enables Web based IM for Hotmail users. The question arises on everyones mind is why Microsoft delays enabling web based IM ? This feature has been enabled years after Google and Yahoo.
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!"
my mashable

StumbleUpon Finally Breaks Free From eBay - 0 views

  •  
    Now you can Stumble outside of the shadow of the mega-corporate overlords at eBay - two years after Stumble founders Garrett Camp and Geoff Smith cashed out and handed their baby over to the ecommerce giant, they've come back with a team of investors and bought StumbleUpon back from eBay. It's pretty exciting.
my mashable

Instant Findability on WordPress Search Engine - 0 views

  •  
    WordPress.com search engine launched before a year, after the launch of the search engine the searches made on Wordpress search engine is innumber millions. Recently Wordpress announced an a significant update: instant findability. This feature allows searcher to view all latest related post with the feature "most recent results" available on the search page.
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
kumar app

[Tutorial]How To Create Professional Logo using Photoshop - 4 views

  •  
    In the following tutorial you are going to learn how to make a simple, clean, modern logo that you can use in your future projects. It is very simple to create this logo but after the basic shape is created you can easily add your own unique quirks (gradients, drop shadows etc) to make the logo trul
Alexis Sgavel

How to Create CSS3 Ribbons Without Images » JavaScript & CSS » SitePoint Blogs - 0 views

  •  
    I n my last post, Pure CSS3 Speech Bubbles Without Images, we saw how the :before and :after pseudo-elements could be used to create different effects. In this post we'll use similar techniques to create a variety of ribbons.
Alexis Sgavel

How to Create CSS3 Paper Curls Without Images » SitePoint - 0 views

  •  
    I n my previous posts, we discovered how to create speech bubbles and ribbons without additional HTML elements or images. They were achieved using CSS3 effects applied to the :before and :after pseudo-elements. In this post, we'll use a similar technique to create a paper curl effect.
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

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>
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
1 - 20 of 46 Next › Last »
Showing 20 items per page