background preloader

Code Snippets

Code Snippets

https://css-tricks.com/snippets/

Related:  CSS3Website Design/Developmentsite WebWeb Developmentcsaw programming ressources

Prefix free: Break free from CSS vendor prefix hell! -prefix-free lets you use only unprefixed CSS properties everywhere. It works behind the scenes, adding the current browser’s prefix to any CSS code, only when it’s needed. The target browser support is IE9+, Opera 10+, Firefox 3.5+, Safari 4+ and Chrome on desktop and Mobile Safari, Android browser, Chrome and Opera Mobile on mobile.

File: SASS_REFERENCE — Sass Documentation Sass is an extension of CSS that adds power and elegance to the basic language. It allows you to use variables, nested rules, mixins, inline imports, and more, all with a fully CSS-compatible syntax. Sass helps keep large stylesheets well-organized, and get small stylesheets up and running quickly, particularly with the help of the Compass style library. Features Fully CSS-compatible Language extensions such as variables, nesting, and mixins Many useful functions for manipulating colors and other values Advanced features like control directives for libraries Well-formatted, customizable output

Request Headers in the HTTP protocol These header lines are sent by the client in a HTTP protocol transaction. All lines are RFC822 format headers. The list of headers is terminated by an empty line. From: In Internet mail format, this gives the name of the requesting user. This field may be used for logging purposes and an insecure form of access protection.

The 30 CSS Selectors you Must Memorize So you learned the base id, class, and descendant selectors—and then called it a day? If so, you're missing out on an enormous level of flexibility. While many of the selectors mentioned in this article are part of the CSS3 spec, and are, consequently, only available in modern browsers, you owe it to yourself to commit these to memory. And by the way, if you're having trouble with your CSS and want a pro to look over it and fix any errors, you can find some qualified freelancers on Envato Studio. Let's knock the obvious ones out, for the beginners, before we move onto the more advanced selectors.

The Future Generation of CSS Selectors: Level 4 Back in January 2014 I wrote the article The Current Generation of CSS3 Selectors. The goal of that article was to introduce the new generation of selectors that often fell under the “CSS3” umbrella. That group of selectors has been well documented in a lot of places, and browser support for those features is quite strong (all browsers including IE9+). The future of CSS selectors is also looking bright, with the Selectors Level 4 specification currently in Working Draft status, and an Editor’s Draft of the same spec still in progress (the editor’s draft is generally viewed as more authoritative). This article will focus on the new selectors not discussed in my previous article. Browser support for many of these is pretty poor, so I don’t recommend using many of these in production.

Flexible CSS cover images I recently included the option to add a large cover image, like the one above, to my posts. The source image is cropped, and below specific maximum dimensions it’s displayed at a predetermined aspect ratio. This post describes the implementation. Demo: Flexible CSS cover images Known support: Chrome, Firefox, Safari, Opera, IE 9+ 39 Web Apps and Tools We Use to Create Websites Probably not unlike you, we use a cadre of different tools to help us create websites and products we’re proud of. Every year it seems that this list morphs, evolves, shrinks and grows. So we thought, ‘Hey, it might be valuable to some people to get a look at how we build things and the tools that we use to get the job done.’ We looked at every step of our development process and highlighted our favorite technologies every step of the way.

Scratch Minecraft Hour of Code Grades 2+ | Blocks Moana: Wayfinding with Code Make a Flappy game Getting Started with Zend Framework 2 — Zend Framework 2 2.0.7 documentation This tutorial is intended to give an introduction to using Zend Framework 2 by creating a simple database driven application using the Model-View-Controller paradigm. By the end you will have a working ZF2 application and you can then poke around the code to find out more about how it all works and fits together. Some assumptions

Related:  HelferleinWebSite DesignjavascriptCSSCSSCSSCSSCodingCSSDesign ToolsWEB MASTERResourcesdesignerCSS