Posts Tagged ‘borders’
Sunday, August 7th, 2011
In this lesson we return to HTML to cover a few more important element types. The first of these is the iframe. Iframe stands for inline frame, and iframes are like rectangular windows in a web page, within which another web page can be displayed. This allows you to incorporate portions of other websites within [...]
Tags: attribute, basic html, borders, default size, element types, google, html attributes, iframes, rectangular windows, scratch, target, value pairs, web page, widgets
Posted in Tutorials | No Comments »
Monday, April 11th, 2011
Now that CSS3 and HTML5 are well and truly here, fixing websites for Internet Explorer has become a more arduous task than most designers are prepared to undertake. Why do I say this? Well, taking a look at the web today it seems that the majority of web designers have simply given up on adding [...]
Tags: arduous task, background color, borders, bugs, chrome, chrome frame, colour, css, css3, cutting edge, design, drop shadows, gif, gradients, html, internet explorer, javascript, jQuery, png, replacements, rounded corners, safari, segments, square corners, textured background, transparent areas, trident, web designers, web today, webkit
Posted in useability, web design | 6 Comments »
Thursday, April 7th, 2011
If you’ve been paying any attention to my blog you will have seen that I never finished styling the tweet feed widget. The issue was this: there are some inline styles which the widget inserts dynamically. I didn’t quite realise this until I went back to finish off my stying. In case you don’t know [...]
Tags: bd, blog, borders, bugs, css, design, doc overflow, firebug, html, img border, inline styles, lt, radius, tweet, twitter, twtr, widget, zoom
Posted in Tutorials, web design | 4 Comments »
Wednesday, March 23rd, 2011
This tutorial gives instructions for Safari (Webkit), and the demonstration files include styles for Safari and FireFox4. OK so in the last tutorial I showed you how to make an equilateral triangle with css3. Now you can use this basic triangle to make a flower, or another symmetrical shape, using the css3 attributes transform and [...]
Tags: background color, borders, circle and triangle, color fuchsia, colour, css, css3, demonstration files, design, diameter, divs, elements, equilateral triangle, flower petal, isosceles triangle, overflow, petals, radius, safari, symmetrical shape, transition, webkit
Posted in CSS3, Tutorials, web design | 2 Comments »
Saturday, March 19th, 2011
This is a must-read eBook for web designers everywhere. I keep hearing Ben’s voice in my head as I code: if in doubt, take it out. Simplify, simplify, simplify. Don’t waste space on unnecessary details! I had already noticed how quickly borders and other fancy tricks eat up valuable screen real estate. Ben Hunt takes [...]
Tags: attention grabbers, attention span, books, borders, bright colours, colour, colourful, content area, credibility, design, fancy tricks, heading, microseconds, sentences, unnecessary details, useability, waste space, web designers, white space, widget, word count
Posted in books, web design | 2 Comments »
Wednesday, March 9th, 2011
This tutorial is based on an article from css tricks showing how to create triangles with CSS3. mandala The basic principal is that you define a div with width: 0 and height:0, and then define three borders: two transparent borders on either side cut the third border into a sharp point (triangle), the [...]
Tags: angled triangle, angled triangles, black, borders, caption, colour, concepts, css, css tricks, design, div, equal angles, equilateral triangle, hypotenuse, isosceles triangle, mandala, number solutions, pythagorean triangle, pythagorean triple, sharp point, six pointed star, whole number
Posted in CSS3, Tutorials, web design | 11 Comments »
Saturday, March 5th, 2011
Today I decided to log in to twitter, something I have not done in quite a while – until a week or so ago. I had removed the twitter feed widget that I had on my page due to lack of use, but decided to give it another go. One potential advantage of having the [...]
Tags: black, blog, borders, browser menu, code generator, containers, css, design, google, html, markup, safari, search engines, search ranking, tweets, twitter, view source, web inspector, widget
Posted in Tutorials, web design | 11 Comments »
|