Skip to main content

Home/ Web Development, Design & Programming/ Group items tagged css library

Rss Feed Group items tagged

Filter: All | Bookmarks | Topics Simple Middle
Jochen Burkhard

CSS3-Only Tabbed Area | CSS-Tricks - 0 views

css-tricks.com/css3-tabs

css Tabs javascript Web-Design

shared by Jochen Burkhard on 09 Mar 10 - Cached
  • Jochen Burkhard on 09 Mar 10
     
    When you think of "tabs", your mind might go right to JavaScript. Watch for a click on a tab, hide all the panels, show the one corresponding to tab just clicked on. All major JavaScript libraries tackle tabs in some way. But there is a way to accomplish this same idea with "pure CSS". Just as we did with the CSS Image Switcher, let's tackle this traditionally JavaScript project with only CSS.
vlado

Azbuka - CSS Typographical Base Rendering Library - 0 views

code.google.com/azbuka

azbuka css typography css library design web design

shared by vlado on 16 Nov 09 - Cached
  • vlado on 16 Nov 09
     
    Azbuka is CSS Typographical Base Rendering Library.It's meant to make meaningful web typography based on the golden proportion.
Vladimir Carrer

Better Web Readability Project - CSS Library - 0 views

code.google.com/...better-web-readability-project

css library Readability

shared by Vladimir Carrer on 19 May 09 - Cached
  • Vladimir Carrer on 19 May 09
     
    The main purpose of this project is to contribute to better reading experience on the screen by using CSS typography library.
a2zwebhelp

CSS3 jQuery Interactive Graph - Attractive jQuery CSS3 chart plugin - 0 views

www.a2zwebhelp.com/jquery-css-flot-graph

Line Bar jquery graph chart API Flot plugin Interactive Sample Code

shared by a2zwebhelp on 26 Aug 13 - No Cached
  • a2zwebhelp on 26 Aug 13
     
    Flot is an Attractive and powerful pure JavaScript graph/ chart library for jQuery. CSS3 jQuery Interactive Graph
Vernon Fowler

@font-face gotchas « Paul Irish - 1 views

paulirish.com/...font-face-gotchas

@font-face css3 typography font-face fonts css webdesign web design

