Skip to main content

Home/ CSS Evangelist/ Group items tagged that

Rss Feed Group items tagged

tech vedic

Most important smartphones of 2012-13 - 0 views

  •  
    "iPhone 5 Called ""Gadget off the Year"" by Time Magazine, Apple's iPhone 5 (from $199 on 2-year AT&T, Sprint or Verizon plan) is a serious piece of hardware. Along with its powerful new A6 chip, iPhone 5 works on 4G/Long Term Evolution (LTE) networks for wireless speeds that rivals your home's broadband connection. iPhone 5 also has improved cameras: an eight-megapixel iSight rear-facing camera (3264 x 2448 pixels) and front-facing FaceTime camera with 720p HD quality for video calling. Samsung Galaxy S III The Samsung Galaxy S III (from $149 on 2-year plan with AT&T, Sprint, T-Mobile, U.S. Cellular, Verizon) is a true smartphone in every sense of the word -- and we're not even referring to its stunning 4.8-inch display, fast LTE speeds or versatile Android operating system. the Galaxy S III's front-facing camera knows when you're looking at the screen, so it'll give you the bright display you seek, but if your eyes look away it'll dim itself to preserve its battery. It also knows when you want to talk: if you're messaging with someone and want to call them, simply lift the smartphone to your ear and it'll dial for you. Nokia Lumia 920 As the flagship Windows Phone 8 device, Nokia's Lumia 920 (from $99.99 on 2-year AT&T plan), has a lot to offer, including a colorful Start screen with ""live tiles""; familiar Microsoft apps like Outlook, Word, Excel, PowerPoint and OneNote; and a People hub that aggregates all your contacts into one page per person (so you don't need to close, say Outlook, to see what that friend is up to on Facebook or Twitter). HTC Droid DNA and HTC One X+ A pair of Android-powered HTC devices are also worthy of ""best of 2012"" nods: the HTC Droid DNA ($149.99 on 2-year Verizon Wireless plan) and HTC One X+ ($199.99 on 2-year AT&T plan). Protected by Corning's uber-durable Gorilla Glass 2 technology, the Droid DNA's 5-inch 1080p HD screen was built for video, games, ebooks and web browsing. Integrated Beats Audio - an
Frederik Van Zande

Emblematiq :: Niceforms :: Overview - 0 views

  •  
    Web forms. Everybody knows web forms. Each day we have to fill in some information in a web form, be it a simple login to your webmail application, an online purchase, or signing up for a website. They are the basic, and pretty much the only way of gathering information on the web. You basically know a web form when you see one as they always look the same and they've kept this look over the years. Try as hard as you might but web forms can only change their appearance so much. Some may argue that this is a good usability feature, and I tend to agree, but there comes a time when you just need to style web forms so that they look different. How do you do that? Niceforms comes to the rescue! Niceforms is a script that will replace the most commonly used form elements with custom designed ones. You can either use the default theme that is provided or you can even develop your own look with minimal effort.
Vernon Fowler

Web Designer Notebook » How to use Modernizr - 0 views

  • Modernizr doesn’t actually magically enable these properties for browsers that don’t support them. It just tells the page whether that feature is supported on the browser the visitor is using or not.
  • To install Modernizr, download the file from this page. Then, on your site’s head tag, add a link to the file. For example: ?1<script src="js/modernizr-1.0.min.js"></script> The second step is to include on your html tag a class of “no-js”: ?1<html class="no-js"> Why add this tag? Because that will be the default state of the page. If JavaScript (js) isn’t on, then Modernizr won’t work at all (and probably other features of your site won’t work either…), so it’s good that we have a fallback for that case. If JavaScript is indeed enabled, once that page is loaded on the browser, that class will be replaced dynamically and it may look something like this: ?1<html class="js canvas canvastext geolocation rgba hsla no-multiplebgs borderimage borderradius boxshadow opacity no-cssanimations csscolumns no-cssgradients no-cssreflections csstransforms no-csstransforms3d no-csstransitions  video audio cufon-active fontface cufon-ready">
  •  
    "There is a tool that came to make our lives as progressive web designers a bit easier: Modernizr. In this short tutorial, learn how to apply this handy script to maximum effect on your sites."
tech vedic

First 3D printed car - 0 views

  •  
    "It might just be the precursor to the next industrial revolution and slowly but surely, 3D printing is expanding its presence into the realm of manufacturing. Now it seems that one of the first major industries to benefit from 3D printing is the same one that spawned the assembly line revolution - the automotive industry. Israeli company Stratasys, already a major player in the field and its subsidiary, RedEye On Demand, will be part of a project aimed at putting the first 3D printed car on the roads within two years, in partnership with KOR EcoLogic. "A future where 3D printers build cars may not be far off after all. There is a vision for a more fuel-efficient car that would change the world . URBEE 2, the name of the car, shows the manufacturing world that anything really is possible. There are few design challenges [3D printing] capabilities can't solve.""
Vernon Fowler

Battle of the LESS Mixin Libraries: LESS Elements vs. LESS Hat vs. Bootstrap | Design S... - 0 views

  •  
    LESS is a friendly, easily-approachable CSS preprocessor. Though ultimately, Sass and Stylus are more powerful and robust, LESS has a certain charm that keeps it as a forerunner in the battle of the preprocessors. If you're a Sass fan, then you can take advantage of Compass, an incredible framework that makes coding with complex CSS3 properties a breeze. But what about LESS users? Where's their Compass? Today we'll look at three awesome mixin libraries that will help fill that void.
tech vedic

Wear a wristband that glows when you get texts, notifications on your smartphone - 0 views

  •  
    How about a wristband that glows when you get a text message or a phone call on your smartphone? EMBRACE+ is the new gadget in the market that will glow in various colors on your wrist. The wristband will be a wearable gadget made for your smart phone and will display specific colors to indicate depending on what kind of notification you have received on your phone. You do not have to even take the phone out of the pocket. As soon as you get the notification, the wristband will give a visual notification in a specific color and will let you differentiate between a tweet and text message. The wristband connects to your smartphone using Wi-Fi connection.The EMBRACE+ wristband features will includes indications for incoming calls, text messages, new emails, notifications from social networks like Facebook, Twitter, LinkedIn and will even give you low battery levels indications. It will have a special feature that will help secure your phone. It will give notification if the smartphone goes far away from the wristband. The release date of the EMBASE+ wristband is July 2013. By-The Xpert Crew @ http://techvedic.com https://www.facebook.com/techvedicinc https://twitter.com/techvedicinc http://pinterest.com/techvedic1 http://techvedicinc.tumblr.com/
Scott Hendrickson

A List Apart: Articles: Frameworks for Designers - 0 views

  • How should a CSS framework be built? There are several possible ways to go about building a framework, but the most common and arguably the most useful is to abstract your common CSS into individual stylesheets that each cover a particular part of the whole. For example, you may have a stylesheet that sets up the typography and another that handles the mass reset. The beauty of the approach is the ability to selectively include only the styles that you need. You may end up with six or seven different stylesheets in your framework, but if a particular project doesn’t need one or two of them, they don’t have to be included. The framework we created in our office has five stylesheets: reset.css—handles the mass reset. type.css—handles the typography. grid.css—handles the layout grid. widgets.css—handles widgets like tabs, drop-down menus, and “read more” buttons. base.css—includes all the other stylesheets, so that we only need to call base.css from our (X)HTML documents to use the entire framework.
  • A word of caution This method works quite well, but there is a valid concern to be raised: it adds to the number of HTTP connections needed to render each page. On large, high-traffic sites, adding five more HTTP connections to every page view may result in angry system administrators. Two possible solutions to this are: Include everything in a single file, rather than breaking it into modules. The problem here is that you lose the ability to include only certain parts of the framework, and you also make maintenance more difficult. Have a server-side process that dynamically flattens the individual files into a single response. I’ve not seen this done, but it could be very efficient if done well. Using my example framework above, this dynamic process could occur when base.css is requested, but not when type.css, grids.css, etc. are. This way, the individual components are still available, but the entire framework is available in a flattened version, as well.
