Skip to main content

Home/ Web Development & Mobile App/ Group items tagged WebDesign

Rss Feed Group items tagged

Biztech Consultancy

Biztech Consultancy comes up with a mobile version of its Website - 0 views

  •  
    Biztech Consultancy, one of the fastest growing Web Development companies in India recently unveiled the mobile version of its original website.
Vernon Fowler

SVG Files: From Illustrator to the Web - Tuts+ Design & Illustration Tutorial - 0 views

  •  
    "Scalable Vector Graphics (SVG) is a vector image format which began life back in 1998. It was always developed with the web in mind, but only now has the web actually started to catch up. There's no denying its relevance today, so let's have a look at the basics of taking SVG from Illustrator to the web browser."
Vernon Fowler

Extending HTML5 - Microformats | HTML5 Doctor - 0 views

  •  
    "While HTML5 has a bunch of semantic elements, including new ones like and , sometimes there just isn't an element with the right meaning. What we want are ways to extend what we've got, to add extra semantics that are machine-readable - data that a browser, script, or robot can use."
Vernon Fowler

TYPOGRAPHY: Alignment - 0 views

  • Centered and right-justified text blocks are difficult to read.
  • We read from left to right, anchoring our tracking across the page at the vertical line of the left margin.
  • The ragged left margins produced by centering or right-justifying text make that scanning much harder, because your eye needs to search for the beginning of each new line.
  • ...1 more annotation...
  • Until typographic options for Web pages become more sophisticated, we recommend that you use left-justified text blocks and headlines as the best solution for most layout situations.
Vernon Fowler

How and why to create a pattern library - 0 views

  • Once a website reaches a certain size and complexity (especially if a number of sub-sites are involved) the argument for a pattern library are overwhelming. These benefits are three fold:
  • In this era of web applications accessibility is often forgotten. That is why I always include accessibility considerations in my pattern libraries. There will always be a section in a pattern definition where I make notes that a pattern should be keyboard accessible or can be interpreted by a screen reader.
  •  
    "Whether working for a large corporation like Nestle, a higher education institution like the University of Strathclyde or a big charity such as the Environmental Defence Fund, I increasingly find myself turning to pattern libraries as the solution to the particular problems faced by these bigger websites. But what is a pattern library, why do you need one and how do you go about creating them?"
Vernon Fowler

Untangling Web Typography ◆ 24 ways - 0 views

  • When you’ve analyzed as many pages or different views as you’d like, you’ll start to see some interesting patterns emerge in the data. In the right-hand column, you’ll see examples of how each kind of typography we found has been used in a real context on your site. It is organized by color and then by size so you can easily see how you are using typography.
  • The next thing you’ll want to take a look at is in the first column, called “Count”. We’ve counted how many times you’ve used each combination of typographical styles. This can be incredibly helpful when deciding which styles were intentional, versus one-off color pick errors or experiments that never got removed from the code base. If you’ve used one color blue 1,400 times, and another just 23, it’s pretty obvious which is more in line with broader site-wide styles.
Vernon Fowler

Semantic code: What? Why? How? | Boagworld - Web & Digital Advice - 0 views

  • semantic code aids accessibility
  • Semantic code tends to improve your placement on search engines
  • semantic code is shorter and so downloads faster
  • ...3 more annotations...
  • Semantic code makes site updates easier
  • Semantic code is easier for people to understand too
  • There is no tool that can check for semantic code. It is a matter of looking at the code and seeing if it refers to colours, fonts or layout instead of describing what the content is.
Vernon Fowler

Pictaculous - A Color Palette Generator (courtesy of MailChimp) - 0 views

  •  
    Email an image [or photo] to colors@mailchimp.com and wait a couple of minutes for a web HEX code palette, an Adobe palette, and colour theme suggestions from http://kuler.adobe.com and http://colourlovers.com
Vernon Fowler

Forrst | Posts from everyone - 0 views

  •  
    "Forrst is a community where designers and developers can share their work and get the feedback they need. It's maintained by ZURB, a product design company that helps companies design better web sites, services and online products."
Vernon Fowler

The Genericons Icon Font Story | ThemeShaper - 0 views

  • The OpenType font file (.otf) is even included so you can can drop it in your system fonts folder and use the font in Photoshop if you like.
  • The flexibility you get from being able to use CSS to change the way they look, like re-coloring all the icons with one simple rule, makes them superior to SVG for this use case. They also work in all modern browsers
Vernon Fowler

Wirefy | The Responsive Wireframe Framework - 0 views

  •  
    "Wirefy is a style agnostic wireframe tool built on the principles of content first. It allows you to create functional responsive wireframes using standard elements. Many frameworks focus on quick layouts and base styles. This allows you to focus on the content rather than the subjective design decisions."
« First ‹ Previous 41 - 60 of 71 Next ›
Showing 20 items per page