Shineyrock
web design & consultancy
Shineyrock
Searched for: "in" / 1395 results
How to Create Presentation Slides With HTML and CSS
…ing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} As I sifted through the various pieces of software that are designed for creating presentation slides, it occurred to me: why learn yet another program, when I can instead use the tools that I'm already familiar with? We can easily create beautiful and interactive…
16 Terminal Commands That Will Boost Your Productivity
…ing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} One of the most useful tools a web developer has is the command line. If you're reading this post, you're probably no stranger to the terminal. But you may not know all the special commands and utilities you can use to boost your productivity.…
Working With LESS and the Chrome DevTools
…ing LESS with Chrome’s DevTools. If you’ve already used Sass with Chrome’s DevTools, you’ll most likely already be familiar with the concepts introduced here.The Tl;drLESS has very recently added support for Source Maps, so this is new and exciting!DevTools mapping means you can view LESS styles for all your relevant…
Validation and Exception Handling: From the UI to the Backend
…in your programming career you will be faced with the dilemma of validation and exception handling. This was the case with me and my team also. A couple or so years ago we reached a point when we had to take architectural actions to accommodate all the exceptional cases our…
Creating Brackets Extensions
…In this article, I’m going to discuss this API and demonstrate how you can build your own extensions.It is crucial that you remember that Brackets is in active development. This article is being written in December of 2013. It is certainly possible that the code demonstrated below is now out…
JavaScript Tools of the Trade: JSBin
…ing up a dedicated directoryCreate a file with markupFinding the latest version of your favorite libraries, downloading them and including them in your codeCreating your stylesheetConfiguring your webserverThat seems like an awful lot of work just do do some simple code testing. Thankfully there are tools that make this type…
Refactoring Legacy Code: Part 3 - Complex Conditionals
…In two words, Legacy Code. This is a series that will help you work and deal with it. I like to think about code just as I think about prose. Long, nested, composed sentences with exotic words are hard to understand. From time to time you need one, but most…
Gulp as a Development Web Server
…ing more and more popular lately. It can be used for many things, like concatenating JavaScript files or minifying images. If you are new to Gulp.js, I recommend you to start off with Managing Your Build Tasks With Gulp.js. In this tutorial, you will learn how to use Gulp.js, in order…
Refactoring Legacy Code: Part 5 - Game’s Testable Methods
…In two words, Legacy Code. This is a series that will help you work and deal with it. In our previous tutorial, we tested our Runner functions. In this lesson, it is time to continue where we left off by testing our Game class. Now, when you start with such…
Migrating From 960 Grid System to ZURB Foundation
…in code. However, with the advent of device proliferation and media query prevalence, fixed width sites are decidedly less effective than responsive layouts.In this document I will describe how to take your fixed width 960gs site and move it to ZURB's Foundation framework. Without digressing too much, I want to be fair to…