Web development is a rapidly evolving industry. Every once in a while, a new trend comes by and introduces changes that everyone needs to adopt in order to remain competitive. These trends encompass the use of certain development products, SEO strategies, and of course, web design trends. Nearing the end of 2015, we have seen […]
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 […]
Modern Tools for Advanced CSS Development
Web development has taken a turn towards more candid and fluid information. More people are willing to release free open source code just to help the community and other developers working on similar projects. But aside from free code samples there are dozens of handy webapps, resources, tools, and programs built to enhance the frontend […]
28 Free Open Source CSS3 Code Snippets
Web developers are constantly building awesome stuff and releasing the code online for free. Open source code allows other developers to recreate page elements without spending hours of time writing code again from scratch. This can range from website navigation to image sliders and even CSS dropdown menus. As a developer myself I have learned […]
40 CSS Apps, Tools, and Resources for Web Developers
The task of coding a new website is often repetitive and time-consuming. It takes effort and hard work to build an HTML/CSS layout fitted properly in all browsers. Alternatively the design process is much more fluid to allow for new ideas and thought patterns. If you feel the web development cycle takes a bit too […]
40 Resources for Getting Started with jQuery Development
Each year a new batch of young web developers are jumping into the field head-first. Often times frontend web development is the easiest barrier to jumpstart learning. HTML/CSS work is quite simple, but delving into JavaScript provides a deeper realization of general programming topics. These include functions, loops, variables, along with an understanding of how […]
30 Free Bootstrap Code Examples for Web Developers
Twitter Bootstrap has become a powerful asset to frontend web developers. It comes with a library of JavaScript widgets and quintessential CSS resets to build identically-rendered layouts for any web browser. If you’re already familiar with HTML/CSS you can pick up general Bootstrap concepts within a day or two. This collection of open source code […]
Coding a Magazine-Style Blog Post Layout with CSS3 Effects
Average weblogs have slowly been transformed into content-packed online magazines. Over the past 5 years I have noticed a rise in digital magazines curating their posts online instead of print. One early example would be Mashable but today there are hundreds of different sites. For this tutorial I’d like to demonstrate how to build a […]
26 Open Source JavaScript Libraries & Frameworks
As a longtime JavaScript developer there are still dozens of libraries I have never touched before. Many concepts are out in the wild that I can’t even wrap my head around! Prototypical JS templating is one, and full MVC control is another. But these libraries are seriously powerful and beneficial to those who understand them. […]
Project Web Applications for Designers & Developers
Web developers need to learn a voluminous library of information to start crafting websites. Your first projects are usually simple, but not very good. Over time you practice more and begin to learn concepts surrounding good web design. With this foundation you can start implementing tools and webapps to expedite your performance. Such resources may […]