Articles tagged Frontend
Last week we started the new page layout with Bootstrap 3, today we are going to finish it. Today we consider creation of the following elements: sidebar, quotation, main content, ‘our team’ block, footer, twitter feed, site map and social buttons. As usual, we will add them step by step, stylizing our elements.
I think that you have already seen various animated menus with LavaLamp effect (based on jQuery plugin). Today I would like to tell you how to repeat the same behavior only with CSS3 (without any javascript). I had to use CSS3 transitions in our menu (to animate elements). So, if you are ready, let’s start.
(more…)
Dear readers, today we continue our Bootstrap 3 lessons, and for this lesson I prepared a new page layout that would suit different purposes. The huge advantage of using CSS frameworks is that the developer does not need to think about different issues of the layout, most of which were solved by creators of frameworks. For instance: cross-browser compatibility, support for different screen resolutions (responsiveness) and so on. The developer only needs to indicates what to display and when to display (depending on conditions), the rest the framework does itself. This approach can greatly accelerate the layout of the site. Another advantage of Bootstrap is its popularity. This means that another developer will be easier maintain your code.
Today there are many kinds of icons namely flat Icons, line icons and solid icons which are based on their usage by web or application developer. The kind of icons constant used by developers is no other than line icons. We are showcasing this article basically let you know the thousands of the good line icons.
Bootstrap forms, do you know them? Our new article is for beginners and will show the process of creating pages using the bootstrap. Also we will tell you what is bootstrap, its purpose, installing, and the process of designing forms.
In a new series of articles, we will talk about jQuery Mobile framework, which easily allows you to create responsive mobile websites.
HTML6 overview. HTML is a simple web development language that keeps on rolling out new versions, and has started working on its sixth revision. HTML5 the current revision of HTML is considered to be one of the most sought-after revisions, compared to all the previous HTML versions.
Content organization on the number of votes
Quite often, we have the task to display any content (from the database) on the screen, many may argue that this is quite simple and trite. This is true, but when we have additional social components, for example on how to sort records by the number of comments or by rating – many novice webmasters can fall into confusion. Today we will consider the question of how to display the records by the number of gained votes. To do this, we will prepare a simple voting system.
Interactive 3D watch using three.js
The goal of our today’s lesson is the continuation of studying webgl using the three.js library. We create interactive (ticking) three-dimensional classical watches that consists of following major elements: round dial, the clock arrows and moving arrows. Watch model will be located in space, so you will easily be able to rotate it in the scene for viewing the watch from any angle.
WebGL With Three.js – Lesson 1
As we have promised – it is time to start our new series of articles devoted to the WebGL. This is our first lesson, where we consider the main basic functions: creating a scene, camera, renderer, controls (OrbitControls). We will also create the simplest directional light, add a dozen objects (of different geometry) with shadows. In order to make things went faster, we decided to take one of the most popular webgl frameworks – three.js. Why use Three.js? Besides the fact that it is open source JavaScript framework, it is also the most rapidly growing and discussed engine. Here already implemented really many possibilities, from low-level work with points and vectors, to work with ready scenes, shaders and even stereoscopic effects.