web developers etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster
web developers etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster

29 Ekim 2013 Salı

Awesome Benefits and Pitfalls of Using Code Frameworks

A code framework is nothing more than a collection of pre-formatted classes and functions. There are frameworks created for practically every language out there – even including frontend web development like JavaScript and CSS. Developers would be wise to follow these trends of working on top of pre-built code.


There are reasons both for and against building on top of web frameworks. You need to spend time learning the code and adjust your website accordingly. But in the long run you’ll save a lot of frustration as many common features are already created for you! Let’s delve into these ideas a bit more and consider some of the most popular code frameworks today.


Improvements for Web Developers


Building products for the web can be one of the toughest development jobs. Rules are not set as standards in the same way Windows or Mac OSX programmers follow. Web developers need to work on a server architecture, generally writing in a backend programming language such as PHP or Ruby on Rails.


PHP is by far the most recognized development language for creating dynamic websites. You can build snappy applications working with databases in a short amount of time. And the new PHP5 specs have included a whole slew of additional functionality. The benefits of working on PHP frameworks means you don’t need to start from the very beginning. It can be stressful to include a set of 3rd party libraries and build up your own system from scratch.


Happy Wintertime Snowman


But there are plenty of alternative PHP libraries which each focus on a different set of functions. Some may help you setup a simple blog, backend CMS, social network, or a handful of other common templates. And when you build upon open-source frameworks you’ve actually got a whole community of developers behind you for support.


Model-View-Controller


The MVC hierarchy is crucial to understand when building with frameworks. If you have ever coded software or applications before then developing for the web seems very cryptic. MVC doesn’t appear to make much sense on a standard web page.


However when you include a database connection the functionality of a framework starts to take form. You have a model of functions crunching information to save/pull from the database. Then you have a view of HTML/CSS styles on the frontend, along with a controller generally represented by forms or inputs on the page.


industrial smokestack for business


Frameworks which follow the MVC coding style are generally a lot faster and easier to debug. You know exactly where to look for errors and bugs within the code. It also naturally separates the backend programming from your frontend design view. Because of this, much of the code you find online will also likely work on your own site.


There is a lot of room for recycling code to use on a similar project. This can save you loads of time as a developer and many hours of debugging!


Focus on Custom Functionality


When you start coding with a framework it allows you to jump right into the detailed programming functions of your own project. Since all the ground work is already setup you don’t need to rewrite any of the basics. If you understand the basics this can provide an immensely helpful system.


Most code sources are extremely reliable and thoroughly checked for bugs. This allows you to develop out with your own models, following a similar syntax as the framework itself, without any unnecessary worries. If you enjoy writing code from scratch then this method is not likely to suit you. But the expendable nature of these frameworks means you can write code externally and port it over into the model.


CakePHP Coding backend framework


Or in many scenarios you can actually build out a custom module! Not all frameworks support the plug-and-play mentality. Yet it is a fairly common feature even among some frontend libraries. jQuery is the first which comes to mind featuring dozens of techniques for building your own plug-in. The web development framework Alloy is also modular and written for PHP 5.3+ environments.


Examples of PHP Frameworks


When just getting started you want to stick with something reliable and easy to use. Newbies just getting into frameworks will enjoy Zend or CodeIgniter.


home page design for CodeIgniter


Both of these projects have been under development for a few years. The PHP community is very adapted to their code style, so you will not likely have a difficult time solving problems. But if you start on any of these I highly recommend skimming their documentation pages first! This will give you an idea of how these frameworks behave, and if you can even utilize them.


