Controlling color with Sass color functions. Sass comes with functions that can easily be applied to colors in your CSS properties.
These functions, when used correctly, can be incredibly powerful. They take some of the sting out of choosing and manipulating colors.
21 Technologies That Will Decentralize the World. Across the planet, new technologies and business models are decentralizing power and placing it in the hands of communities and individuals.
"We are seeing technology-driven networks replacing bureacratically-driven hierarchies," says VC and futurist Fred Wilson, speaking on what to expect in the next ten years. View the entire 25-minute video below (it's worth it!) And then check out the 21 innovations below. Ethereum. Encryption for cloud storage. Angular directives for Twitter's Bootstrap. The $uibPosition service provides a set of DOM utilities used internally to absolute-position an element in relation to another element (tooltips, popovers, typeaheads etc...). getRawNode(element) Takes a jQuery/jqLite element and converts it to a raw DOM element. parameters element(Type: object) - The element to convert. returns.
Project Management Tools. Icon Fonts are Awesome. Because you can easily change the size Because you can easily change the color Because you can easily shadow their shape Because they can have transparent knockouts, which work in IE6 unlike alpha transparent pngs.
Because you can do all the other stuff image based icons can do, like change opacity or rotate or whatever. You'll be able to do things like add strokes to them with text-stroke or add gradients/textures with background-clip: text; once browser support is a bit deeper. The icon font used on this page is Fico by Lennart Schoors then ran through IcoMoon for custom mappings. Here's a large collection of more choices. For quick usage, the code is below.
How To Use To Enhance a Word Stats. Foundation Docs: Interchange. Using Interchange With HTML Content.
5 HTML5 Javascript APIs to keep an eye on — Adnane Belmadiaf's Blog. In my last post, i have talked about HTML5 APIs, so thought it will also interesting to write about some new old JavaScript APIs.
Since CSS has been improving over the time and today you can achieve what was only done with Javascript with CSS only, on the other side Javascript have to improve and follow the evolution, so today Javascript can do a lot of things, like accessing hardware(camera, microphone, gamepad, GPU), accessing the filesystem and websocket. Battery Status API The Battery Status API allows any webpage to inspect the state of the device's (Laptop, phone or tablet) battery through javascript : var battery = navigator.battery || navigator.webkitBattery || navigator.mozBattery console.log("Battery charging: ", battery.charging); console.log("Battery level: ", battery.level); console.log("Battery discharging time: ", battery.dischargingTime); Gamepad API Gamepad API allows you to connect your console gamepad into your computer and use it for browser based games.
Six CSS Layout Features To Look Forward To. Advertisement A few concerns keep bobbing up now and then for Web developers, one of which relates to how to lay out a given design.
Developers have made numerous attempts to do so with existing solutions. Several articles have been written on finding the holy grail of CSS layouts1, but to date, not a single solution works without major caveats. Magnific Popup: Responsive jQuery Lightbox Plugin. Magnific Popup is a responsive lightbox & dialog script with focus on performance and providing best experience for user with any device(for jQuery or Zepto.js).
Examples Single image lightbox. Open Source Plugin — Magnific Popup, A Truly Responsive Lightbox (For jQuery And Zepto.js) Advertisement A lightbox is one of those tools that work great on the desktop but often fail on small mobile devices.
These days, finding a plugin that is responsive and that displays content right away is hard. CSS drop-shadows without images. Drop-shadows are easy enough to create using pseudo-elements.
It’s a nice and robust way to progressively enhance a design. This post is a summary of the technique and some of the possible appearances. Demo: CSS drop-shadows without images Known support: Firefox 3.5+, Chrome 5+, Safari 5+, Opera 10.6+, IE 9+ Mod Rewrite Generator by GenerateIt.net. The Mod Rewrite Generator can be used to turn dynamic URLs into search engine friendly static URLs. Static URLs typically rank better in search engines than long complex dynamic URLs with lots of parameters, they are easier to index in the first place and they're also friendlier looking to the end user. Sprite Cow - Generate CSS for sprite sheets. Website layout made easy. Stop chasing screen resolutions. We live in such an exciting time in the world of the web. Technology and standards are moving forward at a rate that’s perhaps both faster and more exciting than ever.
As things change, so do our habits, and one area that I think has seen bigger changes than most would have to be the change in resolution that our devices are now running. Resolution is a funny thing to measure; it’s not a physical size change, but a clarity change. It’s not making images, brighter, or more rich in color, but making them denser. xIamLussiax on deviantART. How To Setup the Ideal LAMP Development Server using Ubuntu.
Note: This post pretty old now (almost 4 years) and things with Ubuntu have changed considerably. Perhaps I'll update this, but in the meantime there are other much better guides. My local development server’s hard drive went out in a blaze recently. How to Create Multiple Virtual Hosts in Ubuntu. I’ve recently been doing a lot of my dev work and coding on Ubuntu 11.10 installed on a Lenovo Thinkpad T500, and learning the ins and outs of working from the terminal and all that. I have several sites that I’m working on in my local ubuntu lamp set up. In this post, I’m going to describe the steps to create multiple virtual hosts on my local ubuntu set up for the various sites that I’m working on. Kyle Rush.
Siteopsys: Work with the Best SEO Tools Available on the Web. Keyword Combinations. Definitive guide to Apache mod_rewrite regular expressions. Css - Make a DIV Into a Link. The Twelve-Factor App. Explicitly declare and isolate dependencies. Providers. Fabric — Fabric 1.4.4 pre-alpha (76f466d) documentation.
Showcasing Javascript + jQuery Plugins. jScrollPane - cross browser styleable scrollbars with jQuery and CSS. CS50 / Week 8: Monday. Celebrating Selwyn. Chrome Command Line Switches. Google Chrome has a number of command line switches which change the behavior of Chrome, some of these switches can be turned on/off in the regular settings menu such as “dns-prefetch-disable” however others cannot. To launch and use the switches, you append the switch name when calling Chrome on launch like:
A Visual Explanation of SQL Joins. 8 Useful jQuery Snippets For URL’s & Querystrings. The Mobile Playbook. PHP Scripts, WordPress Plugins, HTML5, jQuery, and CSS. Useful JavaScript Libraries and jQuery Plugins For Web Developers. Advertisement If you have a problem and need a solution for it, chances are high that a JavaScript library or jQuery plugin exists that was created to solve this very problem.
Such libraries are always great to have in your bookmarks or in your local folders, especially if you aren’t a big fan of cross-browser debugging. How to Use Google Analytics. Google Analytics is, in my opinion, the most valuable application that Google has created so far. 1-day.co.nz - One Day 3 Great Deals, Today Only! Simple Auto-Playing Slideshow.
Create Your Own @font-face Kits. Lecture1 php. CS E-75. Building dynamic Websites. Harvard Online Lectures. Add Active Navigation Class Based on URL. Giving Users a Quick Disguised Exit From a Website. Vertically Center Multi-Lined Text. How To: Resizeable Background Image. Published by Chris Coyier.