Skip to main content

Home/ CSS Evangelist/ Group items tagged before

Rss Feed Group items tagged

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

How to password-protect a PDF before e-mailing in OS X? - 0 views

  •  
    Protecting a document containing sensitive information is very important. Thus, protecting it with password is a better option. This tutorial contains steps for protecting your PDF document with password before sending it to receiver.
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
tech vedic

Data Theft Alert - 0 views

  •  
    Think 100 times before taking help from local PC repair shop, if you once had sensitive files
tech vedic

How to fix the error "There was a problem setting up Microsoft Office - 0 views

  •  
    Please make sure to follow these steps carefully as serious problems can happen if the Windows registry is modified incorrectly. We recommend you back up the registry before you modify it.
anonymous

User-Friendly Flash Website Design Secrets Finally Revealed - 0 views

  •  
    To make your Flash website design user friendly, you should maintain Flash animation frame rate and optimize the file size for faster loading. You should use .swf file format to embed Flash files in your site and test the site in low configuration computers before launching it.
tech vedic

HARD DRIVE WIPE - 0 views

  •  
    Want to get rid of your old computer? But, remember to erase all your personal information from its hard drive before discarding it. In this tutorial, follow the steps to wipe out the hard drive of your computer for cleaning its data.
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.
Kaitlyn Em

Vital Points to Follow Before Creating Your Business Logo - 0 views

  •  
    "We all know that first impression is the last impression. A company's logo design gives the whole picture of their respective business, thus it should be taken very seriously. One should avoid taking the risk and get their company's logo designed from a professional web designing company known for its exclusive work. A lot of businesses waste their money on their logo design just because they aren't aware of how to get if designed. Always get your logo designed professionally to avoid the disappointment. Owning a quality logo not only represents professionalism but also shows the expert and specialized image of that certain company."
  •  
    "We all know that first impression is the last impression. A company's logo design gives the whole picture of their respective business, thus it should be taken very seriously. One should avoid taking the risk and get their company's logo designed from a professional web designing company known for its exclusive work. A lot of businesses waste their money on their logo design just because they aren't aware of how to get if designed. Always get your logo designed professionally to avoid the disappointment. Owning a quality logo not only represents professionalism but also shows the expert and specialized image of that certain company."
my mashable

Twitter Professors: 18 People to Follow for a Real Time Education - 0 views

  •  
    Never before in history has it been easier to glean from the knowledge of others who will give it away to you for free. It's equivalent to getting higher education. I'm talking about Masters level stuff. And it's all available right there on Twitter. I call the people I follow who contribute above and beyond the basic answer to "what are you doing?" my professors of Twitter.
Frederik Van Zande

The Big Table Problem | 8164 - 0 views

  •  
    My friend/ex-coworker Sam the Wonder Boy used to send me late night AIM messages comprised of only three letters, "M.F.R." This would then send chills up my spine, and I'd curl up on the floor in fetal position and weep nonstop. OK, I'm exaggerating a quite bit, and Sam doesn't do that anymore. "M.F.R." stands for "Monthly Forecast Report." It was one of the many modules of a huge intranet web application we worked on years ago. As the name implies, it was a report. Before arriving to the actual report screen, the user could select some criteria such as date range, products, etc. Depending on the selection, the report can have up to sixty columns and thousands of rows. It was quite a challenge both on the backend and frontend. I initially created it using server side Excel API and dumped it to the frontend as an excel sheet. In version 2 I made it as an HTML table with the Excel export option. In version 3 I ditched HTML and went for Crystal Report, in version 3.5 it became Active Report. In version 4 we rewrote the whole application as a .NET client app, with the report section being Excel again. In version 5, well there wasn't a version 5. The whole project got outsourced to India and the team was disbanded. But that's a blog for another day.
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.
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.
mj-freeway

Cannabis Compliance Software - 1 views

  •  
    Be more intelligent than you've ever been before with in-depth knowledge about your operation - and the market at large - like you've never had before.
thompsonmarry

Getting Started with Firefox extension - Diigo help - 0 views

  •  Feature Highlight: Highlights Diigo saves the day with "highlights". Highlights let you select the important snippets on a page and store them in your library with the page's bookmark. Let's try it. Just open a page, maybe one of your old-school bookmarks or one of your new cat bookmarks, and find the information on that page you actually care about. Select that important text. Got it? Okay, now put your hemet on, 'cause this might blow your mind! Click the highlight icon on the Diigo toolbar. It's the one with the "T" on a page with a yellow highlighter. You will notice that the selected text gets a yellow background. This means that the text has been saved in your library, and as long as you have the Diigo add-on the text will be highlighted on the page! How's that for easy?   Now you've highlighted the text. It will appear in your library within the bookmark for the page it is on. Go to your library and you can see how it works. If you're not sure how to get to your library, just click the second icon on the toolbar (Diigo icon to the left of the search bar) and then select "My Library »".
  • Sticky Notes on the Web What? I can put a sticky note on a web page? How? Oh, that's right! Diigo. Just right-click anywhere on the page and choose to "add a floating sticky note". Type up your note and choose "Post", then move the note anywhere on the page. You have to type a note first, before you move it where you want, otherwise there's nothing to move!
yc c

CSS Optimization: Make Your Sites Load Faster for Free by Blogging Pro - 0 views

  • While a lot of people are out to optimize their sites/blogs, most everyone seems to skip over CSS. I have been spending some time looking at CSS Optimization tools today. I wanted something free, online, and easy to use. And of course, something that worked. There are actually quite a few websites that fit the bill, and some of them are easier to use, produce more friendly code, and others are a bit harder to use, but can produce amazing results.
  •  
    oh,, that would be hard to find the differences between before and after optimizing..
stylist

Top 10 CSS image gallery tutorials (YouNeed2See Technology) - 0 views

  • There are many tutorials out there on how to create your own image gallery. There are simple ones made from pure CSS, and there are complex ones using css and javascript. By the end of this article you will have the information necessary to start building your own photo gallery. The first tutorial is from cssplay and is one of my favorites around. They have a very elegant and simple image gallery. Your images are separated into different sections (people, plants, animals, etc) and all your images for each section listed nicely underneath. As you hover over each image it expands double it's size so you can take a better look at each image before you view the full version. The interface is very clean and simple to use, I recommend taking a look at this one.
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.
Joel Liu

Free Design Templates | Smashing Magazine - 0 views

  • Free design templates don’t have to be unattractive, inaccurate and boring. Some web-sites offer high quality templates for the best price you would ever get - for free. You can download Flash-based templates as well as CSS-based layouts absolutely free; furthermore, you can use them for your personal and commercial projects without any restrictions whatsoever. Still, before using some of the templates, throw a glance at the license agreements - they’re changing all the time.
  • ...3 more annotations...
  •  
    cool
1 - 20 of 29 Next ›
Showing 20 items per page