Sabtu, 02 Agustus 2014
12 powerful websites that can replace your desktop software #PCWorld
The World Wide Web sure ain't what it used to be, and when it comes to
getting things done anywhere and everywhere, that's a good thing. Once,
the idea of working in your browser was nothing more than a pipe dream.
And the idea of replacing desktop software with online alternatives
completely? Pfah! Ridiculous.
12 powerful websites that can replace your desktop software
12 powerful websites that can replace your desktop software
Pure CSS Off-screen Navigation Menu
Hamburger menu, drawer menu, off-canvas menu: Whatever you call it,
hiding a website’s primary navigation just off screen is becoming a
ubiquitous pattern in responsive web design. More and more sites feature
a fixed-position icon that, when tapped, pushes the entire site to the
side to reveal a hidden navigation menu.
While there are plenty of jQuery plugins that will create this effect
for you, it’s actually pretty easy to achieve without using any
JavaScript at all.
This article will show you how to make a simple version of the off-canvas menu and sliding effect using only CSS.
Before we get started, I’d like to make a note that using this method
for creating the drawer menu means your site’s navigation will always
be in a drawer, regardless of viewport size. If you only want the drawer
menu on smaller screens, you’ll have to use some JavaScript to
manipulate the DOM order or use some funky CSS to make the menu look
right on larger screens. In other words: It’s pretty and simple, but
it’s not always the right solution for every situation.
Make A Digital Business Card For All Devices - Demosthenes
As a vcard file – the digital equivalent of a business card – the hcard format is supported in most devices and contact managers, such as Blackberry and eMail software. It makes sense to allow a site visitor to download the address information for a company into their contact manager software.
CSS Fluid Image Techniques for Responsive Site Design
“Responsive design” is not a single technology but a set of techniques* that allow web pages to serve the needs of both mobile and desktop users. The core components are:
CSS @media queries
Fluid images and video
JavaScript, often triggered by window.matchMedia
Server-side solutions
SVG to create resolution-free images
CSS @media queries
Fluid images and video
JavaScript, often triggered by window.matchMedia
Server-side solutions
SVG to create resolution-free images
Best Web Design and Web Development Articles Roundup #7
Are you a web designer or developer? Are you eager to learn and adapt the new trends and technologies in website designing and development? Then, this post is absolutely for you. In this industry new technologies or methods are introducing all day which means you have to brush up your skills all day. There are thousands of blog articles are publishing every day about new web designing technologies and trends. In this post we are listing 10 excellent articles roundup every week.
25 Useful HTML5 and CSS3 Tutorials, Techniques and Examples
 |
| HTML5 and CSS3 Tutorials, Techniques and Examples |
Langganan:
Postingan (Atom)