background preloader

Pure CSS icons

Pure CSS icons

http://saeedalipoor.github.io/icono/

Related:  CSSFree stuff for Webmastersweb design

A Complete Guide to Flexbox The Flexbox Layout (Flexible Box) module (currently a W3C Last Call Working Draft) aims at providing a more efficient way to lay out, align and distribute space among items in a container, even when their size is unknown and/or dynamic (thus the word "flex"). The main idea behind the flex layout is to give the container the ability to alter its items' width/height (and order) to best fill the available space (mostly to accommodate to all kind of display devices and screen sizes). A flex container expands items to fill available free space, or shrinks them to prevent overflow. Coin Slider: Image Slider with Unique Effects « My great Wordpress blog After jqFancyTransitions I decided to release new jQuery image slider plugin with more unique transitions effects. I have ideas for new effects and after I didn’t find that somebody already implement that I create Coin Slider. Thanks to you and your comments Coin Slider have lot of features that jqFancyTransitions didn’t have at the beginning. Basically it’s a latest (and improved) version of jqFancyTransitions but with new ‘fancy’ transitions effects.

16 really useful responsive design tutorials Responsive web design can be a daunting step to take if you have no idea where to start. Thankfully, we've rounded up these really useful tutorials to help you from day one. From dealing with typography and video, through imagery and layout to the technicalities of using JavaScript on your responsive sites, you'll be a pro before you know it. 01. Responsive web design: what it is and how to use it In the field of web design and development, we're quickly getting to the point of being unable to keep up with the endless new resolutions and devices, writes Kayla Knight.

Hover.css - A collection of CSS3 powered hover effects All Hover.css effects make use of a single element (with the help of some pseudo-elements where necessary), are self contained so you can easily copy and paste them, and come in CSS, Sass, and LESS flavours. Many effects use CSS3 features such as transitions, transforms and animations. Old browsers that don't support these features may need some extra attention to be certain a fallback hover effect is still in place.

Top 15 Websites to Find Free Images For Your Content Marketing Finding an online library stocked with pictures that are of high quality and available to use for free can be a daunting task. All the effort you are putting in selecting your search words seem to only yield images that either vaguely agree with your needs or are completely irrelevant. This can waste a lot of your time and get you really worked up. If your job involves finding free images online on a regular basis, then having a free image directory would be a smart move. A free image directory allows you to easily and quickly access pictures that are not just relevant and top quality but add more meaning, taste, and eloquence to your message.

Free Responsive Design Testing Tools to test Responsive Drupal Themes We recently launched TB Methys II - a Fashion Drupal theme (our first Drupal 7 responsive theme). How to make sure the theme can adapt correctly on different browser dimensions, orientations and screen resolutions? Should we buy all available devices or is there another solution for that? It requires much testing work to ensure the theme can be displayed on various mobile devices and tablets. Along the journey, we discovered some practical & free responsive design testing tools that really help, hence we wanna share those tools which can make your development process for responsive websites much simpler. Image from (link is external)

The Sass Ampersand The following is a guest post by Rich Finelli. Rich told me he used to have some trouble with the special ampersand character in Sass, but then had a bit of an epiphany and wanted to share that understanding (it's powers and limitations) with others. My favorite! 10 of the Best Places to Find Free Icons and Image Assets Online Like many creative types, I tend to get a bit giddy when I find art that inspires and captivates. However, as a web designer, I jump for joy when I stumble across websites and graphic design images that have been masterfully crafted (I’m a geek like that *wink*). No matter what type of designer you are, you will probably agree with me when I say that for as much as we love designing, there are days when you just don’t have the time to create certain elements from scratch. When we run into issues like that, we are left with one option: finding free design assets to work off of.

Convert any website layout or template into a Drupal theme - easily! Theming for Drupal is not actually as hard as you may think. Certainly there are more advanced areas of theming possible with Drupal, which may or may not be necessary depending on the needs of your site or whether there are subtle defaults which you wish to change (and which you can learn about if and when they become necessary for your site). Creating the "overall theme" for your site though is very simple.

Related: