The Light And The Darker Sides Of The Framework CSS

What is the framework? Each time begin new venture figure out myself looking at the newest group of frameworks. Lately, those are web frameworks, such as CakePHPRubyOnRailsperhaps JQueryor any other of the thousands and thousands which seem to be available. Usually, end up using none of them. Mostly they are too complicated, too huge, and too limited. Some tasks mix up rapid application development (RAD) with frameworks, sometimes material administrator is known as framework, and an important extensive variety is just trash.

Frameworks are not applications– Regardless of how many functions have been loaded into the reality, regardless of how much system it seems to have on its own, and regardless of how simple it is to create, framework is not system. This places the residing as an alternate as merely being something to create system. As such it is the residing which must contort to the desires of the applying, not the other way around.

The preferred violators seem to stop putting things off company business application development resources and content management systems. One is reasonably outstanding at handling company aspects and moving out types, while the other is used to planning lot of details. When you try to add in something customized however you’re without outstanding options, since they may not be actually frameworks, but extremely customized programs.

Must work in their target language– There is nothing more excessive than framework ported from one terminology to another. Consumers of these ‘languages‘ will get anxious with the around the world experience with the framework. If the terminology provides iterators, then details from the framework should use those iterators. If the terminology has aspects, then the framework must use aspects.

Definitely modular– The client of framework should never be trapped using something they don’t like. While the normal set up may be huge program, an exceptional framework is but skeleton mixing many segments. This needs to involve all elements of the dwelling, from information managing to security, to content management. If the client does not like web page program they should be able to alternative new one.

Further to having adjustable locations, those locations should all be useful straight. client should be able to straight web link into any factor as they see fit without challenging to leap through framework hoops. For example, those segments may not make reasoning about other framework parts: well–used grain framework. In its limited kind, the very first framework is actually nothing more than appropriate how to use all the segments.

framework is an efficient set of ideas, methods, and requirements for getting an everyday kind of problem, which can be used as suggestions to help our strategy and take care of new problems with the same functions.

In the field of web design, to provide simpler importance, framework is described as provider made up of framework of information efficient idea(HTMLCSSJS information, etc.) which can be used to involve the growth of sites, as the base to start to create web page.

Most sites discuss very similar (not to say identical) framework. The aim of frameworks is to provide normal framework so that designers don’have to upgrade it on your own and can reuse the idea offered. In this way, frameworks allow us to cut out much of the work and protect lot of time.

How various kinds of frameworks are there?

