Definition and Usage Indicates the strength of emphasis to be applied. Emphasis is indicated using a combination of pitch change, timing changes, loudness
Definition and Usage The background-clip CSS property specifies whether an element’s background, either the color or image, extends underneath its border.
Many of us have websites built on the popular engine – wordpress. And, from time to time we consider a matter of updating the site design.
Today we continue our lessons for those who study webgl, and today we will show you how to add 3D text on the scene, how to extrude two-dimensional shapes
Infographics have been around for a very long time. However, they have recently gained in popularity because of the vast amount of information on the internet.
Most programmers who are just starting to comprehend the basics of working with 3D (in webgl), usually have difficulties in understanding three-dimensional space.
If you haven’t heard of BuddyPress, now you have an excellent opportunity to get acquainted closer with this. BuddyPress is an open source plugin that
Definition and Usage The :active CSS pseudo-class matches when an element is being activated by the user. It allows the page to give a feedback that the
We continue our lessons on Webgl (using the three.js library). Today we will be working with different materials (such as MeshBasicMaterial, MeshLambertMaterial
Our new collection for web designers includes a review of the best flat user interface (UI) kits. Such design kits that can do the job of any designer easier.
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
If you are planning to create your own website yourself, then it is advisable to attend useful and relevant web design tutorial sessions.
Global Event Attributes HTML 4 added the ability to let events trigger actions in a browser, like starting a JavaScript when a user clicks on an element.
Today’s collection of infographic will be equally useful for beginners web developers and advanced developers. The fact is that I have prepared an overview
Today we prepared a new design collection of Pixel art, where all images are created and composed at the pixel level. It may looks like to be a trademark
Quite often, when it comes to tabular data and the need to put them on the screen in a convenient form with various additional features, we can seriously
When it comes to creating a new site, many of us choose WordPress as the most accessible and suitable engine. A huge number of free and commercial add-ons
Today, we’re looking at one of the leading professional website builders in the market that is already being used by over 35K professional designers around the world.
In today’s tutorial, I will show you six amazing CSS3 text effects: 3D effect using the text-shadow, effects with gradients and mask-image, effects with
If you are the owner of an online business and have your site that uses script Magento (Magento is recognized as one of the most popular and powerful solutions
Today we continue our webgl lessons for those who study it and who wants to enhance his knowledge. In today’s lesson we will look at the load process of
Today we continue our webgl (three.js) lessons for those who study this language, and today we will show you how to create a beautiful environment (sky
Beautiful memorable footer is one of the most important parts of any website. Often it supplements the basic navigation on the website. Today we are going
The Internet is one of the most fluid mediums in the world. This fluidity translates into the fact that it’s constantly changing, constantly evolving and
HTML5 audio player. Many of you faced with the task of creating audio player at least once in your life. Quite often , you simply choose one of the available
During browsing the Web I accidentally stumbled with a really interesting set of images. As usual, in order to make the stunning picture, need to be at
Definition and Usage This property specifies the minimum number of characters in a hyphenated word before the hyphenation character. The ‘
Example Execute a JavaScript when a user presses a key: <input type=”text” onkeypress=”displayResult()”> Browser Support 1.
Progress does not stand still, and, following the CSS3, the new CSS4 comes to us, which is developing by the W3C editing team. Historically, the process
Definition and Usage The <gradient> CSS data type denotes a CSS <image> made of a progressive transition between two or more colors.
Today we prepared a set of Christmas webdesign resources. Christmastime is the special time for everybody of us. And it is not surprising, there are not
Thematic collections of infographic are always interesting for our readers. Especially if it is something what is related to our field of activity.
Example Execute a JavaScript immediately after a page has been loaded: <body onload=”load()”> Browser Support Note: The onload event
PHP is the most widely used language when it comes to server-side programming. If you are a beginner or an advanced programmer and you use it in your work
Definition and Usage The max-height CSS property is used to set the maximum height of a given element. It prevents the used value of the height property
Example An abbreviation is marked up as follows: The <abbr title=”World Health Organization”>WHO</abbr> was founded in 1948.
Bootstrap 3 tutorial. If you have not used BootStrap so far, or more than that – have not heard about it – I would recommend you take a closer look to
Example How to define a time and a date: <p>We open at <time>10:00</time> every morning.</p> <p>I have a date on <
Definition and Usage The <frequency> CSS data types denotes a frequency dimension, like the pitch of a speaking voice. They consists of a <
Definition and Usage The negation CSS pseudo-class, :not(X), is a functional notation taking a simple selector X as an argument. It matches an element
Example Use a <figure> element to mark up a photo in a document. The <figure> element also contains a caption: <figure>
Today I will show you the process of creating photo slider with AngularJS and CSS3. The slider itself is not very complicated, but it will have a unique
Example Display “Hello world” with JavaScript: <script type=”text/javascript”> alert(‘Hello World!’
Definition and Usage The border-top-style CSS property sets the line style of the top border of a box. Note: The specification doesn’
Definition and Usage The border-collapse CSS property selects a table’s border model. This has a big influence on the look and style of the table cells.
Today I would like address the subject of electronic commerce, to be precise – the search for new ideas in the development of a new design for online stores.
Example A table with a caption: <table border=”1″> <caption>Monthly savings</caption> <tr> <th>
CSS3 menu. Various dropdown menus can be easily created with CSS3 with the help of selectors. Just connect your imagination – and you will create a truly
Example A video with two subtitle tracks: <video width=”320″ height=”240″ controls> <source src=”
Example Format text in a document: <b>Bold text</b> Browser Support 1. Definition and Usage The <b> tag is the font-style tag.
OpinionStage.com is willing to give you three Pro Accounts (3 monthly). If you have not heard about this system, you will be interested to know that Opinion
The <command> tag specifies a command (a radiobutton, a checkbox, or a command button) that the user can call or execute. <command>
Example Superscript text: <p>This text contains <sup>superscript</sup> text.</p> Browser Support 1. Definition and Usage The <
SimpleMaps.com is willing to give you three lifetime licenses ($79 to $199)for any individual HTML5 maps. If you use maps in your projects – it is a great gift for you.
Example Using the <summary> element: <details> <summary>Copyright 1999-2014.</summary> <p> – by Refsnes Data. All Rights Reserved.<
Today I would like to share with you a grain of my experience and we’ll talk about coding conventions. Every person who writes code for a long time, somehow
Thematic collections of infographic are always interesting for people. Especially if it is somehow related to their field of activity. For today, I have
The break-inside CSS property sets how page, column, or region breaks should behave inside a generated box. If there is no generated box, the property is ignored.
Definition and Usage This property specifies the minimum number of characters in a hyphenated word after the hyphenation character. The ‘
Definition and Usage The CSS flex-direction property specifies how flex items are placed in the flex container defining the main axis and the direction
Example A link to google.com: <a href=”http://www.google.com”>Visit Google.com!</a> Browser Support 1. Definition and Usage The <
The php calendar is an integral part of many websites, frequently, this is one of numerous jQuery calendar plugins, but it can also be implemented using php.
Example Execute a JavaScript when a user releases a key: <input type=”text” onkeyup=”displayResult()”> Browser Support 1.
Definition and Usage The margin-left CSS property of an element sets the margin space required on the left side of a box associated with an element.
Example A <span> element used to color a part of a text: <p>There is only one happiness in life – <span style=”
Definition and Usage The punctuation-trim property specifies whether a punctuation character should be trimmed if it appears at the start or end of a line
Definition and Usage The border-right-style CSS property sets the line style of the right border of a box. The specification doesn’
Definition and Usage The outline-style CSS property is used to set the style of the outline of an element. An outline is a line that is drawn around elements
Definition and Usage The border-top-color CSS property sets the color of the top border of an element. Note that in many cases the shorthand CSS properties border-color or border-top are
Have you noticed the beauty of the night sky? When lightly visible clouds slowly floating through the sky, and the stars twinkling behind them in the night sky.
Definition and Usage The border-radius CSS property allows Web authors to define how rounded border corners are. The curve of each corner is defined using
Example Execute a JavaScript when pressing a mouse button over a paragraph: <p onmousedown=”mouseDown()”>Click the text!<
Definition and Usage This property specifies the orientation of text within a line. Current values only have an effect in vertical writing modes;
Example Two radio buttons with labels: <form> <label for=”male”>Male</label> <input type=”radio”
Definition and Usage The animation-fill-mode CSS property specifies how a CSS animation should apply styles to its target before and after it is executing.
Definition and Usage The transition-delay CSS property specifies the amount of time to wait between a change being requested to a property that is to be
In today’s tutorial, I’m going to show you the process of creating almost an entire website with a new library – AngularJS. However, firstly, I would like
Example Group related options with <optgroup> tags: <select> <optgroup label=”Group one”> <option value=”
Definition and Usage The transform-origin CSS property lets you modify the origin for transformations of an element. For example, the transform-origin
Lightbox css. The creation of CSS animation has brought an amazing feature for the web designers and coders to tinker on to show their own creativity.
Example A simple HTML document, with the minimum of required tags: <html> <head> <title>Title of the document</title>
Example A simple HTML document, with the minimum of required tags: <html> <head> <title>Title of the document</title>
Navigation is one of the most important parts of any site. And very often we have to deal with the search for new ideas to implement site navigation.
Example Underline text with the <u> tag: <p>Do not <u>underline</u> text if it is not a hyperlink</p> Browser Support 1.
Definition and Usage The <ruby> tag specifies a ruby annotation. A ruby annotation is a small extra text, attached to the main text to indicate the
Definition and Usage The ::selection CSS pseudo-element applies rules to the portion of a document that has been highlighted (e.g., selected with the mouse
Example Check an input field when the value is changed: <input type=”text” name=”txt” value=”Hello”
The question of choosing a language for server backend logic is one of the most important question for almost every developer, especially for a beginner.
Definition and Usage Specifies whether and how a given region can be manipulated by the user (for instance, by panning or zooming). Note As of Internet
Example A text with a deleted part and a new, inserted part: <p>My favorite color is <del>blue</del> <ins>red<
CSS3/jQuery dropdown menu with tabs tutorial. This is our seventh CSS3 menu. Today we will make dropdown menu with parental tabs (as first level).
Do you think that learning new foreign words is tedious? Each of us could face with learning of new languages. Sure, it can be tiresome especially if you
Without a doubt, the responsive technology is becoming more and more popular. This allows us to save time when we develop design intended for use on a
Example A text with a deleted part, and a new, inserted part: <p>My favorite color is <del>blue</del> <ins>red<
Today we have prepared a fresh collection of jQuery plugins for working with forms. All plug-ins have been carefully selected for this review, the majority
Definition and Usage The border-spacing CSS property specifies the distance between the borders of adjacent cells (only for the separated borders model).
Example How to insert an image: <img src=”image.png” alt=”The image” height=”64″ width=”64″
We are pleased to announce that we have teamed up with Packt Publishing and are organizing a giveaway especially for you. Three lucky winners stand a chance
This is our second lesson about developing applications for android. I hope you already enjoyed with our first lesson, and you look forward to the next lesson.
Definition and Usage The font-variant CSS property selects a normal, or small-caps face from a font family. Setting font-variant is also possible by using