Below are just a couple ideas for enticing PHP frameworks to check out. I have been a fan of CakePHP in the past, although I mostly work with custom CMS’ these days.



  • • CakePHP – A very flexible option for newbies. There is no configuration edits or custom code required – just install the database and Cake is good to go. The whole development team is very knowledgeable and willing to help with issues. There are also a handful of published books geared towards explaining common Cake trends. Check out the CakePHP training videos online if you want to learn more.

  • • Recess – A RESTful PHP framework for newbies and advanced programmers alike. Recess is lightning fast, super easy to learn, and perfect to install on a standard LAMP server environment.

  • • Adroit – A lightweight PHP5 framework to get you developing faster! The core is built around an MVC hierarchy and utilizes the Smarty template engine. It’s also a breeze to implement your own Ajax calls between the database and frontend view.

  • • Flourish – More of a general object-oriented library for coders. With this modular framework you aren’t limited to the MVC paradigm, although it is an option. The code is very secure and provides tons of examples on their website.

  • • Yii Framework – A much more detailed framework for web developers. Yii allows you to rapidly prototype dynamic features such as user authentication, Ajax calls, caching, custom themes, and a whole lot more. Check out their full list of features on the website.


CSS Design Bundles


Code frameworks started out popular in the areas of backend development. Both software programmers and web developers have been utilizing these for years. But now there are countless frontend developers releasing their own design frameworks.


CSS is by far the go-to style language for the web. You can mockup an entire web page with fonts, colors, content boxes, alignments, and tons of other effects – all without touching the HTML. It’s a brilliant coding system which has revolutionized the field of web development(especially with HTML5).


Tokyo Japan at Night


CSS libraries can save you even more hardships on coding frontend. There are code frameworks which work on CSS grid systems, resetting browser defaults, dynamic webpage fonts, and a few other nifty concepts. Best of all many of them are free to download and come with an open-source developers license.


Common Recommendations


In the list below I’ve compiled some of my favorite CSS frameworks. This list will not be useful for everyone as not all developers enjoy using these code libraries! I admit that at times it’s just easier to write all your own code from scratch.


But when you really need to shave time off a project there’s no better solution than these libraries. Most can be downloaded and forked on GitHub from the original author. If we skipped over any good ones let us know in the post comments!



Conclusion


I hope this article has paved the way for some interested developers to get started using frameworks. In the modern era it has never been easier to get moving building a website. There are many open source databases of code you can start working on which are scalable in the long term.


Don’t try to push yourself into a single framework on the first day. I find it’s best to tread the waters a bit and try out a couple different names. See if there are any which fit your needs best, as different developers need different tools to work with. Whether coding frontend or backend you’ll slowly develop a sense of trust with these frameworks. Not only do they make your job easier, they provide a stable grounding for nearly any project you create in the future.

Awesome Guide to Building Quality Digital Products for the Web

There are dozens of premium shops and marketplaces to be found all around the Internet. Usually these are popular vendors which sell various types of digital products – e-books, website templates, tutorial videos, icons, graphics, the list goes on for a while. But the idea behind these eCommerce stores is earning money by selling digital goods as opposed to physical items.


I would like to use this guide as a reflection into how you can build high-quality digital products. Even if you aren’t launching your own store online it’s still a good idea to consider the quality of the items you’re building. So many custom freebies are online these days between thousands of digital artists across the globe. But talented web professionals can always tell the difference between quality and shoddy workmanship.


featured image - team work building digital mobile apps on MacBook Air


Study the Masters


Probably the first step you should take is examining other talented work by very talented artists. 365psd always has fantastic resources which relate to icons, vectors, and web graphics. But additionally you can locate freebies related to other ideas such as desktop software and open source code snippets.


Github is full of developers releasing their code for other developers to branch off. If you need a specific solution for PHP or Rails then try checking the open repos first. Of course there are many other free websites which host a similar open source mentality.


365psd freebie download gallery updated daily - web designers


Building custom WordPress themes has become an extremely popular topic since the CMS has skyrocketed into popularity. Almost all the major blogs and news sources online today are powered by a WordPress backend. Not to mention there are so many people each day launching their own website for the very first time. Theming is one of the first issues you’ll consider when launching any new project.


Following Standards


For most file formats there are usually some conventions you should be following to release a premium new product. E-books for example are typically released in PDF documents with some type of cover illustration page. You can accomplish this using Adobe InDesign or any other similar software.


clouds above highway driving - San Francisco, CA, USA