There are usually kinds of differentiating: after income and frontend (this difference is attracted based upon on whether the framework is for the speech part or the application/ sensible part.

It’essential to know that frameworks are conceptual notion: pre–prepared conventional kit from which to work. The knowing of framework can be used on different methods performed on the web: the programmer’part which joins the data source to websites material and uses PHP terminology, and the designer’part, where that material must get provides for in HTML details with described CSS design lines so it can progressively be seen in an online web online browser.

They can be after income (set of files with libraries to access databases, template framework s, and session management) or frontend. We’re going to concentrate on frontend frameworks.

Front–end Frameworks (or CSS Frameworks)

Front end frameworks usually include program made up of framework of information and information efficient idea (HTML, CSS, JS information etc.)

The regular components are:

CSS source idea to build grid: this allows the designer to position the different components that make up the web style in simple and flexible fashion.

Typography style information for HTML components

Solutions for cases of online web online browser incompatibility so the website shows effectively in all online web online browsers

Creation of traditional CSS classes which can be used to develop impressive components of the customer interface.

About sensitive frameworks– Currently, the increase of sensitive web style techniques, which accomplish the development of sites that can adjust to various alternatives for different mobile and PC devices, is major to the overall look of sensitive frameworks. That is, they set the very prevalent…

My game & This blog


So yeah! I want to develop a game and do every part of it myself. This is partly because I don’t have many friends who’d be interested (or in general), but more because I really want to learn and improve at all the various skills involved. The genre is 3D sci-fi point-and-click adventure game. Mostly story and character driven, with simple puzzles, and a trippy low-poly artsy aesthetic.

Here are the skills that seem to be necessary:

  • 3D modeling / rigging / shading / lighting
  • Animation / fx
  • Knowledge of game engines (Unity, for me)
  • Programming / scripting / pipeline dev
  • Writing / story / dialogue
  • Scientific knowledge (it’s sci-fi, but can’t be too nonsensical)
  • Art direction / aesthetic design
  • Level/puzzle design
  • Sound design
  • Music composition
  • Marketing / distribution / self-promotion / general icky stuff

The technical side doesn’t worry me too much, especially using Unity, and the awesome Unity plugin AdventureCreator. There’s a lot to learn, but the scope seems manageable. I’ve got a fair amount of experience in Maya, so building assets should be fine too.


The most challenging aspect is the writing and design side. I was never a writer, as you may have guessed from reading this. Words are tricky. Well, compelling words are tricky, anyway. But storytelling is the best, and the story for the game has been floating around in my head for several years. So I have to try! For a while, I wasn’t sure of the right format for it. There is too much exposition and backstory and dialogue for an animated short, and I was already in love with too many animated shot ideas to make it a static comic.

Then I played Grim Fandango a few months ago, and remembered how much I like adventure games and visual novels! It’s a wonderful format – you can add in as much boring exposition as you want, but hide it away so the player only needs to read it if they feel like clicking around. (I’m an obsessive clicker-around.) The story advances regardless, but the world-building is there and makes it a potentially richer experience.

And you still get to make some sweet animated cutscenes. AND indie games, in my opinion, can get away with being scrappier than animated shorts, where a high level of polished quality is often expected. Scrappiness can be charming. This is good for me. Noodling is boring. Ain’t nobody got time for that. Nights and weekends only. And my social life is currently in the toilet, which is a whole other project, too.

As for art direction and level design and etc. – I have some idea of what I want, but bringing to life a fully-realized world with interesting artistic appeal is difficult, of course. Just trying to figure it out as I go. Get something basic in first, refine and refine and refine the look later. Sound design and music – I do have some experience with this, but will think about it later.

Marketing and distribution? UGH. Later too. If ever. At least I made this blog.

So – the blog is intended to be part progress updates, part incoherent musings on storytelling and game design, and part documentation of my various attempts and failures at learning a few new skills.…

3 Tips for Hiring for a Web Development Professional

professional web developer

In a day and age where websites are becoming more dynamic and increasingly complex, hiring the right people for your web development project is becoming increasingly important. Gone are the days when you could get by with hiring a moonlighter who dabbled in HTML. Nowadays you need to work with proven professionals who can get the job done and get it done right. The differences between professional developers and those who are not up-to-date with today’s current technologies and trends is the difference between night and day, and it will show up in the end result of your website. Before hiring someone to build and develop your site, there are some things you need to keep in mind.

Tips for Hiring for a Web Development

1.  Identify Your Needs

Each and every company has its own unique culture and needs, from small start-ups to large Fortune 500 companies. Before you can make a hiring decision, you need to determine what type of developer you need. Do you need a developer who is more reserved and cautious in their approach, or do you need a flexible, risk-taking developer who isn’t afraid to push the envelope? While skills and experience are definitely important in your hiring decision, you also need to ensure you hire an individual or a team whose personality and approach matches that of your company’s.

2. Create a Test Project

Test Project

Before you hire someone to dive into a large web development project, start small with a “test” project. Even if you think you have found the perfect candidate for your needs, you must make sure that they can prove their capabilities on a smaller, non-essential project before you have them working on a critical one. This will allow you test the waters, seeing how well you work together and how their results coincide with your expectations.

3. Realize Aptitude Trumps Skill Sets

When it comes to today’s technologies, skill sets become obsolete in a matter of months. Every two years a web development professional will need an entirely new set of skills to keep up with the needs of his or her clients. Because of this, the aptitude to learn new skills is more important than the skills the developer already knows. Someone who can adapt to new technologies easily will be much more beneficial to you now and in the future than an individual who sticks to antiquated methods of web development.

So how do you know if someone has the tendency to adapt to new technologies? Ask all candidates which programming languages they have learned recently and what go-to places they utilize for learning new tips and technologies. If they are ready with a laundry list of recent achievements and resources for learning, you know they are serious about evolving with development trends.

Always Go Beyond the Standard

When it comes to hiring a professional for your web development needs, always go beyond the standard interview questions and requests for past work examples. You don’t want to know what the candidates have been able to do in the past. You want to know what they can do for you now and in the future. Keeping the above tips in mind, you will be able to find the professional or team of professionals that will be the best fit for your web development project.…

Responsive Web Development: Do Not Begin Your Project Until You Read This

Responsive Web Development: Do Not Begin Your Project Until You Read This

Over the past few years mobile devices have become an increasingly popular way to access the World Wide Web. According to Business News Daily, in 2013 approximately 40 percent of all time spent online was spent using mobile devices. Online browsing rose from 451 billion minutes in 2010 to 890 billion minutes in 2013, with the numbers going up steadily every year since. When launching a web development project, this is important information to keep in mind. Especially when you consider that not all web design methods are what one could call “mobile-friendly.” Responsive website development is one such example. While responsive websites are very popular, you must question how well mobile devices are able to handle such sites. Furthermore, what can you do to ensure that your responsive web design remains mobile friendly if that is the route you decide to take?

The Issue with Responsive Web Development

As more companies are investing significant amounts of money into responsive web development, they are soon finding out that the sites they are launching do not perform up to par in terms of mobile performance. What is the reason for this poor mobile performance? It would appear that the culprits are the images and graphics that are utilized by the sites.

When a study of 155 responsive websites was conducted by Trilibis Mobile, image size seemed to affect approximately 70 percent of websites when those sites were being viewed on a mobile device. In fact, about four out of every five responsive websites experienced inferior page load times when those sites were being viewed on mobile devices. Furthermore, less than one-quarter of the sites loaded in less than four seconds on a mobile device. In fact, approximately one-third of said sites took between 8 to 48 seconds to load. Considering the fact that a consumer is likely to leave a site that takes more than 3 seconds to load, it becomes apparent that this issue is one that cannot be taken lightly during the development of a responsive website.

How to Ensure Your Web Development Remains Mobile Friendly


Considering all of the above-mentioned facts and statistics, it is readily apparent that you need your site to be mobile friendly if you hope to compete in today’s mobile environment. Fortunately that does not mean you have to avoid responsive web development altogether. What you must do is make sure that your developers focus on optimizing your site’s images, keeping mobile devices in mind when developing your site’s pages. By using proper image optimization tools and techniques a site’s page weight can be cut in half, drastically reducing site load times. This can turn a site that performs poorly on mobile devices into a site that loads effortlessly.

web developer

When hiring a web development professional to create your website, make sure the developer is experienced in creating sites that are suitable for both traditional computers and mobile devices. When you ask to see examples of past work, make sure that mobile sites are included in the examples you receive so you can check how long it takes for the pages of the sites to load on your phone or tablet. You want to be sure the developer you choose can make your site attractive to mobile users and desktop users alike. Then your site will be able to effectively compete in the ever-growing mobile Web.…

How to build web apps with HTML5, CSS3 and JavaScript

Build web apps

HTML5CSS3, and JavaScript are now such powerful tools that you can create fully-fledged web apps as capable as desktop apps



The idea that skills acquired as a web designer can be applied to app design isn’t a big step, but a common concern amongst designers and developers interested in making the jump is how to translate their experience in one medium to another. In reality, a web app is nothing more than a specialized website running in isolation.
What makes a web app different to a regular website can be boiled down to the way data is stored, retrieved and processed. A typical website will use the client-side HTML layer to present information to the user. When an action is performed, whether it’s adding an item to a shopping cart, or marking a to-do item as complete, the website will send a message back to the server, where the action is performed.
In a web app, typically actions are performed on the client, and often the data is stored on the client too. 

Still, this isn’t universal, with exceptions such as Google’s range of productivity tools and Adobe’s online Photoshop app too.
Setting aside the many examples where the server still plays an active role, it’s a reasonable deduction to say that as a web designer or developer,

 you simply need to work on understanding the peculiarities of app-centric APIs – especially through JavaScript – in order to be able to develop standalone web apps. Thankfully, many of the available libraries and frameworks now make this task much easier. 

Good documentation and abstraction make it trivial to run a local database, for example, storing and retrieving data without ever having to go to a server.
At a basic level, web apps can be delivered through the browser just like any regular website, although by choosing this deployment method.

The specific benefits associated with a particular platform cannot be leveraged. HTML5 does have a number of useful APIs to make use of, allowing for the likes of geo-locational aware scripting, but these are generic and do tend to have a habit of interfering quite a bit with the user experience (by spawning a pop-up dialogue box, for example), which is far from ideal.
Still, your decision over the right way to develop and deploy an app will largely come down to the usage scenario and its appropriateness for the platform. A quick-fix game is likely to be well suited to mobile devices, while an in-depth accounting app is probably more at home on the desktop. See some examples below


Trello is a task management tool where users compile lists using cards. This is a lovely example of how a simple idea can be given a rich interface using standard web tools.


Evernote is a great installable app – but there is also a web app that features all of that core functionality without the need to download anything to your device.

NUS Extra

This app for university students also makes use of the PhoneGap framework to offer a native app experience while leveraging standard web technologies.
This app takes advantage of GPS location to show useful products and services near the user.

Google Docs

Google Docs is one of the original set of applications in a browser that helped to demonstrate the power of the web toolset. It offers a range of functionality that rivals desktop-based word processors, but is entirely based in the browser. While it’s far from being the prettiest web app,

 it concentrates on providing a solution to the need for an authoring and collaboration environment, and it remains the standard against which others are compared.


It’s not uncommon to hear new developers asking the question: what makes a web app different from a normal website? Underneath it all,

the technologies being used are more or less identical between a website and a web app, so it’s a perfectly reasonable question to ask.

Furthermore, if you were to ask different developers you’d probably find that you get wildly different answers.
In simple terms, a web app is just a website that aims to perform a specific function. Turning that on its head,

you might prefer to say that a web app is an application that has been developed using web technologies, such as HTML, CSS, and JavaScript.
Of course, increasingly we are able to access web apps outside of the browser now. Sometimes they’re delivered using a wrapper such as Adobe AIR,

sometimes they masquerade as native applications for our Android or iOS devices. This makes it that much harder to recognize whether an app is actually a ‘web app’ or otherwise,

but in truth it doesn’t really matter!
Using the same tools, you can develop both a website and a web app, often tying into the specific device’s native functionality with the latter. This is hugely democratizing,

because now every web developer is now a potential app developer, and the world of apps will be a far richer place for it.



Many web apps can be equally well deployed via the web browser as a native application.  Google Docs is a good example of a web app that exists in the browser. 

This is used as a selling point for the tool as it enables users to access the service regardless of which device they’re using.
There are occasions when it’s preferable to be able to provide a standalone desktop application that is installed, 

launched and closed just like any other native app. This used to be a limiting factor in developing web-based applications,

 but the landscape has changed dramatically over the past few years.
Spearheading the move to installable apps was Adobe’s AIR runtime. This solution provides a web environment (supporting both HTML and Flash) 

without the need to launch a web browser. The runtime isn’t limited to providing a basic environment, however.

 In …