background preloader

CSS Color Names

CSS Color Names

Related:  GRAPHIC DESIGNcssromualdp38Web Design

Gravify The Problem A long, long time ago (in the summer of 2014), when I did everything in my stylesheet, I came across a peculiar problem. I wanted to use CSS3 to give a ball object the effect of bouncing in accordance with the natural laws of physics. I scoured the internet for some way to breathe gravity into this ball. v2.1.9 JavaScript Library: All The Mapbox.js documentation is organized by methods. Each method is shown with potential arguments in a table. Objects returned by constructors are documented by just their object type. For instance, L.mapbox.featureLayer documents a function that returns a layer for markers.

RGB Color Codes Chart RGB color picker | RGB color codes chart | RGB color space | RGB color format and calculation | RGB color table RGB color picker RGB color codes chart 15 amazing tools for online collaboration A team of designers does not always work in the same office; you work in distributed groups, some of you may be working from home, and clients can be based all over the world. This is where collaboration tools come in – they make it easier and faster for designers to get feedback and approve artwork in a professional manner, and they come in all sort of forms, from free Android apps to Chrome extensions. Some are created specifically for designers, some serve as a concept crafting whiteboard often with tools to make simple annotations, and some are all-in-one web apps that include an element of project management. Here we gather together some of the best available online tools to allow designers to take part in collaborational work in real time. 01.

CodeIgniter Library: 77 Free Scripts, Addons, Tutorials and Videos - Razorlight Media CodeIgniter is the brainchild of Ellis Labs and one of the more popular PHP frameworks available. It's gained a reputation as a lean, mean, easy-to-learn framework that anyone comfortable with PHP can get up and running with in a few days. CodeIgniter is fixin' to blow up even more with the release of ExpressionEngine 2.0, currently in Beta, which is built on top of the CodeIgniter framework. Sounds great and all, but ExpressionEngine ain't cheap…$299 for the commercial version…so while you sit around wondering if ExpressionEngine is a CMS you want to get in to, why not get familiar with it's CodeIgniter foundation using these 802 77 totally free scripts, addons and tutorials? Free/Open Source CodeIgniter Scripts CodeIgniter is a great, open source, PHP framework for building web applicationsBackEndProBackEndPro is a control panel for developers written in PHP for the CodeIgniter framework.

CSS Cascading Style Sheets (CSS) are a stylesheet language used to describe the presentation of a document written in HTML or XML (including XML dialects like SVG or XHTML). CSS describes how elements should be rendered on screen, on paper, in speech, or on other media. CSS is one of the core languages of the open web and has a standardized W3C specification. Developed in levels, CSS1 is now obsolete, CSS2.1 is a recommendation, and CSS3, now split into smaller modules, is progressing on the standardization track. CSS Reference An exhaustive reference for seasoned Web developers describing every property and concept of CSS. CSS Tutorial A step-by-step introduction to help complete beginners get started.

Big Huge Labs Tons of fun stuff... Give one of our toys a spin! Lolcat Generator, Hockneyizer, Billboard, Pop Art Poster, Trading Card, Jigsaw, Map Maker, Mosaic Maker, Photobooth, Bead Art, Motivator, Color Palette Generator, Framer, Mat, FX, Magazine Cover, Movie Poster, Wallpaper, Badge Maker, Cube, CD Cover, Gift Center, Pocket Album, Calendar, I know, right? It's a lot to take in. Go slow.

Cody - Free HTML/CSS/JS resources A minimal and responsive newsletter form with the addition of some subtle CSS3 animations to enrich the user experience. Browser support ie Chrome Firefox Safari Opera 9+ It’s always challenging to push a user to subscribe to your website newsletter. The real key is where you position the call-to-action form IMO. Then there’s the UI and UX of the form itself. When the user decides to subscribe, we need to make sure the process is smooth and simple.

Shorthand properties Definition Shorthand properties are CSS properties that let you set the values of several other CSS properties simultaneously. An Introduction To Graphical Effects in CSS : Adobe Dreamweaver Team Blog Over the past couple of years, CSS has gotten a set of new properties that allow us to create quite advanced graphical effects right in the browsers, using a few lines of code, and without having to resort to graphics editors to achieve those effects. If you are like me, then that sounds like music to your ears. I don’t do well in graphics editors and would choose a code path over a graphical editor path any day. CSS now allows us to do more graphical work right in our text editors. Tiny editable jQuery Bootstrap spreadsheet from MindMup About This tiny (3KB, < 120 lines) jQuery plugin turns any table into an editable spreadsheet. Here are the key features: No magic - works on a normal HTML table (so you can plug it in into any web table, and apply any JS function to calculate values) Supports validation and change events (so you can warn about invalid input or prevent invalid changes) Uses standard DOM focus for selection (so does not interrupt scrolling or tabbing outside the table) Input automatically copies underlying table cell styling Native copy/paste support Does not force any styling (so you can style it any way you want, using normal CSS) Works well with Bootstrap Depends only on jQuery Tested in Chrome 32, Firefox 26, IE 10, Safari 7, Android Chrome and iOS 7 Safari

Responsive Images: If you're just changing resolutions, use srcset. If you're implementing responsive images (different images in HTML for different situations) and all you are doing is switching between different versions of the same image (the vast majority of usage), all you need is the srcset attribute on the <img>. Gaze upon this easy syntax: It's not just the syntax that is easy, it does a better job than <picture> with <source>s with explicit media attributes (we'll cover why in a moment). Plus it has the opportunity to be much better in the future with browser settings and browser improvements. I've screencasted about this before, but it clicked better watching Mat Marquis's talk at An Event Apart Austin and with Jason Grigsby's post.

5 things you won't believe are only built with CSS - Modern WebModern Web Trevan Hetzel breaks down 5 UI interactions typically built with JavaScript, implemented only with CSS. By Trevan Hetzel I often find myself amazed at what plain ‘ol CSS can do. People float things with CSS, they clear things, they color things, they make things fancy.