16 CSS Lessons via Post-it® Notes 16 CSS Lessons via Post-it® Notes Cascading Style Sheets Operate on Inheritance CSS has a ancestor-descendant relationships. Anything previously defined by an ancestor will automatically be inherited by one of its children unless otherwise specified. 2. The 24 best chrome extensions for designers and web developers Two years ago I made the transition to Chrome as my default browser, and over the time I’ve drastically improved my workflow by using some awesome extensions. I would like to share with you the different extensions that I use (and also those that I have used and thought deserve to be mentioned here). The extensions shown here can be effective for anyone who is using the internet, but they mainly target designers, tech entrepreneurs, developers, and people working in the creative industry. Enjoy! Dribbble HD: while using Dribbble, do you find it annoying to click on every picture, in order to see it a little bit bigger?
Slide and Push Menus Fixed menus that will slide out from the sides of the page and in case of the right and left side optionally move the body. View demo Download source A set of fixed menus that will slide out from any of the edges of the page. The HttpFoundation Component (The Symfony Components) In PHP, the request is represented by some global variables ($_GET, $_POST, $_FILES, $_COOKIE, $_SESSION, ...) and the response is generated by some functions (echo, header(), setcookie(), ...). The Symfony HttpFoundation component replaces these default PHP global variables and functions by an object-oriented layer. Request The most common way to create a request is to base it on the current PHP global variables with createFromGlobals(): use Symfony\Component\HttpFoundation\Request; $request = Request::createFromGlobals();
Arrow Navigation Styles Some inspiration for arrow navigation styles and hover effects using SVG icons for the arrows, and CSS transitions and animations for the effects. View demo Download source Today we’d like to share some inspiration for arrow navigation styles with you. Tab Styles Inspiration A couple of modern and subtle tab styles and effects for your inspiration. We use pseudo-elements, SVGs and CSS transitions for some of the techniques. View demo Download source Today we’d like to share a couple of tab styles with you. The collection contains some styles and effects for modern tabs; from a simple box to a SVG shape.
PFold: Paper-Like Unfolding Effect A highly experimental jQuery plugin that let's you unfold elements to reveal more content just like on a piece of paper. Unfolding directions and number of steps can be specified. View demo Download source PFold is a very experimental jQuery plugin that makes it possible to open elements in a paper-like unfolding effect. Ideas for Subtle Hover Effects Some creative and subtle hover effect inspiration using modern CSS techniques including 3D translate and pseudo elements. View demo Download source It’s time for some fresh hover effect inspiration! Nowadays we are seeing a lot of delicate designs with fine lines, lots of white space, clean typography and subtle effects. With that beautiful trend in mind we want to share some creative ideas for grid item hover effects. It’s all about being subtle with that little delightful surprise.