background preloader

39 CSS Code Snippets To Make You A Better Coder

39 CSS Code Snippets To Make You A Better Coder

Typesettings.css | Minimal Type Boilerplate Kitchen Sink Paragraphs. Bold, italic, linked, code. Chuck shank kielbasa, shankle ground round corned beef ribeye pig filet mignon alcatra ball tip. Bresaola pork capicola ham, doner turducken beef. Pull quote FTW leberkas capicola tri-tip porchetta turducken short ribs shoulder salami. Unordered list itemUnordered list itemUnordered list itemOrdered list itemOrdered list itemOrdered list item Immutable.js Immutable data cannot be changed once created, leading to much simpler application development, no defensive copying, and enabling advanced memoization and change detection techniques with simple logic. Persistent data presents a mutative API which does not update the data in-place, but instead always yields new updated data. Immutable.js provides many Persistent Immutable data structures including: List, Stack, Map, OrderedMap, Set, OrderedSet and Record. These data structures are highly efficient on modern JavaScript VMs by using structural sharing via hash maps tries and vector tries as popularized by Clojure and Scala, minimizing the need to copy or cache data. Immutable.js also provides a lazy Seq, allowing efficient chaining of collection methods like map and filter without creating intermediate representations. Create some Seq with Range and Repeat. Want to hear more? Getting started Install immutable using npm. npm install immutable Then require it into any module. Browser Important!

SCHEMA UI — Get Started This is a quick overview of what Schema provides to build rich web interfaces. All source files, and the entire project, can be found in this repository on Github. Schema UI You'll find compiled and minified versions. Download Schema Schema UI Source This file contains all Less, JS, and font files. Download Schema Source Once downloaded, you'll find all source files ready to use for your next project. Using Schema out of the box? Schema comes with a responsive grid system, so be sure to include this line of code in the head section of your site. Schema was built for modern browsers. jQuery Mapael - Ease the build of pretty data visualizations on dynamic vector maps Map with some plotted cities, areas and zoom enabled. Try it » Map with a legend for plotted cities. Try it » Map with multiple plotted cities legends that handle different criteria. Dataviz example : evolution of the population by country through the years. Map with links between the plotted cities. Download the latest version (2.0.0) #Overview jQuery Mapael is a jQuery plugin based on raphael.js that allows you to display dynamic vector maps. For example, with Mapael, you can display a map of the world with clickable countries. Mapael supports all modern browsers and Internet Explorer 9+. Click here to download the lastest stable release of Mapael from GitHub. Key features based on jQuery and raphael.js. #Basic code example Here is the simplest example that shows how to display an empty map of the world : Javascript Result #Code examples Basic Advanced #API reference (version 2.0.0) All options are provided as an object argument of the function $.fn.mapael(Object options). Parameter 'options' :

8 Websites That Will Turn You into a Photoshop Guru Photoshop is one of, probably the, most power graphic design application around. With endless features and functions, Photoshop is hard to master. If you’re new to Photoshop, all of the features and buttons can be very intimidating. If you’re moderately skilled with Photoshop, there’s likely still a lot for you to learn. To help beginners and intermediate users, we decided to collect some of the best resources around to help you get started on your learning journey. Photoshop Etiquette This is an awesome resource for web designers.It provides guidelines for files, layers, images, type, effects, and best practices for web designers. Website: Photoshopetiquette.com Method & Craft Method & Craft provides a variety of articles, videos, notes, and interviews. Website: Methodandcraft.com Photoshop Lady Despite the name of this website, it’s not only intended for women. Website: Photoshoplady.com Psdtuts+ The objective of Psdtuts+ is to give users access to the best Photoshop tutorials around.

How To Be Successful In Life - 13 Tips From The World’s Most Successful People No matter how old you are, where you’re from or what you do for a living, we all share something in common—a desire to be successful. Each person’s definition of success is different, however, as some may define success as being a loving and faithful spouse or a caring and responsible parent, while most people would equate success with wealth, fame, and power. We all want to achieve success so we could live a comfortable life—have financial freedom, drive a nice car, and live in a beautiful house. However, although success can be achieved, it does not come easy. There are a lot of tips and strategies out there on how to be successful in life, but I am still a firm believer that there is no better way to succeed than to follow that footsteps of those who have already done so. 1.Think big. From Michelangelo Buonarroti, Great Renaissance Artist: “The greater danger for most of us lies not in setting our aim too high and falling short; but in setting our aim too low, and achieving our mark.”

7 Scientifically Proven Ways to Achieve Better Success in Life Success is a subjective notion, if there ever was one. But for simplicity's sake, let's assume the higher you are on Maslow's hierarchy of needs, the better you're doing. In case you don't remember the levels from Psych 101, essentially, people can't be their best possible selves (self-actualization) until lower-level needs are met first. Check out the findings from several studies, which shine a light on what it takes to achieve more in life. Increase your confidence by taking action. Katty Kay and Claire Shipman, authors of The Confidence Code, wrote a stellar article for The Atlantic on this subject. Broaden your definition of authenticity. Authenticity is a much sought-after leadership trait, with the prevailing idea being that the best leaders are those who self-disclose, are true to themselves, and who make decisions based on their values. Improve your social skills. Train yourself to delay gratification. Demonstrate passion and perseverance for long-term goals.

Top 10 Ways to Be Successful in Both Business and Life Image source: Graphicstock.com I have been a business owner for about a minute. In fact, that would probably be quite generous if you compared me to the business moguls out here or anywhere for that matter. Because my jobs were in an executive assistant capacity for the past 20 years I, like all assistants, get to see the workings of the company almost like a fly on the wall. I don't know about other assistants, but for me it's like watching a horror movie where you know what's behind the door but the person opening the door has no idea. 10. Related: The Practices of Successful Managers 9. 8. 7. 6. 5. Related: 10 Characteristics of Successful Salespeople 4. 3. 2. 1. Commitment to the journey. Until one is committed, there is hesitancy, the chance to draw back, always ineffectiveness concerning all acts of initiative (and creation). Whatever you can do or dream, you can begin it.Boldness has genius, power and magic in it.Begin it now. - Goethe (1749-1832), German poet and dramatist

60+ fresh resources for designers, December 2015 Here we are again with a cool collection of more than 60 fresh resources for you to download. You’ll find stacks of icons, tons of web development tools, new responsive concepts, plugins, WordPress themes, PSD templates, incredible UI kits, and of course some awesome fonts. So make some room on your hard drive, sit back, and start scrolling to see this month’s freebies. Simple Icons Simple Icons is a collection of over 180 icons of the most popular brands of websites and applications that come along with their respective HEX-format color. Google’s Material Icons for Sketch A stunning set of minimal icons in Sketch format that also are available in a Github repository containing almost 100 icons in the current version. A set of over 5800 filled sport icons A set of over 5800 sports icons in a filled style that come available in PSD vector format and were crafted following the iOS guidelines. Cute cartoon body parts for character generator Photoshop icon templates A massive bundle of flat icons

DotNet Developers Search SEO Search from STC STC has built a search engine designed to provide the best search results for SEO related queries. Our SEO tool was designed to bring you answers only from the best SEO sites on the web. We select and weight sites based on a "White Hat" criteria. This is designed to filter out web sites that offer advice that we consider risky to your business. We also focus on article and blog content that provide answers to commonly asked SEO questions. Add STC's SEO Search to your Firefox toolbar! Find the Firefox plugin for SEO Search here.. How was the SEO Search tool built? This tool has been assembled using the Google Custom Search Engine technology. Select a set of sites to be included in your search engine and exclude all other sitesInclude results from all of Google's index, but select a set of sites whose rankings you want to modify In either case, you need to build a list of sites.

Dr. Dobb's | Good stuff for serious developers: Programming Tools, Code, C++, Java, HTML5, Cloud, Mobile, Testing CSS Search This morning I got word in my RSS feeds that Google has launched what they call “customized search engines” through Google Co-Op. As a test, I created a CSS search engine. Go ahead, try it out. There are two ways to configure a custom search engine. So I set up the CSS search to be restricted to the sites I listed, which I thought seemed relatively useful. Anyway, I’m not about to pretend that the six sites I included constitute the entirety of sites with useful CSS information. For those that don’t have or want a Google account, feel free to suggest sites in the comments here.

17 Specialty Search Engines Every Web Developer Should Bookmark - StudyWeb.com Google, Yahoo, MSN and Ask.com aren’t the only search engines out there. There are many smaller, more customized search options that can help you quickly find what you’re looking for by only searching through a few sites rather than through everything. After all, you’ve got enough on your mind with hosting, design and programming to do. Try out these 17 search engines designed with Web developers in mind. Ergonosearch: This search engine, created by Sébastien Billard, searches through sites on accessibility and usability, helping you to find the resources, blogs and forums you need to make your web pages as user friendly as possible.Sparkl: Sparkl is a great search engine for those looking for resources on web design. It indexes the best sites on design and even has a few that Google and Yahoo don’t prioritize.CSS Search: Don’t spend time looking all over for CSS coding information–use this CSS search engine instead.

Related: