Skip to main content

Home/ CSS Evangelist/ Group items tagged a

Rss Feed Group items tagged

Mr. DiGi

Beautiful and Simple CSS Button Styling - 8 views

  • Particletree CSS Button Style
  • Scalable CSS Buttons Using PNG and Background Colors
  • Woork CSS buttons with icon set
  • ...5 more annotations...
  • Liquid & Color Adjustable CSS Buttons When working on a large site with multiple buttons, it can be quite tedious to make all the buttons in Photoshop. Making future adjustments on the verbiage and colors can be also be time consuming.
  • Styling the Button Element with CSS Sliding Doors
  • Bold CSS Buttons
  • Pure CSS Buttons
  • Roll Over Button
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
Jason Bao

Layout Gala: a collection of 40 CSS layouts based on the same markup and ready for down... - 0 views

shared by Jason Bao on 14 Feb 07 - Cached
  • In November 2005 I presented on pro.html.it a three-part article on creating CSS layouts using techniques like negative margins, any order columns and in some case opposite floats. The main goal of the article was getting the maximum number of layouts based on the same markup, each with valid CSS and HTML, without hacks nor workaround and a good cross-browser compatibility. The result is a set of 40 layouts that we've thought worth sharing: on each of them you'll find also a download link (if you want, you can download the entire collection, 40 HTML pages in a single zip file). Further details can be found below the gallery.
tech vedic

BlackBerry Z10: Easier to use than Android with loads of features - 0 views

  •  
    BlackBerry Z10 is the touchscreen version which is very similar to the other smartphones available in the market. Display with 4.2inch screen gives a resolution of 1268 x 768 pixels i.e. 768 pixels per inch. The BlackBerry Z10 is easier to use than Android and more powerful, giving faster access to e-mails, tweets, facebook updates and messages. The Z10 has 16GB on inbuilt memory. Unlike the iPhone, the BlackBerry Z10 will allow user to extend the storage with microSD card slot. It sports a chip letting the phone act as a credit card at few payment terminals and share data wirelessly when tapped against some other phones. BlackBerry Z10 comes with handsome cameras with 8MP on back and 2MP on the front. The rear camera can record is a 1080p high definition camera while the front has 720p resolution. One more good thing about the BlackBerry Z10 is its battery life. The talk time is upto 10hrs on 3G. Upto 60 hours of audio playback and 11 hours of video playback. The BlackBerry messenger (BBM) in BlackBerry Z10 includes voice calling and video chatting and allows user to share its screen with another. Another distinguishing feature is the BlackBerry Balance which allows two personas on the same device still keeping the individual data secure. One can set Work mode and personal mode and can switch between them easily. The Time shift is a camera feature that lets you capture a group shot where everyone is smiling with their eyes wide open. BlackBerry Z10 introduces new browser which includes HTML5 support which has a reader mode. By-The Xpert Crew @ http://techvedic.com https://www.facebook.com/techvedicinc https://twitter.com/techvedicinc http://pinterest.com/techvedic1 http://techvedicinc.tumblr.com/
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."
yc c

Yahoo! UI Library: Graded Browser Support - 0 views

  • Tim Berners-Lee, inventor of the World Wide Web and director of the W3C, has said it best: “Anyone who slaps a ‘this page is best viewed with Browser X’ label on a Web page appears to be yearning for the bad old days, before the Web, when you had very little chance of reading a document written on another computer, another word processor, or another network.”
  • Methodologies including layered development via progressive enhancement, Unobtrusive Javascript, and Hijax ensure that higher layers don’t disrupt lower layers. However, representative testing of the core experience is critical. If you choose to adopt a Graded Browser support regime for your own web applications, be sure your site’s core content and functionality is accessible without images, CSS, and JS. Ensure that the keyboard is adequate for task completion and that when your site is accessed by a C-grade browser all advanced functionality prompts are hidden.
Frederik Van Zande

