Freebie Friday: Templates, Themes , Tools and Tutorials
How to Create a Realistic Neon Light Text Effect in Adobe Photoshop
This tutorial will show you how to modify a brick texture for the background, and then use layer styles with the Pen Tool to add some bright, glowing neon text and a simple cable over it. Tutorial Assets The following assets were used during the production of this tutorial: 1. Creating the Background Step 1 Create a new 1500 x 950 px document, and set the Resolution to 300. How to Create a Realistic Neon Light Text Effect in Adobe Photoshop
Startup WordPress Themes – ByPeople
Here we have a WordPress theme with powerful options panel and a simple, clean front-end design. Startup WordPress Themes – ByPeople
Web Templates PSD – ByPeople
Modus versus is a compelling PSD template menu with a flat yet colorful style. It is organized by sections, displaying a simple top menu bar, a wide featured slider, some widgets for products and services (including icons, a little label, a description and buttons in different colors. The template includes several different areas, including about, blog, colors, contacts, homepage, services and many more, designs tha… Web Templates PSD – ByPeople
50 incredible freebies for web designers, February 2015
Today were continuing our monthly roundup of the best free resources for web designers with a collection that includes plugins, galleries, icons, WordPress themes, templates and more tools than you can use in a month. If this collection is anything to go by, 2015 isshaping up to be an awesome year for web design resources. Flat Text Icons A modern collection of icons with a completely flat look, portraying all kinds of writing and stationery items. 50 incredible freebies for web designers, February 2015
Vulnerability in FancyBox Plugin for WordPress – Update immediately
A serious vulnerability has been discovered in the FancyBox plugin for WordPress. Please upgrade immediately to FancyBox 3.0.4 and monitor your site for infections. Also upgrade immediately if you see any further releases from FancyBox because the issue may need further patching. Vulnerability in FancyBox Plugin for WordPress – Update immediately
Gumba: Free HTML5 & CSS3 Single Page Web Template
This template can be downloaded for personal and commercial uses and it was made by designer and coder Rick Waalders. Gumba: Free HTML5 & CSS3 Single Page Web Template
CSS Frameworks – ByPeople
Create Your Own Party Place Cards Using Adobe InDesign
If youre hosting your own dinner party to celebrate the New Year, personalised place cards can add an extra special touch to the table. This is a fun tutorial, and glitter is more than encouraged for adding that final glam touch to the cards! Well be using Adobe InDesign, but well also do a bit of image editing using Illustrator. Youll also need access to an A4 color printer (or a friendly professional printer!), as well as scissors, a craft knife, and some optional glitter or glitter glue. Create Your Own Party Place Cards Using Adobe InDesign
Useful Tips for Building JavaScript APIs
Tutorials In this tutorial we’re going to cover some tips on building JavaScript APIs. We will be using chaining as an object oriented approach, and composition as a functional approach. We can abstract it one more level, by creating a function decorator that does the job for us, plus it tells us about our fluent interface up-front, in a more declarative way. Useful Tips for Building JavaScript APIs
Create a Subtle Zoom Animation on Images while Scrolling with jQuery.Zoom-Scroller.js
When it comes to designing a website, its all about grabbing users’ attention so that they will stay longer and explore more. There are several ways to do this, from creating a beautiful parallax effect to animating all kinds of elements on the site. Today, I have decided to experiment on this and have combined animation with images and scrolling and heres the result. Create a Subtle Zoom Animation on Images while Scrolling with jQuery.Zoom-Scroller.js
Create an Interactive Moving Background/Object that Reacts to Viewer’s Cursor
Introducing Interactive BG (Background), a plugin that will let you create an interactive background or any element on the page that reacts to your cursor movement. Since theres no mouse movement event on mobile, this plugin will utilize the accelerometer instead to create a parallax effect on iOS and Android. How to Use Interactive BG How does this work? Create an Interactive Moving Background/Object that Reacts to Viewer’s Cursor
Create “The Walking Dead” Inspired Grungy Text Effect in Adobe Photoshop
What You’ll Be Creating Layering textures and brushes can give detail and depth to simple designs, making them look more interesting. This tutorial will show you how to do that, with the help of some blur filters and simple layer styles, in order to create a nice grungy text effect in Adobe Photoshop. Tutorial Assets The following assets were used during the production of this tutorial: 1. Create “The Walking Dead” Inspired Grungy Text Effect in Adobe Photoshop
Exclusive Freebie – Set of 10 PS Actions Created with Designers in Mind
Freebies Today we are pleased to bring you a set of 10 Photoshop actions created specifically with designers in mind. This set includes some photo enhancement actions and some photo-altering actions – all highly useful for website design. All actions leave the individual layers available for adjustment. Exclusive Freebie – Set of 10 PS Actions Created with Designers in Mind
Design a Victorian Halloween Poster in Adobe InDesign
What You’ll Be Creating Halloween is fast approaching, and suitably gothic Victoriana designs are back in vogue. Celebrate your upcoming Halloween gathering with a vintage-style, steampunk-inspired poster. Here weve advertised a Victorian Seance event (spooky!), but you can edit the text to suit your own purposes. Youll need Adobe InDesign for this tutorial. Design a Victorian Halloween Poster in Adobe InDesign
11 Free jQuery CSS3 Navigation Menu Plugins
These days, jQuery Navigation menus are more than plain texts with links on it. With the command of jQuery, it can transform the menu of a web site into a dynamic menu. Despite the fact that CSS3 can now be utilized to make dynamic menu, still, the query includes more functionality to the menus. 11 Free jQuery CSS3 Navigation Menu Plugins
3 Fun Typography Techniques Using Lettering.js
Today I’ll show you how you can light up your flat design website by applying some fun techniques to your headers typography by using Lettering.js, a very useful tool that gives control of typography back to the developers. With the help of Lettering.js and the nth-child CSS styles, we can easily replicate this effect by simply defining 2 styles, the left side, and the right side of the paper to create a shadow effect giving a little depth to your header’s typography. Again, with the powerful nth-child CSS styles, Ive defined a repeated pattern of colors consisting of orange, green and yellow respectively. 3 Fun Typography Techniques Using Lettering.js
Fun CSS Loading Animations
Disclaimer: The purpose of this post is to show you the possibilities of CSS. I found that it was much more convenient to edit elements and change animation speed via CSS rather than going through the Photoshop process. CSS allows the users to be able to interact with the animation as the developer intended. Fun CSS Loading Animations
Create A Google Plus App Tile Animation with CSS3 and jQuery
Tutorials I have always been fascinated by the new Google Plus app on iPhone and Android. Ive added 8 divs so that the page is long enough to make it scrollable so you can see the effect. Step 2: The jQuery First we need to include all the necessary jQuery plugins before we can continue. Create A Google Plus App Tile Animation with CSS3 and jQuery
Recreating the Awesome AirBnb iOS7 Menu Animation for the Web
Tutorials Have you seen AirBnbs new iPhone app they redesigned for the iOS7? If you are using an iPhone, I suggest you download the app and play around with their side menu. The result was this jQuery plugin I made called Fly Side Menu. Recreating the Awesome AirBnb iOS7 Menu Animation for the Web
How to Create an Icon Set using Adobe Photoshop
What You’ll Be Creating In this tutorial, we are going to design a set of icons in Adobe Photoshop. An icon set needs to have the same background and theme. For learning purposes, we are going to design a sun icon, an ice flake icon, and an RSS icon. How to Create an Icon Set using Adobe Photoshop
Photoshop Patterns – ByPeople
This set is a collection of 20 grungy backgrounds, ideal for print templates, or even for digital pieces of work such as social media elements, wedding invitations, posters, flyers and many more. The package comes with high-resolution images for high details. Photoshop Patterns – ByPeople
The 60 best free Photoshop brushes | Photoshop
To save you time, we’ve rounded up of our favourite sets of free Photoshop brushes that we think every designer should have. Photoshop brushes are a fantastic time-saver as they allow you to quickly create rich artwork without having to draw all the individual design elements. There’s a huge spectrum of brushes available ranging from leaf designs to fabric textures, cloud patterns to typography. The 60 best free Photoshop brushes | Photoshop
How to Implement Cross-Browser SVG Sprites
Removing the element attributes is optional as most of the pieces Im removing wont change how the SVG will act. By default Sketch places everything inside a page, hence the group element How to Implement Cross-Browser SVG Sprites
35+ Best Dribbble Freebies of October 2014
Dribbble is a fantastic source of inspiration where designers, developers and other creatives can show and tell promote, discover, and explore design. Dribbble community has kept on being as open and kind as ever with all the more brilliant downloads primed for you to utilize. I love freebies fromDribbbleand Weve decided to begin a monthly series at BytesWire where we will feature the best Dribbble freebies of entire month, from now and on it will be one of our monthly series. 35+ Best Dribbble Freebies of October 2014
Website-to-mobile-app Converter WordPress Plugin – ByPeople
This plugin allows you to convert any web design into a mobile app so your users can access it from any mobile device. You dont need to be an expert about coding: just install the extension, pick a logo and menu and after that you are just a few clicks away from publishing your app on the App Store, Google Play and Windows Market. With this plugin you can: – Create apps with a few clicks. Website-to-mobile-app Converter WordPress Plugin – ByPeople