Build a smart mobile navigation without hacks
Aaron Gustafson explains how to build a progressively-enhanced, CSS-based dropdown that works as part of a responsive design
All CSS articles
There are 210 articles tagged with CSS
Browse by tag
- .net awards (11)
- 2011 in review (10)
- 2012 in review (7)
- 3D (9)
- API (34)
- Accessibility (35)
- Advertorial (2)
- Agencies (27)
- Ajax (5)
- Android (18)
- Art direction (4)
- Books (1)
- Browsers (96)
- Business (122)
- CMS (13)
- CSS (184)
- CSS3 (77)
- CSS4 (1)
- Clients (3)
- Cloud (10)
- Coders (14)
- Coding (50)
- Comic (27)
- Conferences (20)
- Content producers (24)
- Content strategy (31)
- Creativity (20)
- Culture (19)
- Design (334)
- Designers (74)
- Development (167)
- Drupal (7)
- Education (30)
- Experts & evangelists (29)
- Expression Engine (7)
- Facebook (22)
- Flash (36)
- Freebies (2)
- HTML (80)
- HTML5 (165)
- Hosting (11)
- ISPs (1)
- Illustrator (5)
- Industry trends (265)
- Inspiration (161)
- JavaScript (111)
- Magazine (11)
- Major players (59)
- Marketing (21)
- Mobile (146)
- MySQL (2)
- Navigation (14)
- PHP (35)
- Photoshop (31)
- Progressive Enhancement (9)
- Responsive web design (113)
- Ruby on Rails (4)
- SEO (24)
- SVG (15)
- Search (26)
- Security (13)
- Silverlight (4)
- Social media (124)
- Software (7)
- Technology (6)
- Tools (24)
- Trends (2)
- Twitter (17)
- Typography (39)
- UX (69)
- Usability (27)
- Video (21)
- Web Standards (52)
- WebGL (16)
- Windows Phone (2)
- Wireframes (10)
- Wood (1)
- WordPress (29)
- XML (4)
- awards (5)
- eCommerce (27)
- iPad (24)
- iPhone (29)
- jQuery (51)
- test (1)
- tumblr (2)
- webpro (5)
-
-
Hot in web standards: May 2012
In the first of a regular series of reports, Lea Verou summarises the latest need-to-know developments in the fast-moving world of the Working Groups ... -
CSS4 media queries to tackle touch
Shift to input concepts rather than explicit lists will benefit developers -
The problem with adaptive images
Designer and developer Christopher Schmitt examines the problem of adaptive images and looks at issues such as screen resolution and Retina displays, bandwidth and browser width -
July 2012 (#229)
We've changed editors but we haven't changed our usual mix of features and hands-on tutorials covering the latest web technologies. The cover feature, for a start, rounds up the latest apps for responsive design, image compression and more! -
Building a modern grid system
ZURB's Jonathan Smiley looks at what it takes to create a grid system that will help us build faster, better and with an eye to the future -
The top 8 web standards myths debunked
Lea Verou takes a look at some of the misconceptions of web standards, what the W3C and its working groups actually do and how the standardisation process works -
Texturise web type with CSS
As newer CSS properties, such as text-shadow, gain traction, there’s no limit to what can be done with web type. Trent Walton from Paravel goes a step further by texturising it -
Fonts.com given major overhaul
Web fonts integrated into main site and web-oriented previews added -
Build a responsive site in a week: going further (part 5)
In the final part of our responsive web design tutorial, Clearleft’s Paul Robert Lloyd explains how there is more to a responsive design than just flexible layouts, images and media queries -
Flickr reveals ‘slick’ HTML5 uploader
Desktop-like uploader brings one-stop upload-and-organise experience -
15 fabulous responsive sites for your inspiration
Antony and Jerome Ribot present 15 of the best responsive sites featured in our mag's Gallery over the last six months -
Build a responsive site in a week: media queries (part 4)
In the penultimate part of our responsive web design tutorial, Clearleft's Paul Robert Lloyd explains how media queries work, and describes a device-agnostic approach to breakpoints. -
Opera confirms WebKit prefix usage
Open web under fire as Opera argues author errors forced its hand -
Build a responsive site in a week: images and video (part 3)
In the third part of our responsive web design tutorial, Clearleft’s Paul Robert Lloyd looks at incorporating images and video into responsive layouts, and describes some of the problems in this area that still need solving. -
Handling typography for responsive design
You've got your layout and images scaling, but you need to have your type following along as well. One size of type does not fit all line lengths or screen widths! -
Adobe & HTML website unveiled
Site showcases Adobe’s work with advanced web standards -
Andy Clarke on the new 320 and Up
Behind the scenes of the mobile-first responsive web design boilerplate -
50 fantastic tools for responsive web design
To get started with building a responsive site, having a strong toolkit can make a world of difference. Here Denise Jacobs and Peter Gasston round up 50 great tools to aid the process of making your sites responsive -
Build a responsive site in a week: typography and grids (part 2)
In the second part of our responsive web design tutorial, Clearleft’s Paul Robert Lloyd will tell us how to translate static page designs into adaptable, fluid websites. So let go of those pixels and learn to love proportions!
