All posts filed under “Resources

All the Resources-related tutorials, ideas and various posts in Stampede Constructs

training the cms
comment 0

6 Tips to Write Better Code

It is important to write clean, organized and easy to understand code. This not only will help you but also other developers when they have to look at your codes in the future. In this SitePoint blog post, front-end developer Tim Evko shared a couple of tips on how to write better code. They can be summarized as:

  • Start building modules
    Write common features as separate, reusable modules and then merge them into a single file for the final product.
  • Learn to use preprocessors
    Using a preprocessor can help you save time by eliminating the need to write the same repetitive code multiple times.
  • Plan before you write
    Plan everything before starting to code. It will prevent you from rewrite some code when realize something missing during halfway of your work.
  • Use version control
    Version control is a system that records changes to a file or set of files over time, allowing multiple users to edit, track changes, and host assets. Very useful when working in a team.
  • Start holding code review
    If you are working with other developers, present some code you’ve written to a group of peers (or superiors) so that you can explain what you’ve written.
  • Take coding challenges
    Brush your coding ability by helping other developers in the community or take random front-end developer challenges such as on Codepen.

Hit the button below to read more.

View More

Bootstrap 3
comment 0

Reorder Bootstrap Column on Different Viewport

Bootstrap is a 12 grid framework with many great features. One of the understated features of Bootstrap is how you can change the position of grids on different viewports by using a couple of special classes. The grids can be reordered using the push or pull classes. These classes has to be inserted into the standard grid classes such as .col-xs-push-# or .col-xs-pull-#. push will move the column to the right and pull will move column to left. Check out the article shared by Chris Sevilleja to read the full explanation or you can view the demo too.

View More   View Demo

Sublime Text 3
comment 0

Sublime Text 3 Shortcuts Tips for Faster Workflow

If you are you using Sublime Text 3 for coding, this is for you. There are literally hundreds of shortcuts for Sublime Text and you may feel slightly daunted by the taught of learning them. Thankfully Tim Hartmann from Tutsplus.com has written a nice article about his favorite Sublime Text 3 shortcuts to improve your workflow using Sublime Text 3. Some of the tips are; you can have multiple tabs displayed at the same time, super-quick line duplication and create multiple cursors for typing. He also recommended some cool plugins like Hayaku (to help developers write CSS faster) and Markdown Preview (which will allow you to preview documents written in Markdown). Hit the button below to view more.

View More

web dev
comment 0

Google Chrome DevTools Trick and Tutorial Series

Chrome Developer Tools a.k.a DevTools is an essential component of any front-end developers’ arsenal. By mastering DevTools, you can substantially enhance your coding workflow and save time. If you are not yet familiar with DevTools, ‘fraid not, the folks at Six Revisions has compiled a series of tricks and tutorials covering many aspects of this amazing development tool. Pro users might want to check out the video by Google Web performance engineer, Ilya Grigorik showing you how to effectively use Chrome DevTools to analyze network performance, find memory leaks in your scripts, and much more.

View More

Grid System
comment 0

Sass-based Grid Systems

A solid grid system is essential in building a semantic and flexible website structure. One of the best grid systems I’ve been using for a while is Bootstrap. Many grid systems exist today; some are pure CSS and some has built-in JavaScript that allow web-developer to style a website instantly by calling the proper class names. For something more extensive, check out Sass-based grid systems that enables you to get the most out of advanced Sass features such as variables, mixins and nesting. View more to find out about the Sass-based grid systems.

View More

front-end developer
comment 0

Version 2: Tips and Guides for Front-End Developers

The weekend is perfect to wind down and to be spent in the pursuit of more knowledge in web design and development. Here’s one: After a number of nice feedbacks from his previous post, Louis Lazaris has shared another list of useful articles and guidelines for front-end developers, that you can go through at your own pace. Check them out by hitting the button below.

View More

css3
comment 0

CSS Best Practices

Heydon Pickering has shared his slide deck on the definition of CSS best practices. In this presentation, he offers a look at the conventions and processes we incorporate into making web content presentable and how they affect users of our products. According to him, one of the best practices in doing CSS would mean having a method of creating or producing by optimising the quality of a CSS file, where the file would be able to be read easily and maintained by other front-end developers. Hit on the button to learn more.

View More

training the cms
comment 0

Training The CMS – Eileen Webb

CMS (Content Management System) are applications that allow authorized users to manage website by publishing, deleting or organizing content. In this A List Apart article title Training The CMS, author Eileen Web shared some very insightful points on the subject of how CMSs should be tailored to be intuitive and user-friendly to regular non-techie content authors. The article touches every aspects of a CMS lifecycle from planning, development, deployment and future improvements.

View More

front-end development tools
comment 0

56 Experts Reveal Their 3 Favourite Front-end Development Tools

The folks at PSDtoWordpress has made an extensive compilation of the three most indispensable tools by 56 experts in the field of front-end development. Based on the final votes, the five most popular tools among developers are:

  1. Sublime Text
  2. Sass
  3. Chrome Developer Tools
  4. jQuery
  5. GitHub

Read more to see what tools your favorite front-end gurus are using on the road to front-end development stardom.

View More

wordpress
comment 0

How to Fix 3 Common WordPress Errors

WordPress is wonderful platform for blogging and CMS, but like every other software it can’t escape from flaws. In this blog post, John Philips shared 3 common WordPress errors and how to tackle them like a pro. The list of common errors are:

  • The white screen of death
  • Internal server error
  • Error establishing database connection

Read more to find out the reason behind these errors at the same time learn some cool WP pro tricks.

View More