Using images is essential in web design. This is why knowledge about different image formats is important for web designers. Not only this, but it is also necessary to learn about the functions of each type of image. Knowledge on how to create and edit such images are also considered as essential skills for web […]
Photoshop Basics: How to Feather in Photoshop
What is ‘Feather’ in Photoshop? To ‘feather’ an image simply means to soften its edges. In some references, ‘feathering’ is also called blurred edges. Feathering is done to an image for a variety of purposes. This is usually used to isolate a certain part of an image, to use an image as an artistic portrait, […]
Photoshop Basics: How to Rotate an Image in Photoshop
Changing the orientation of an image may be necessary when editing in Photoshop. There are different ways on how to rotate an image in Photoshop. There are straightforward ways to rotate an image, while there are other clever tricks to do the same. Here are a few tips and tricks on how to rotate an […]
Draw with CSS: Using CSS To Draw Elements
With clever use of CSS properties, it is in fact possible to draw very complex shapes. All the shapes below were drawn with CSS alone. It might be that CSS isn’t the best way to render shapes in the browser window, but it’s very fast and included for “free” on all modern browsers. Learn how […]
The Powerful JavaScript Debugger You Never Knew You Had
When you were first starting to write JavaScript, you learned about console.log. You learned about outputting messages to the console and using it to troubleshoot your JavaScript. And unless you’re a fairly serious JavaScript developer, you might not have bothered with much more. When JavaScript apps don’t work correctly, developers are often quick to start […]
How to Build a Firefox Extension
Firefox may not be as popular as Google Chrome, but with the release of the super fast Firefox Quantum, it’s likely that the user base will grow in the future. To take advantage of what’s sure to be a growing population of users, you can build a Firefox extension (“add-ons” in Firefox parlance). This actually […]
How to Change the Background Color of a Button on Mouse Click When Using jQuery
In this article am going to illustrate how you can change the background color of a button after it has been clicked when using jQuery. This kind of functionality makes a website or web application more responsive and interactive with the user especially when you have many buttons or links and you want your users […]
Recreating Photoshop Effects in CSS – Part 2 – The CSS Code
In part 1 of this tutorial series I demonstrated how to create vector shape buttons with layer styles in Photoshop. For part 2 I’ll explain how to write code to recreate these layer styles in CSS. Modern development techniques have advanced along with browser support to make CSS3 a viable option for everyone. Photoshop layer […]
Recreating Photoshop Effects in CSS – Part 1 – The PSD
Freelancers and agencies both require a smooth design workflow. This typically starts out with drafting wireframes that eventually turn into full mockups. These mockups are coded into HTML/CSS layouts that are finalized and handed off to the client. It may seem daunting but if you want to understand the full creation process then it’s worth […]