The Big Table Problem | 8164 - 0 views

  •  
    My friend/ex-coworker Sam the Wonder Boy used to send me late night AIM messages comprised of only three letters, "M.F.R." This would then send chills up my spine, and I'd curl up on the floor in fetal position and weep nonstop. OK, I'm exaggerating a quite bit, and Sam doesn't do that anymore. "M.F.R." stands for "Monthly Forecast Report." It was one of the many modules of a huge intranet web application we worked on years ago. As the name implies, it was a report. Before arriving to the actual report screen, the user could select some criteria such as date range, products, etc. Depending on the selection, the report can have up to sixty columns and thousands of rows. It was quite a challenge both on the backend and frontend. I initially created it using server side Excel API and dumped it to the frontend as an excel sheet. In version 2 I made it as an HTML table with the Excel export option. In version 3 I ditched HTML and went for Crystal Report, in version 3.5 it became Active Report. In version 4 we rewrote the whole application as a .NET client app, with the report section being Excel again. In version 5, well there wasn't a version 5. The whole project got outsourced to India and the team was disbanded. But that's a blog for another day.
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.
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
yc c

CSSVista: Live CSS editing with Internet Explorer and Firefox simultaneously - 0 views

  • CSSVista What is it? CSSVista is a free Windows application for web developers which lets you edit your CSS code live in both Internet Explorer and Firefox simultaneously. If you like this, you may be interested in our browser compatibility service, SiteVista. Yes, that's why this software is free! :-) You can download it here. We want your feedback! Please take a moment to let us know what you think of the program. You can do that either in the comments of this blog post, or by emailing us. Screenshot Why is it free? What's the catch?
  •  
    CSSVista is a free Windows application for web developers which lets you edit your CSS code live in both Internet Explorer and Firefox simultaneously.
tech vedic

Combine the wallet and your phone two together and carry just one - 0 views

  •  
    "Your wallet and your phone are probably the two items you carry around with you the most. What if you can combine the two together and carry just one item? Now you can with the new Q Card Case for the iPhone 5 by CM4. The Q Card Case is a 2-in-1 device that functions both as a protective casing for your iPhone5 as well as a wallet. It has space to comfortably fit 3 credit card sized cards plus cash. The case is made from a special patent pending soft-touch rubber and premium fabric. It also has a cut out slots for quick access to the cards as well for accessing all the buttons on your iPhone. It even has a big cut out at the bottom of the case to allow for in-case charging as well as fully compatible with Apple's Lightning port to 30-pin port adapter. The Q Card Case is available in 4 colors - Black Onyx, Mahogany Brown, Pacific Green and Red Rouge." By-The Xpert Crew @ http://techvedic.com https://www.facebook.com/techvedicinc https://twitter.com/techvedicinc http://pinterest.com/techvedic1 http://techvedicinc.tumblr.com/ https://plus.google.com/u/0/110467075169904075419/
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."
my mashable

20+ Great Twitter Tools for Firefox - 0 views

  •  
    People love Twitter, and they love Firefox, so it only seems natural that there would be quite a few tools to merge these two items.Whether you want to have a full Twitter client inside of your browser, or just the ability to share parts of a site, a whole Web page or just the URL of the site you are reading, there is a tool for you. Take a look through these 20+ tools and there is sure to be something that appeals to you.
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.
Frederik Van Zande

sIFR lite - 0 views

  •  
    once upon a time some really good web developers created sIFR. Their goal was to seamlessly convert HTML headlines into nice fonts. Well, these developers did a great job getting it to work nicely. Looking at their code, I decided I would create a "lite" version of sIFR using a more object-oriented approach. sIFR Lite is a bit easier to read, and more intuitive to use. The only drawbacks are that it is currently unproven on a large scale in the real world. This library is of course open-source, so I welcome you to submit any improvements, suggestions, or bug reports using my contact form.
anonymous

13 Awesome Javascript CSS Menus - 0 views

  • 13 Awesome Javascript CSS Menus Posted in: Ajax, Javascript, CSS 31 Comments, Add a Response
‹ Previous 21 - 40 of 698 Next › Last »
Showing 20 items per page