Keywords / Programming languages

Tags: Programming languages

How to draw stars using only CSS

How to draw stars using only CSS
The current article is more for demonstration purposes. It shows how to draw six-pointed and five-pointed stars using only CSS.

Social media icons with fade in and out animation using only CSS3

Social media icons with fade in and out animation using only CSS3
This article demonstrates how to simply create fade in and out animation using only CSS3 for social media icons.

Social media icons with slide up and down animation using only CSS3

Social media icons with slide up and down animation using only CSS3
This article demonstrates how simple it is to create slide up and down animation for social media icons using only CSS3.

CSS filter effects

CSS filter effects
CSS filters were created to achieve various visual effects when applied to DOM elements. In this article we will talk about the history of filters, what they are capable of and how to apply them. Also we will discuss their effect on performance of desktop and mobile devices.

Triangles with different shapes and orientations using only CSS

Triangles with different shapes and orientations using only CSS
CSS doesn't have special property for making triangles. But smart web developers invented a hack which allows to make triangles with different shapes and orientations using only CSS.

Creating circles and ovals using only CSS3 with cross-browser support

Creating circles and ovals using only CSS3 with cross-browser support
CSS3 still surprises with a bunch of new features. Making circles and ovals has never been easier before. It can be done by one simple CSS property with appropriate value.

How to create a simple tooltip using only CSS3

How to create a simple tooltip using only CSS3
This article demonstrates how to create a simple tooltip using only CSS3 with minimal styles. Consider the following example of tooltips for links.

Resizing YouTube and HTML5 videos proportionally using CSS for responsive web design

Resizing YouTube and HTML5 videos proportionally using CSS for responsive web design
This article demonstrates how video can be resized automatically to fit the width of its container using only CSS with appropriate aspect ratio. The current solution works for any video which is set in iframe, embed, object or video tags.

CSS3: media queries

CSS3: media queries
CSS3 introduces an extension on the media types you might already use in HTML4 and CSS2. These media types allow you to define style sheets specifically for screen and print media types, as well as others. But with CSS3 media queries, you can be more precise about where exactly you want to apply the styles it defines.

How to resize images proportionally using CSS for responsive web design

How to resize images proportionally using CSS for responsive web design
One of the important parts of a responsive web design is resizing the image automatically to fit the width of its container. Actually it's very easy, all you need to do is to set the appropriate value for max-width CSS property.

Not affected tags

HTML & CSS+138 Textile+81 Markup languages+59 Scripting languages+44 CSS3+37 PHP+24 JavaScript+23 Animation+17 HTML5+16 Image+16 Form+15 jQuery+14 Responsive web design+9 Link+8 Table+7 Text+7 Button+5 Icon+5 @keyframes+4 Image slider+4 Internet Explorer+4 List+4 Social media+4 3D+3 Alignment+3 Background+3 Beginner+3 Checkbox+3 Class+3 Color+3 Drawing+3 jQuery UI+3 margin+3 Menu+3 Object+3 Bookmarks+2 Bootstrap+2 border-radius+2 class+2 CLI+2 Date+2 Development methodology+2 Dialog+2 Drop-down list+2 Element+2 Email+2 Fancybox+2 Font+2 Framework+2 Gallery+2 Objective-C+2 padding+2 Programming+2 Radio button+2 Selector+2 Size+2 strtotime+2 Tag+2 text-shadow+2 this+2 Tooltip+2 unset+2 Variable+2 Widget+2 YouTube+2 @font-face+1 abbr+1 Accordion+1 Adaptive web design+1 Adobe+1 AJAX+1 Alternative text+1 Apple+1 Array+1 ASP.NET+1 audio+1 Audio player+1 block+1 Block+1 Border+1 border+1 box-shadow+1 Bulleted list+1 calc+1 Calendar+1 Canvas+1 Career+1 Cell+1 Character encoding+1 Chart+1 Circle+1 clearInterval+1 Clock+1 Code+1 Comparison+1 Component+1 Constant+1 Constructor+1 Counter+1 Cursors+1 D3.js+1 Datepicker+1 DateTime+1 define+1 Design+1 Destructor+1 Diamond+1 display+1 DOCTYPE+1 Effect+1 Effects+1 Email address+1 Event+1 Expression+1 Favicon+1 Favorites+1 File structure+1 File upload+1 file_get_contents+1 file_put_contents+1 Filter+1 Flash+1 float+1 Formatting+1 GET request+1 Gradient+1 Graphics format+1 Grid+1 Hack+1 hasLayout+1 Header+1 Heart+1 Height+1 hgroup+1 Hidden field+1 HTML+1 HTML document+1 id+1 indexOf+1 Initialization+1 inline+1 Insert+1 Java+1 Kanban+1 Lightbox+1 link+1 Links+1 Lists+1 Loader+1 mail.add_x_header+1 Map+1 mark+1 Media query+1 memory_limit+1 Meta tag+1 mysql_real_escape_string+1 Nested list+1 new+1 Numbered list+1 NVD3.js+1 Object location+1 Optimization+1 Oval+1 php.ini+1 PIE+1 placeholder+1 Plugins+1 POST+1 Pricing table+1 Programmer+1 progress+1 Progress bar+1 Python+1 Redirect+1 Request method+1 RGBA+1 Ruby+1 script+1 Scrum+1 Selection+1 setInterval+1 Shape+1 Software standard+1 SQL injection+1 Star+1 stdClass+1 String+1 Substring+1 Swift+1 target+1 Text field+1 Toggle box+1 Toggle button+1 transition+1 Transitional+1 Triangle+1 Typography+1 Underline+1 Units+1 Unix timestamp+1 Validation+1 Vendor prefix+1 vertical-align+1 Video+1 Web+1 Width+1 Windows+1 X-PHP-Originating-Script+1