Skip to main content

Home/ CSS Evangelist/ Group items tagged learning

Rss Feed Group items tagged

Filter: All | Bookmarks | Topics Simple Middle
anonymous

Learn how to apply shadow automatically to an image using CSS - Alex Allied - 0 views

www.alexallied.com/...atically-to-an-image-using-css

css

shared by anonymous on 14 Apr 07 - Cached
  • Learn how to apply shadow automatically to an image using CSS
  • anonymous on 14 Apr 07
     
    Learn how to drop a shadow to images css
anonymous

Not Enough Fans on Your Facebook Fan Page? Learn How to Increase Your Fan Base - 0 views

www.webguru-india.com/...-how-to-increase-your-fan-base

Facebook Fanpage Design Web Designing

shared by anonymous on 26 Apr 12 - No Cached
  • anonymous on 26 Apr 12
     
    From freelance web designers to big web designing agencies, everyone is utilizing the marketing capabilities of Facebook. Facebook Fan Page is a very useful medium to promote your business to a global audience. It will help you meet new customers, stay in touch with the old ones and promote your new products or services.
Vernon Fowler

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

coding.smashingmagazine.com/...d-after-pseudo-elements-in-css

css css3 pseudo selectors before after webdesign

shared by Vernon Fowler on 02 Jan 14 - No Cached
  • 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
Vernon Fowler

Web Designer Notebook » How to use Modernizr - 0 views

webdesignernotebook.com/...how-to-use-modernizr

html5 css3 javascript library browser modernizr css webdesign

shared by Vernon Fowler on 15 Mar 14 - No Cached
  • 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">
  • Vernon Fowler on 15 Mar 14
     
    "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."
Frederik Van Zande

5 Principles And Ideas Of Setting Type On The Web | How-To | Smashing Magazine - 0 views

www.smashingmagazine.com/...eas-of-setting-type-on-the-web

design font fonts inspiration typography web webdesign

shared by Frederik Van Zande on 25 Apr 08 - Cached
  • Frederik Van Zande on 25 Apr 08
     
    here are many ways to approach Web typography in order to create effective and expressive results. Let's take a closer look at some principles, rules and ideas for approaching Web typography decisions - you can use them as a starting point for learning how to achieve effective type setting on the Web.
yc c

CSS Portal - Templates, Tutorials, Books, Software, Code Examples - 8 views

www.cssportal.com

css reference information resource

shared by yc c on 13 Feb 10 - Cached
  • yc c on 13 Feb 10
     
    Here at CSSPortal, we have gathered as much information as possible to try and help you learn CSS and improve your web design skills.
yc c

Safari Reference Library - 0 views

developer.apple.com/...index.html

safari webdev reference html css dom howto

shared by yc c on 30 Jan 10 - Cached
  • yc c on 30 Jan 10
     
    Explore a comprehensive collection of guides, reference, and other resources for developing web applications and content for Safari. The Safari Reference Library provides detailed information for web developers on iPhone, iPod touch, Mac, and PC. These resources include guides and articles, API reference documents, sample code, release notes, and technical notes. Use these resources to learn about Safari's developer tools, visual effects, HTML and CSS support, JavaScript and DOM support, and other features and technologies. The library is organized by Topics and Resource Types.
yc c

HTML5 presentation - HTML5 Slides - 10 views

apirocks.com/...html5.html

HTML5 slides presentation whatis webdev

shared by yc c on 17 Apr 10 - Cached
  • yc c on 17 Apr 10
     
    Take a walk through the woods and learn about all things HTML5. Starting with the JS APIS (selector API, storage, appcache, web workers, web sockets, notifications, drag and drop, and geolocation). Then delve into the new HTML semantic tags, link relations, micro data, ARIA, forms, audio and video, Canvas, and WebGL. Finally, the holy trinity finishes with CSS and selectors, fonts, text, columns, stroking, opacity, HSL, rounded corners, gradients, shadows, backgrounds, transitions, transforms, and animations.
kumar app

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

www.levoltz.com/...fessional-logo-using-photoshop

logo tutorials graphics tutorial photoshop

shared by kumar app on 03 Dec 09 - Cached
  • kumar app on 03 Dec 09
     
    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
anonymous

The Interesting Stories Behind Brand Names - 0 views

www.webguru-india.com/...ing-stories-behind-brand-names

Logo Design

shared by anonymous on 26 Apr 12 - No Cached
  • anonymous on 26 Apr 12
     
    The Interesting Stories Behind Brand Names; Not Enough Fans on Your Facebook Fan Page? Learn How to Increase Your Fan Base; How Google +1 Can Change the Dynamics of SEO
Vernon Fowler

Replacing the -9999px hack (new image replacement) - Jeffrey Zeldman Presents The Daily... - 0 views

www.zeldman.com/...9px-hack-new-image-replacement

NED12 css webdesign hacks image image-replacement text-indent

shared by Vernon Fowler on 16 Sep 12 - No Cached
  • 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>
spymek soft

Tap Tap Words - 0 views

itunes.apple.com/...id506298967

Tap Words

shared by spymek soft on 02 Aug 12 - No Cached
  • spymek soft on 02 Aug 12
     
    A simple, addictive and informative game where you can learn words with the meaning and improve your vocabulary.
anonymous

Want to Join A SEO Company India? Learn the Basic SEO Terms First - 0 views

www.amazines.com/article_detail.cfm

SEO Services India

shared by anonymous on 02 Jun 12 - No Cached
  • anonymous on 02 Jun 12
     
    This article discusses 12 SEO terms. If you want to work as a SEO expert in a SEO company India, then you should know these terms. Some of the popular SEO terms discussed in this article are SEM, backlink, PageRank, title tags, keyword density, web crawlers etc.
Vernon Fowler

The CSS Property Value inherit » Learn CSS3 | Cheat Sheet | CSS Tutorial | Se... - 0 views

reference.sitepoint.com/...inheritvalue

css properties browser support webdesign

shared by Vernon Fowler on 14 Jan 14 - Cached
  • Internet Explorer 7 and earlier versions don’t support the value inherit for any properties other than direction and visibility.
thompsonmarry

Learn More About Joomla Templates - 0 views

video.fotki.com/...132823

website templates

shared by thompsonmarry on 01 Oct 14 - No Cached
  • thompsonmarry on 01 Oct 14
     
    CSS3Mania is a good website that provides Joomla templates for free. In the template gallery of this website, you will find the widely used and many suited template options for your site. In addition, this site offers the templates for all versions of Joomla, which can help you in picking an appropriate template to your newly converted website.
my mashable

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

waynesfavorite.blogspot.com/...ssors-18-people-to-follow.html

learning Lists social media' twitter

shared by my mashable on 17 Feb 09 - No Cached
  • my mashable on 17 Feb 09
     
    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.
yc c

Learn how to slice your templates into fully standards compliant XHTML and CSS! - 0 views

www.csslicingguide.com

css guide standard

shared by yc c on 09 Mar 09 - Cached
  • yc c on 09 Mar 09
     
    This site is a free resource for the budding web designer looking to take the step into the future of modern web design. Throughout the guide, you will be shown cunning CSS techniques used to keep loadtime to a minimum and to organize and fine tune your content so it is presented in the best possible way
1 - 20 of 33 Next ›
Showing 20▼ items per page