tech vedic

Top 5 tips you must know to stay safe on social networking sites - 0 views

  •  
    Soaring mobile Internet penetration has given new success dimension to the social network usage. Facebook, has recently reviled that 488 million users regularly use Facebook mobile, and a leading digital media firm Socialnomics has admitted that 23 percent of Facebook's users check their account 5 or more times daily. But a sad news is that, taking clues of the popularity, Internet attackers have targeted 54% of Social Networking Customers, claimed Barracuda Networks, a web security company.
Kaitlyn Em

VMOptions Web Directory- Internet > Website Design - 0 views

  •  
    Cyber DesignZ is a web design firm that offers professional web design, web development and graphic design. This company also offers software development services. Clients of Cyber DesignZ will always find affordable prices and effective solutions that surpass expectations. http://www.cyberdesignz.com ~ Details Category: Home : Internet : Website Design
  •  
    Cyber DesignZ is a web design firm that offers professional web design, web development and graphic design. This company also offers software development services. Clients of Cyber DesignZ will always find affordable prices and effective solutions that surpass expectations. http://www.cyberdesignz.com ~ Details Category: Home : Internet : Website Design
Kaitlyn Em

Vital Points to Follow Before Creating Your Business Logo - 0 views

  •  
    "We all know that first impression is the last impression. A company's logo design gives the whole picture of their respective business, thus it should be taken very seriously. One should avoid taking the risk and get their company's logo designed from a professional web designing company known for its exclusive work. A lot of businesses waste their money on their logo design just because they aren't aware of how to get if designed. Always get your logo designed professionally to avoid the disappointment. Owning a quality logo not only represents professionalism but also shows the expert and specialized image of that certain company."
  •  
    "We all know that first impression is the last impression. A company's logo design gives the whole picture of their respective business, thus it should be taken very seriously. One should avoid taking the risk and get their company's logo designed from a professional web designing company known for its exclusive work. A lot of businesses waste their money on their logo design just because they aren't aware of how to get if designed. Always get your logo designed professionally to avoid the disappointment. Owning a quality logo not only represents professionalism but also shows the expert and specialized image of that certain company."
yc c

CSS3 Playground by Mike Plate - 7 views

shared by yc c on 11 Aug 10 - Cached
  •  
    The CSS3 Playground is a web application for experimenting with some new css3 capabilities. Primarily those than conform to the progressive enhancement philosophy, which means that the styles can be used on all sites without severely changing/limiting the experience on browsers that does not support them (=Internet Explorer 8.0 and older). But there are also styles that may need better replacements on Internet Explorer such as rotation, and I hope I will have the time to add more in the future.
helloe

PingMag - The Tokyo-based magazine about "Design and Making Things" » Archive... - 7 views

  • Writing CSS is very much like having sex. Not everyone does it the same way and there is no particular “right” way to do it. I guess for me the similarities actually end there, seeing as writing CSS is something I do every day whereas having sex is…anyway I digress. The W3C have set the standards but beyond this, writing CSS is down to an individual’s preferences. Here are 5 little tips and ideas I’ve adopted in the last 6 months that you can use to make your CSS more streamlined, maintainable and easy to read. Written by Jon Disclaimer: The CSS example files are exactly that. They are not meant to be fully functional CSS documents. Class names in the CSS files are named merely so that you may visualise the document in your head (because there is no accompanying html), not because I condone the naming convention in them.
  • 1) Make a table of contents At the top of your CSS document, write out a table of contents. For example, you could outline the different areas that your CSS document is styling (header, main, footer etc). Then, use a large, obvious section break to separate the areas. Not only does this make your CSS look neater, but when it comes to making quick adjustments to certain areas of your website at a later date, finding the corresponding area in your CSS will be much easier. View Example File 1
  • 3) Isolate single properties that you are likely to reuse a lot If you find yourself using a single property a lot, isolate it to save yourself repeating it over and over again and also enabling you to change the display of all parts of the site that use it. View Example File 3
my mashable

