Freebie Friday: Tutorials Galore
How to Create a Set of Mini Pirate Icons in Adobe Illustrator – Tuts+ Design & Illustration Tutorial
How to Create a Set of Mini Pirate Icons in Adobe Illustrator – Tuts+ Design & Illustration Tutorial Today’s tutorial will show you how to create a set of pirate-themed icons with the help of Adobe Illustrator. The process will be mainly based on the use of basic shapes, with a touch of the Pen Tool here and there.
5 Free Beautiful Flat Camera Icons Design You Trust. Design, Culture & Society.
5 Free Beautiful Flat Camera Icons Design You Trust. Design, Culture & Society. Flat design is a big trend right now when it comes to design projects. Flat design is defined by flatness of style: simplifying an interface by removing extra elements such as shadows, bevels, textures and gradients that create a 3D look. Here’s a collection roundup of 5 Beautiful Free Flat Camera Icons. You can apply these icons for any purpose, like for web design project and mobile apps project.
A Comprehensive Guide to CSS 3 Transitions
A Comprehensive Guide to CSS 3 Transitions Currently CSS Transitions have been developing slowly with the W3C (World Wide Web Consortium) moderating discussion with other browsers, but support has rapidly grown in the past year. Safari and Chrome are leading, while the most recent build of IE and FireFox are lacking. Internet Explorer 9 (currently in beta) is probably not going to have CSS 3 transitions.
How to Use jQuery to Make Slick Page Transitions
How to Use jQuery to Make Slick Page Transitions Adding the final touches to a site can be the difference between a polished and beautiful site that looks “refined,” and a mediocre site that leaves no impression on visitors. jQuery, the versatile JavaScript library, can be leveraged to create all these fine tuned elements. Today we’re going to look at how to use it to create elegant page transitions. Let’s get to it!
Drag and Drop Interaction Ideas | Codrops
Drag and Drop Interaction Ideas | Codrops Some ideas for drag and drop interactions in a UI. The idea is to show a droppable area that stands for certain actions after an element is being dragged.
Utilizing the Geolocation JavaScript API for Serving Alternate Style Sheets – Part 1
Utilizing the Geolocation JavaScript API for Serving Alternate Style Sheets – Part 1 First off, don’t panic! You might have already scanned the article and noticed no headings mentioning either geolocation or any APIs. Yes, it is true that there isn’t anything about geolocation in this part of the article, but that’s only because I wanted to ease you into it. Well, OK, that isn’t true. Here’s the truth: this article is envisioned as a continuation of my last post – Build a HTML5/CSS3 Website Layout Without Images – Part 1 on Onextrapixel where we discussed some of HTML5’s new elements and some of the properties introduced with CSS3.
Utilizing the Geolocation JavaScript API for Serving Alternate Style Sheets – Part 2
Utilizing the Geolocation JavaScript API for Serving Alternate Style Sheets – Part 2 At long last, here is part 2 and here be geolocation! Aside from the geolocation API, we will talk about Web Storage (namely: localStorage) and a wee bit of jQuery for a quick AJAX call & fading effects. Finally, we will use some PHP functions for sunrise and sunset time’s calculations.
Create a Path-like Menu Button with WheelMenu.js
Create a Path-like Menu Button with WheelMenu.js Today, I have decided to build a little jQuery plugin that will bring this concept to the web. I call it, the “Wheel Menu”, a jQuery plugin that will allow you to add a customizable Path-like menu button to your website. Let’s explore all the options you can use to add this to your own project.
Creating an Immersive Slider Experience with jQuery Immersive Slider
Creating an Immersive Slider Experience with jQuery Immersive Slider Sliders are a key part of websites these days. It allows you to present your content in a more interactive way while saving the website’s space at the same time. Most of the time though, sliders do seem a little out of place and don’t flow well with the whole website.
Notify Better.js: Creating a Dynamic Favicon and Title
Notify Better.js: Creating a Dynamic Favicon and Title Have you ever wondered how in God’s name does the Google Calendar web app create a favicon that shows the right date dynamically. Well wonder no more, because today I would like to introduce a jQuery plugin called Notify Better that I built to help web developers create a better notification allowing them to show a notification bubble right on your website’s favicon or on your website’s title with only a few lines of code.