shared by Vernon Fowler on 10 Oct 12 - No Cached
  • There are a few reasons why smiley is a better solution: Webkit+Font Management software can mess up local references, like turning glyphs into A blocks.  (crbug.com/33173) On OS X, Font Management software may alter system settings to show a dialog when trying to access a local() font that's accessible outside of Library/Fonts. More detail on my bulletproof post. (crbug.com/29729) Font Explorer X is also known to mess up other stuff in Firefox: bugzil.la/531771 Although it's unlikely, you could reference a local() font which is completely different than what you think it is. (Typophile post on different fonts, same name) At the very least its a risk, and you're ceding control of the type to both the browser and host machine. This risk may not be worth the benefit of avoiding the font download. These are all pretty edge case issues, but it's worth considering. FontSquirrel has already made the smiley syntax the new default in the Generator, and you should use it going forward as well.
  • And.. regarding @font-face syntax I now recommend the bulletproof smiley variation over the original bulletproof syntax.
  • @font-face { font-family: 'Graublau Web'; src: url('GraublauWeb.eot'); src: local('?'), url('GraublauWeb.woff') format('woff'), url('GraublauWeb.ttf') format('truetype'); }
  • ...5 more annotations...
  • in Webkit (Chrome/Safari), applying font-weight:bold to faux-bold some @font-face'd text will not succeed. Same applies for font-style:italic.
  • text-transform doesn't play well with @font-face in current implementations.
  • @font-face doesnt play nice with css transitions.
  • If a @font-face declaration is within a media query @media screen { ..., it will fail in Firefox.
  • SVG Fonts - Currently SVG is the only way to get webfonts working on iPhone and iPad.
  • Vernon Fowler on 10 Oct 12
     
    "There are a few reasons why smiley is a better solution: Webkit+Font Management software can mess up local references, like turning glyphs into A blocks.  (crbug.com/33173) On OS X, Font Management software may alter system settings to show a dialog when trying to access a local() font that's accessible outside of Library/Fonts. More detail on my bulletproof post. (crbug.com/29729) Font Explorer X is also known to mess up other stuff in Firefox: bugzil.la/531771 Although it's unlikely, you could reference a local() font which is completely different than what you think it is. (Typophile post on different fonts, same name) At the very least its a risk, and you're ceding control of the type to both the browser and host machine. This risk may not be worth the benefit of avoiding the font download. These are all pretty edge case issues, but it's worth considering. FontSquirrel has already made the smiley syntax the new default in the Generator, and you should use it going forward as well. "
awqi zar

YUI Library - 5 views

yuilibrary.com

opensource javascript yui library programming tools css web design

shared by awqi zar on 16 May 11 - Cached
  • jdr santos on 16 May 11
     
    Open source Javascript and CSS library
mikhail-miguel

ThickBox 1.0: Using jQuiery library - 0 views

codylindley.com/...thickbox-update

javascript webdev css

shared by mikhail-miguel on 05 Mar 18 - Cached
  • mikhail-miguel on 05 Mar 18
     
    Cody Lindley is a front-end/JavaScript developer and recovering Flash developer. He has an extensive background working professionally (20+ years) with HTML, CSS, JavaScript, and client-side performance techniques as it pertains to web development. If he is not wielding client-side code he is likely toying with interface/interaction design or front-end application architecture. When not sitting in front of a computer, it's a sure bet he is hanging out with his wife & three boys in Meridian, Idaho. In his spare time Cody is working towards being a 'One Dollar Apologist' and enjoys defending ...
Vernon Fowler

Web Designer Notebook » How to use Modernizr - 1 views

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

html5 css3 javascript library browser modernizr css

shared by Vernon Fowler on 13 Jan 14 - No Cached
olivia frost liked it
  • 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 13 Jan 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."
anonymous

14 Popular JavaScript Libraries for Data Visualization in 2019 - 0 views

www.monterail.com/...t-libraries-data-visualization

design web Development css webdesign webdev tools

shared by anonymous on 19 Feb 19 - No Cached
  • anonymous on 19 Feb 19
     
    Data vizualization is as important to a JS developer as making interactive web pages. Sometimes it might be hard to choose from multiple libraries for creating beautiful charts for the Web. To make things easier, we listed 14 best Javascript libraries for data vizualization.
anonymous

Crystal Infoway begins its Training Centre for PHP Development in Rajkot | PRLog - 0 views

crystalinfoway.com/...project-training-course-rajkot

PHP Training Course in Rajkot Professional at Live Project

shared by anonymous on 06 Jan 16 - No Cached
  • anonymous on 06 Jan 16
     
    Crystal Infoway announced launch of its training centre, Crystal Infoway for Web Design,Web Development,SEO and Mobile Application Development in Rajkot,Gujarat.Crystal Infoway provide IT services with client base in India,USA, UK, Canada many more Crystal Infoway is one of the Leading IT Company offering PHP live project training in Rajkot,India (http://crystalinfoway.com/project-training/php-project-training-course-rajkot/) This training and certification center offers comprehensive PHP training solution. Through its training program, Students get work experience on LIVE projects. PHP is a widely-used open source general-purpose scripting language that is especially suited for web development. PHP is extremely simple for a newcomer. you can create static as well as dynamic webpages with php . This language is Open Source and therefore, is more popular than its parallel technologies like ASP and JPS,CGI ,Perl One great advantage of this language is no costs associated with using PHP.you don't require licenses, restrictions, or royalty fees involved at all. PHP is 100% free for anyone to use. What PHP Training of Crystal Infoway Include The students in the training period get knowledge about introduction To PHP,Basic PHP Programming,Arrays & PHP Library Function,Functions,OOPS - Classes and Objects,PHP Forms & Scripts,Validation & File System,Database,Cookies & Session,Basic HTML 5 / CSS3 jQuery,Social Media Integration,Framework OR CMS. The projects included in their PHP live project training in Rajkot,India. Why choose Crystal Infoway for PHP Training in Rajkot,India Crystal Infoway(http://crystalinfoway.com/project-training/php-project-training-course-rajkot/) provide project based professional training program. students will get detailed material on PHP with examples. trainers in Crystal Infoway are expert industry leaders. Therefore, students get the best training from the best trainers.
Jochen Burkhard

jQuery UI's Position Function (plus, MagicZoom from scratch) | CSS-Tricks - 0 views

css-tricks.com/jquery-ui-position-function

jquery Zoom image design UI Positioning javascript Library

shared by Jochen Burkhard on 03 May 10 - Cached
  • Jochen Burkhard on 03 May 10
     
    jQuery UI now has a position utility function that makes the job of positioning elements relative to other elements deliciously easy! Let's take a look.
1 - 20 of 33 Next ›
Showing 20▼ items per page