Skip to main content

Home/ CSS Evangelist/ Group items tagged add-ons

Rss Feed Group items tagged

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!
tech vedic

Use Onefeed to replace your New Tab page in Chrome - 0 views

  •  
    Want to add information on your new Tab page in Chrome? Here is a solution with OneFeed. With OneFeed, you can add custom newsfeed as well as get alerts from your social media accounts.
my mashable

Add Google Search and AdSense to Your Mobile Website - 0 views

  •  
    Google search can be found integrated on tons of sites across the Web, including this one. Now, Google is extending that functionality to the mobile Web, where publishers can now integrate Google search and earn money on the revenue generated from clicks on mobile ads.
Vernon Fowler

Web Designer Notebook » How to use Modernizr - 0 views

  • Modernizr doesn’t actually magically enable these properties for browsers that don’t support them. It just tells the page whether that feature is supported on the browser the visitor is using or not.
  • To install Modernizr, download the file from this page. Then, on your site’s head tag, add a link to the file. For example: ?1<script src="js/modernizr-1.0.min.js"></script> The second step is to include on your html tag a class of “no-js”: ?1<html class="no-js"> Why add this tag? Because that will be the default state of the page. If JavaScript (js) isn’t on, then Modernizr won’t work at all (and probably other features of your site won’t work either…), so it’s good that we have a fallback for that case. If JavaScript is indeed enabled, once that page is loaded on the browser, that class will be replaced dynamically and it may look something like this: ?1<html class="js canvas canvastext geolocation rgba hsla no-multiplebgs borderimage borderradius boxshadow opacity no-cssanimations csscolumns no-cssgradients no-cssreflections csstransforms no-csstransforms3d no-csstransitions  video audio cufon-active fontface cufon-ready">
  •  
    "There is a tool that came to make our lives as progressive web designers a bit easier: Modernizr. In this short tutorial, learn how to apply this handy script to maximum effect on your sites."
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;} 
yc c

CSS3 Playground by Mike Plate - 7 views

shared by yc c on 11 Aug 10 - Cached
  •  
    The CSS3 Playground is a web application for experimenting with some new css3 capabilities. Primarily those than conform to the progressive enhancement philosophy, which means that the styles can be used on all sites without severely changing/limiting the experience on browsers that does not support them (=Internet Explorer 8.0 and older). But there are also styles that may need better replacements on Internet Explorer such as rotation, and I hope I will have the time to add more in the future.
tech vedic

How to clear off viruses and malware from an infected PC? - 0 views

  •  
    Despite updated operating system, browser, browser add-ons, installed firewall, and acute computer security settings, clever viruses, spyware or Trojans may find loop-holes to slip into your system. Not only in terms of performance, but in terms of stability and security too, these malicious software push you on back-foot. What to do next?
tech vedic

How to Setup Wi-Fi On Your Raspberry Pi via the Command Line? - 0 views

  •  
    In case, you are a Raspberry Pi enthusiast then you should configure your Raspberry Pi for remote access. With this tutorial, you can remotely connect to your Pi as well as activate a Wi-Fi add-on dongle.
my mashable

CaptionTube : Create Captions for Your YouTube Videos - 0 views

  •  
    Since the launch of the captions features for YouTube videos in last august, YouTube allows user add captions to one of your videos by uploading a closed caption file using the "Captions and Subtitles" menu on the editing page. This feature is used for people using other languages and even who are deaf or hard of hearing.
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

ow to Enable Built-in Facebook Messenger and Social API in Mozilla Firefox? - 0 views

  •  
    Here is good news for Facebook lovers. If you are a Mozilla Firefox user and spend most of your time on Facebook then the latest Firefox version is coming with a new feature called "Social API" which is helpful in accessing social networks like Facebook, Twitter, etc. As per this new feature, you can add social network buttons and sidebars in Firefox window so as to chat with your friends, checking messages, notifications, etc. get quick and easy.
Vernon Fowler

phildionne/golden-bootstrap · GitHub - 0 views

  •  
    Golden Bootstrap is a tiny add-on for Bootstrap giving you the divine power of using golden ratio sized columns. Available both for Less and Sass CSS preprocessors.
my mashable

Gmail Now Tells You Where Your Email Comes From - 0 views

  •  
    Google has been on fire lately, releasing new features almost daily. The latest is a new Gmail Labs option which lets you add your location to the signature.
Gary Edwards

Everything You Know About CSS Is Wrong | Digital Web Magazine: Rachel Andrew - 0 views

  •  
    The easy way to use CSS2.1 to solve difficult cross-browser layout issues: CSS tables solve all the problems encountered when using absolute positioning or floats to create multi-column layouts in modern browsers. Specifying the value table for the display property of an element allows you to display the element and its descendants as though they're table elements. The main benefit of CSS table-based layouts is the ability to easily define the boundaries of a cell so that we can add backgrounds and so on to it-without the semantic problems of marking up non-tabular content as a HTML table in the document.
my mashable

Google Noticeboard : Connecting People Using Public Digital Noticeboards - 0 views

  •  
    Google Noticeboard. It's a Firefox add-on can be used to create a message - including a voice recording and some text - which you can then send to other members, even if the other members doesn't installed Noticeboard you can still as audio as OGG email attachment.
Vernon Fowler

bjankord/Style-Guide-Boilerplate - 0 views

  • I recommend creating a directory named style-guide in your site's root directory. I think it would be awesome if I could go to anysite.com/style-guide/ and check out that site's style guide.
  • You should be able to go to yoursite.com/style-guide/ and see how your live site's CSS affects base elements.
  • Below the custom styles for the boilerplate, you will add in your own custom stylesheet(s) which you use on your live site.
  • ...1 more annotation...
  • To create custom patterns like buttons, breadcrumbs, alert messages, etc., create a new .html file and add your HTML markup into the file. Save the file as pattern-name.html into the markup/patterns directory inside of your style-guide directory.
my mashable

Pixelpipe : Upload & Share Picture Directly from Browser to Social Web - 0 views

  •  
    I usually had a big problem on handling more social media website account. I think most of the users come across the same problem. Recently i had a chance to hear about Pixelpipe. On the very first look i really amazed about the features. Initially this site used to post your digital pictures, videos, and audio files to a growing number of different services with only a few clicks. This site seems to be similar as ping.fm, which allows post to text based messages.
1 - 20 of 34 Next ›
Showing 20 items per page