But when you move into designing Photoshop graphics or coding templates the general standards become more clear. Most Photoshop gurus will layer their PSD files into groups, also splitting up effects onto a clipping mask. Label names are crucial so that you don’t have hundreds of New Layers confusing people who download your files online.


Websites are a bit more fluid since you can work on many different standards. Just follow the typical documentation for whatever language you’re coding and you’ll pick up on other small mistakes along the way. Templating engines like Smarty have great documentation which is easy to skim for important info.


There are even more products we could look into where each file type has their own associated idiosyncrasies. As an example any fonts you create should follow some of the more recent file types associated for the web(eot, ttf, woff, svg). Custom recordings or musical pieces are also easy to distribute since .mp3 files can be accessed anywhere. But leaving blank ID3 tags is a surefire way to send a red flag about your product’s quality.


Leave Traces and Copies


Depending on the resources you’re offering this may not apply to everyone. But as you are creating website templates and graphics you should keep all the original file formats to include with the final release.


Ubuntu Linux copying data parity


For example, you may offer a custom icon set with hundreds of individual 32×32 pixel PNG files. But if you created the icons in Photoshop you may also consider including one large PSD with all the icons put together. Adding a nice textured background can help with marketing to draw attention as a featured caption/image preview.


The same goes for website templates where you may start out coding in strict HTML5/CSS3 and then switch to a backend system. If you’ve got just the HTML demo code it’s worthwhile to offer this along with any custom template systems(WP, Joomla!, Smarty, etc). Just separate these into two folders placed together inside the same .zip archive.


Joomla! home page site layout design


People who download these templates won’t need to install them before checking out how they look in a browser window. Also you are providing a step-by-step track of each phase during the development cycle. This is more handy for other web developers than general users, but almost everybody will appreciate the additional files.


Build on Open Source


The open movement has definitely changed my perception of web development, and the same is true for hundreds of others in the same field. When you can build a website with jQuery sliders and form validation the contents are much more valuable. So why should you reinvent the wheel and code all that functionality from scratch?


Be smart and build your code on top of already existing projects. If the authors require credit then certainly offer some links in your comments or an external a .txt file. But there’s no reason to shy away from open source for reasons of building your own better solution. In fact I would argue many web developers would enjoy grabbing a WP template which already utilizes jQuery.


jQuery Boston meetup - coding a custom Ajax applixation


It makes your work that much easier since all the plugins and external scripts will work together all the same. If you’re building a WordPress theme it’s possible you can include additional features inside the functions.php file. Working with the open source movement will eventually lead to flawless code at a much quicker pace than working alone.


Push Beyond the Limits


The digital products of even 5 years ago cannot compare with many of the products being sold today. You really have to understand how trends are changing in your choice of media and follow along with the crowd. Ultimately your products must improve over time if you are giving careful attention to details.


Find out what similar artists are creating and place yourself just one more notch higher. Go that extra mile to add some pizzazz to your products which nobody else is offering. Good PR is often generated by the users online who find your products and fall in love with them. These customers are more than happy to share links with their friends and followers helping to promote your quality goods.


Dark night GGB aside San Francisco - California, USA


But realize that you can’t stay at the top forever. You’ll have to keep learning and keep pushing beyond new limits. Over time it may be worthwhile to partner with another creative artist, or form a small team behind your ideas. Long-term dedication is what sets apart the high quality earners from the typical online marketplaces.


Final Thoughts


These ideas will require some time to reflect on your own skills before you can advance with brand new products. The Internet is a big place and there are lots of different skillsets you can build upon. Designers, developers, marketers, and writers can all strive for that top pedestal in quality and performance enhancements.


I hope these tips can get you thinking in the best direction for creating digital goods. Selling packages online or even giving away your resources will always bring about scrutiny. Don’t let a few naysayers get in the way of your passion. Continue pushing forward with new trends and keep yourself interested along the way. If you have any similar ideas or comments feel free to share with us in the post discussion area below.

Copyright By Awesoome.com , All Rights Reserved. Blogger tarafından desteklenmektedir.