Posts Tagged ‘CSS’

content-like-water-rwd-128

Bootstrap Tutorial and RWD – responsive websites

Today a quick tutorial about Bootstrap and creating responsive websites. Actually a template of good start point for further projects. We will also talk about the techniques, which allow us to reach specific results. We also collected links to resources with valuable information. Bootstrap Tutorial – responsive template by hand As we know, Twitter Bootstrap […]

Progress bar

CSS: visually consistent html5 progress bar in all browsers

Today a few words about HTML5 progress bar, and more specifically about adding CSS rules to such an element, so it will be looking same in all the browsers. For example there may be a requirement at design level, to keep visually consistent html5 progress bars. The developer may be surprised about the default behavior […]

html5-css-progress-bar-mini

Progress bar with CSS and HTML5 in a few lines of code

A progress bar in CSS for web project? Sure, and it without using images. Today short and to the point. Create progress bar with CSS and HTML5 We can use HTML5 and Bootstrap, or define our own CSS styles. Solution #1 – HTML5 Let’s add Twitter Bootstrap and jQuery to our web page, and a […]

money-5

No skill – no deal! Full-stack and Front-end Developer required skills

As they say: no skill – no deal! Without proper skills we won’t do too much. Also continuous development of our skills is also important. It’s not like the old days, when a knowledge of DHTML and PHP was sufficient. Nowadays the developer must know not only various programming languages, but also o lot of […]

mustache-js

Mustache JS tutorial by jQuery and Express application example. Part 2/2.

Welcome to the 2nd part of Mustache JS and Express tutorial. Today we will finish the work begun in part 1. Mustache JS and jQuery in action So far we’ve discussed the basics of work with Mustache JS library, prepared test data and the server in node.js. Now it’s time to code the front-end layer! […]

mustache-js

Using Mustache JS by jQuery and Express application example. Part 1/2.

In this tutorial we will create a web application using great tools – html5, Bootstrap, jQuery, Mustache JS and Express. Step by step. We will also use the ionicons. Mustache JS Not everyone (including me) likes templating systems in for example PHP. But here the situation is much different! Mustache JS is a JavaScript implementation […]

css_javascript_3

CSS tips and tricks

When we work with CSS, we often create or find interesting solutions for various tasks or problems encountered. CSS Tips 1. Cross-browser CSS word break for too long text For example, when we are creating front-end for the on-line chat, and there we have div-s for particular messages. The user writes very long text or […]

tools

JavaScript, HTML5, CSS and Data URI

What is that? The Data URI scheme is simply a way to represent the information, but in such a way the data usually kept in files (e.g. images) are available in a form of text string! Such a string has its own format, and allows developers to easily transfer the resource, e.g. between Web applications, […]

pack

Compress JavaScript and CSS files

Minimizing / compression of JavaScript and CSS code is often encountered technique used to optimize the loading time by reducing weight of the file. Today we will try to briefly tell about the tools used for this purpose. Compress JavaScript and CSS code Recently someone asked me about it, so we have today’s small article. […]

Tutorial Twitter Bootstrap

Twitter bootstrap in nutshell

Twitter Bootstrap (TB) is a CSS framework on the MIT license, developed by Twitter. It contains z set of tools to facilitate the creation the UI of pages and web applications. The framework is based mainly on ready solutions of HTML and CSS (LESS). Tutorial / Twitter bootstrap in nutshell This an excellent solution can […]