TwitterRemote Recreates MyBlogLog Using Twitter Accounts - 0 views

  •  
    From the creators of TwitterCounter - the popular chiclet that displays your Twitter follower count (see our sidebar) - comes TwitterRemote, a very simple widget that functions much like MyBlogLog, except it shows you recent visitors to your site that are also Twitter users.
Vernon Fowler

Font sizing with rem - Snook.ca - 0 views

  • The problem with em-based font sizing is that the font size compounds. A list within a list isn't 14px, it's 20px. Go another level deeper and it's 27px!
  • The rem unit is relative to the root—or the html—element. That means that we can define a single font size on the html element and define all rem units to be a percentage of that. html { font-size: 62.5%; } body { font-size: 1.4rem; } /* =14px */ h1 { font-size: 2.4rem; } /* =24px */
  • We can specify the fall-back using px, if you don't mind users of older versions of Internet Explorer still being unable to resize the text (well, there's still page zoom in IE7 and IE8). To do so, we specify the font-size using px units first and then define it again using rem units. html { font-size: 62.5%; } body { font-size: 14px; font-size: 1.4rem; } /* =14px */ h1 { font-size: 24px; font-size: 2.4rem; } /* =24px */
  • ...3 more annotations...
  • I'm defining a base font-size of 62.5% to have the convenience of sizing rems in a way that is similar to using px.
  • consistent and predictable sizing in all browsers, and resizable text in the current versions of all major browsers
  • The compounding nature of em-based font-sizing can be frustrating so what else can we do?
thompsonmarry

Getting Started with Firefox extension - Diigo help - 0 views

  •  Feature Highlight: Highlights Diigo saves the day with "highlights". Highlights let you select the important snippets on a page and store them in your library with the page's bookmark. Let's try it. Just open a page, maybe one of your old-school bookmarks or one of your new cat bookmarks, and find the information on that page you actually care about. Select that important text. Got it? Okay, now put your hemet on, 'cause this might blow your mind! Click the highlight icon on the Diigo toolbar. It's the one with the "T" on a page with a yellow highlighter. You will notice that the selected text gets a yellow background. This means that the text has been saved in your library, and as long as you have the Diigo add-on the text will be highlighted on the page! How's that for easy?   Now you've highlighted the text. It will appear in your library within the bookmark for the page it is on. Go to your library and you can see how it works. If you're not sure how to get to your library, just click the second icon on the toolbar (Diigo icon to the left of the search bar) and then select "My Library »".
  • Sticky Notes on the Web What? I can put a sticky note on a web page? How? Oh, that's right! Diigo. Just right-click anywhere on the page and choose to "add a floating sticky note". Type up your note and choose "Post", then move the note anywhere on the page. You have to type a note first, before you move it where you want, otherwise there's nothing to move!
Perry Branch

A List Apart: Articles: Understanding Web Design - 0 views

  • Architecture (the kind that uses steel and glass and stone) is also an apt comparison—or at least, more apt than poster design. The architect creates planes and grids that facilitate the dynamic behavior of people. Having designed, the architect relinquishes control. Over time, the people who use the building bring out and add to the meaning of the architect’s design.
  • Web design is the creation of digital environments that facilitate and encourage human activity; reflect or adapt to individual voices and content; and change gracefully over time while always retaining their identity.
  • Great web designs are like great buildings. All office buildings, however distinctive, have lobbies and bathrooms and staircases. Websites, too, share commonalities.
  • ...1 more annotation...
  • The experienced web designer, like the talented newspaper art director, accepts that many projects she works on will have headers and columns and footers. Her job is not to whine about emerging commonalities but to use them to create pages that are distinctive, natural, brand-appropriate, subtly memorable, and quietly but unmistakably engaging.
  •  
    A good discussion of Web Design in the context of traditional design.
Ace Dee

SEO: Not an Ad Hoc Strategy - 1 views

Search engine optimisation or SEO is a task that needs to be done regularly and not just an ad hoc strategy. Oracle Digital has made sure that their client's website was done correctly so that it ...

SEO

started by Ace Dee on 24 Aug 11 no follow-up yet
1 - 20 of 340 Next › Last »
Showing 20 items per page