via planetweb
lundi 31 mars 2014
Facebook News Feed Rule Changes Are A Step Too Far For One Business
via planetweb
Content-out Layout: the Resources
The method I outlined in my recent article, “Content-out Layout”, is actually the culmination of quite a few different influences. If you’re interested in a deep dive, I have compiled this list of the most useful thinking on the web about ratios, grids, and fluid design. Enjoy!
Grids
Grids, as we know them, are having to adapt to a fluid canvas. It helps, first, to have a strong understanding of how grids are built, how they’ve traditionally been applied in design, and how they work into responsive design:
- “Five simple steps to designing grid systems” by Mark Boulton
- The Grid System created by Antonio Carusone
- “Fluid Grids” by Ethan Marcotte
Philosophy of Fluid Layout
As we stop designing pages on the web, and start designing systems to be applied across myriad viewports, it helps to have the right mindset:
- “A New Canon” by Mark Boulton
- “The In-Between” also by Mark Boulton
- “The Infinite Grid” by Chris Armstrong
Ratios in Nature and Design
Ratios are nothing new in design. The underlying mathematics of natural phenomena have inspired architects, sculptors and humans in general for centuries:
- Dynamic rectangles on Wikipedia
- “You do the math!” an interview with Peter Crnokrak
- Mathematics and Architecture on Wikipedia
Ratios in Web Design
Using ratios in web layouts has been explored before. I found these two very different posts inspirational in searching for a way to work with ratios in fluid design:
- “What’s Golden” by Jason Santa Maria
- “Composing the New Canon” by Owen Gregory
Working with a Scale
Typographers will find working with scales familiar. There is lots of great thinking, here, that can be adapted for layout:
- “Don’t compose without a scale” from The Elements of Typographic Style Applied to the Web by Richard Rutter
- “More Meaningful Typography” and Modular Scale by Tim Brown
- “A More Modern Scale for Web Typography” by Jason Pamental
On Harmony in Book Design
I didn’t get the space to touch on this much in my article, but even in a fluid environment, it is ideal to think about the relationship of your content area and the viewport. Book designers have been exploring this idea since the 16th century:
- “The Form of the Book, Digested” a selection of excerpts from The Form of the Book, by Jan Tschichold, which is sadly out of print
- An excerpt from Book Design , by Andrew Haslam
via planetweb
Amazing Benefits of Mobile Web Design:
via planetweb
Improve Your Conversion Rate With a Convincing Ecommerce Design
via planetweb
Best Magento Templates By Supreme Theme
via planetweb
Hire Professional Magento Developers for a Proficient Online Store
via planetweb
Amazing Tips For Successful And Effective Web Design
via planetweb
Figure Out How To Get New Furnishings By Making Use Of These Pointers!
via planetweb
Figure Out How To Get New Furnishings By Making Use Of These Pointers!
via planetweb
dimanche 30 mars 2014
How To Set Up Your Own Website Designing Company
via planetweb
samedi 29 mars 2014
Learn How To Get New Furnishings By Making Use Of The Following Tips!
via planetweb
Learn How To Get New Furnishings By Making Use Of The Following Tips!
via planetweb
What Anime Character Do I Look Like
via planetweb
Why One Should Choose Web Designing Company India
via planetweb
vendredi 28 mars 2014
WebmasterWorld Weekly Round-Up 28 March
via planetweb
How Good Or Bad Are Cartoon Channels For Your Kids?
via planetweb
Google Passes Referrer String From IE8
via planetweb
Why the Search Engine Optimization Is Necessary?
via planetweb
Excellent Tips About Web Design That Are Easy To Follow
via planetweb
Web Design Tips: Create An Amazing Site
via planetweb
Below Is The Best Place For Special Tips About Web Design
via planetweb
Helping You Figure Out Web Design With These Simple Tips
via planetweb
Take Your First Step in Online Market With Website Design Tampa
via planetweb
Boosting Your Website Performance With Dedicated Server Hosting
via planetweb
Get Extra Benefits With Customized Web Development Services
via planetweb
jeudi 27 mars 2014
Wordpress Website Builder To Boost Your Business
via planetweb
Facebook, Google, LinkedIn, and Twitter Collaborate Over WebScaleSQL For Massive Databases
via planetweb
Beautiful User Interface for Right Kind of Functionality
via planetweb
This week's sponsor: Vitamin T
Thanks to our sponsor, Vitamin T.
Vitamin T connects amazing digital creative talent with equally awesome mid-sized companies and ad agencies. Freelancers rejoice!
Looking for talent? Awesome. Looking for work? Perfect.
via planetweb
Ecommerce Web Design Helps to Stay Connected With the Prospective Customers
via planetweb
Twitter Makes Photo Sharing More Social With Multiple Photos and Tagging
via planetweb
Why Is Joomla Framework a Preferred Choice of Many?
via planetweb
Web Designing and Development
via planetweb
Report: Klout Acquired By Lithium Technologies For $200 Million
via planetweb
Rachel Andrew on the Business of Web Dev: Our Enclosed Space
I speak fairly frequently at conferences, and I get to listen to a lot of web designers and developers giving their presentations at these events. I often have my laptop open on my knee to keep an eye on Perch support while I listen. What I hear from designers espousing the latest techniques in my conference circuit world jars with the queries I answer in support. An ever-widening gulf seems to be emerging between the “thought leaders” of the web, and the reality of people doing great work for clients on often extremely limited budgets.
At one conference recently, a speaker was reminiscing about how we used to charge for websites by the page. Yet the fact that companies such as SquareSpace are doing so well shows that out there in the world, people do want to build a few web pages. There are many people who do see their sites as being a homepage and a collection of other pages. Perhaps design businesses are charging “by the page” because it makes sense to their customers.
The echo chamber
It is very easy—and I know because I’ve been there—to assume that everyone knows what we know, cares about the things that we care about, or has and wants the same business opportunities we do. We can end up participating in a Twitter echo chamber of people who have experiences similar to ours; who are at a similar stage in their career, and tend to think in a similar way. We attend conferences that have a high ticket price and so attract only those sent by companies—and therefore working in larger teams—or highly successful independent designers and developers.
Unless you are sent by a company, speaking at a conference has a cost. If you are someone who charges an hourly rate, you will find that even where a speaker fee is paid, it doesn’t cover the time it takes to prepare the talk, travel, and attend the event. Writing web books is a money earner for only a very few authors. Therefore the voices we hear most frequently are from a particular segment of the industry—those who can afford to spare the time.
We can find ourselves with a small segment of our industry speaking to the same small part of our industry. We can quickly forget that there is a much wider industry, and people working outside of our circle often have quite different challenges and concerns.
Through supporting Perch, we encounter people who are the web designer for their local area. They operate in a “high touch” world, sitting down with their customers and working out how to best serve their business. They are often charging very little for their services, yet are making a huge difference to the businesses they develop sites for. They are doing great work, if we value that work by the difference it is making to those who benefit from it. Yet I rarely hear this type of work discussed outside of talking with our customers.
It is important that best practice is discussed and strategies for working in large teams hammered out. We need thought leaders; we need the people who enjoy debating specifications; we need people who create new tools and ways of working and want to share them with us all. It’s important that there are people who have the time, energy, and space to do this—because people who are just working hard to make a living often don’t have time. The fact that it is perfectly normal on the web for companies to share the things they have learned, even releasing the source code of projects for other people to use, is one of the brilliant things about the world in which we work. It is something we all benefit from.
Like talking to a wall
My fear is that by allowing ourselves to believe that everyone knows certain things, or everyone is working in a certain way, we stop producing great materials for the generalists who create small websites, on their own, with a tiny budget.
For example, when I see someone in support struggling with an issue that is front-end development and not related to our software at all, I want to be able to send them to a straightforward CSS or JavaScript resource. I know that at the point they post to our forum that person is stressed because they have to deliver a site by the end of the week. It would be completely unhelpful to preach at them about modern development techniques, or send them to a forum where everyone will tell them they should be using OOCSS techniques, a preprocessor, and installing Grunt. Learning all of these tools and practices may very well improve that person’s workflow, however the point at which they are just trying to get a simple thing done is not the point at which they will be receptive to learning them. Making assumptions such as that everyone is using Sass or everyone understands how to clone a project on Github makes potentially helpful resources useless to the person who just needs to achieve an end result today.
When we assume that everyone is working in a similar place to us, we risk masking the important things behind a layer of opinion about the “right” way to do things. We risk creating a barrier to knowledge by bundling accessibility with workflow and solid good practice with personal preferences. It then can all be dismissed as irrelevant in one batch, by a person who builds a website a week for a few hundred dollars for a business who couldn’t afford anything else. That’s no way to encourage the wide adoption of modern methods of building the web.
via planetweb
Things You Need To Know When Making Web Pages
via planetweb
Designing Tips For The Clever Web Designer
via planetweb
The Best Web Design Advice To Move You Forward
via planetweb
Zip Into Web Design With These Tips
via planetweb
Advantages From Website Design Sydney Services
via planetweb
Furniture Strategies And Guidance To Get The Most For Your Investment
via planetweb
Furniture Strategies And Guidance To Get The Most For Your Investment
via planetweb
mercredi 26 mars 2014
Family Time
via planetweb
Twitter Challenges Turkish Access Ban Through The Courts
via planetweb
Furnishings Strategies And Assistance To Get The Most For Your Money
via planetweb
Furnishings Strategies And Assistance To Get The Most For Your Money
via planetweb
Have Questions Regarding Furniture? This Article Has Replies
via planetweb
Have Questions Regarding Furniture? This Article Has Replies
via planetweb
Trustworthy Tips For Purchasing Top Quality Cost-Effective Furnishings
via planetweb
Trustworthy Tips For Purchasing Top Quality Cost-Effective Furnishings
via planetweb
Simple Ideas For Your Website Logo
via planetweb
Patent Granted To Google's Panda On SERPs Ranking
via planetweb
Facebook to Acquire VR Company, Oculus VR For $2 Billion
via planetweb
Tips to Create Your Designers Portfolio to Get Hired
via planetweb
Household Furniture Secrets and Techniques And Advice To Get The Most For The Money
via planetweb
Household Furniture Secrets and Techniques And Advice To Get The Most For The Money
via planetweb
Effective Tools of Magenta Development For Web Creation
via planetweb
Discover Ways To Purchase New Home Furniture By Making Use Of The Following Tips!
via planetweb
Discover Ways To Purchase New Home Furniture By Making Use Of The Following Tips!
via planetweb
Learn How To Acquire New Home Furniture By Using These Tips!
via planetweb
Learn How To Acquire New Home Furniture By Using These Tips!
via planetweb
10 Important Website Elements to Help Boost Your Business in 2014
via planetweb
mardi 25 mars 2014
Google: How To Tell If My Site Is Affected By a Particular Algorithm
via planetweb
Fundamental Website Design Factors for Developing Stunning E-Commerce Websites in Singapore
via planetweb
5 Simple Steps to Make Your Website Design Better
via planetweb
Set Up a Web Designing Company - Boost Your Business and Earn Huge Profit
via planetweb
Getting A Real Estate Website That Produces Leads
via planetweb
Advantages Of A Quality Real Estate Agent Web Design
via planetweb
Benefits of Magento Integration
via planetweb
Advanced Services for Enhance the Ecommerce Business
via planetweb
Furnishings Advice To Maintain Your House Hunting Excellent
via planetweb
Furnishings Advice To Maintain Your House Hunting Excellent
via planetweb
lundi 24 mars 2014
How To Get The Right Furniture For The Home
via planetweb
How To Get The Right Furniture For The Home
via planetweb
Have Queries About Home Furniture? This Article Has Replies
via planetweb
Have Queries About Home Furniture? This Article Has Replies
via planetweb
This Post Will Instruct You On About Household Furniture
via planetweb
This Post Will Instruct You On About Household Furniture
via planetweb
In the World of Online Cart Shopping
via planetweb
This Article Will Educate You On About Furniture
via planetweb
This Article Will Educate You On About Furniture
via planetweb
What A Real Estate Website Must Be Like?
via planetweb
Save Your Eyes with f.lux
I never thought I felt eye strain from looking at big, bright screens all day—I thought my young eyes were invincible. Then I started getting sharp headaches at the end of every day, and I realized I needed to change something.
I decided to finally take the jump and start using f.lux. f.lux is an app that changes the color temperature of your display, adapting the light you see to the time of day, which helps to reduce eye strain. There’s a new beta out for Mac that brings some really fantastic improvements and enhancements (don’t worry, there’s a Windows version too!).
In the morning and afternoon, you’ll see the blue-ish colored light that your screen normally pushes out. As the sun sets, the light will shift to a more reddish color, and when night falls, it’ll become an even deeper red. Every color step is customizable, so you decide how red-shifted you’d like each phase to be—I like mine on the deeper end of the scale.
It’s normal to see blue light during the day, but as it gets darker, that light is harsh on our eyes. Red light is easier on your eyes, especially at night—it’s why red lights are used to preserve vision at night.
When I tell people in our industry about f.lux, I often hear something like, "But what if I’m doing color-sensitive work?" The newest f.lux beta has a feature that allows you to disable f.lux in certain applications. As you switch into an application where you’ve disabled f.lux, your screen will slowly transition to normal colors. The smooth transition will help prepare your eyes for the blue wave of light you’re about to get hit with, so it’s not too jarring.
For anyone who spends hours a day looking at a screen, f.lux is a must-have. We spend a lot of time and effort making sure we use ergonomically-correct keyboards, chairs, and desks, so it’s time we gave our eyes a similar level of treatment.
via planetweb
dimanche 23 mars 2014
Piano Fool Examine
via planetweb
Cennydd Bowles Makes a Case for Android
Cennydd believes Android will be the dominant platform in the next decade, and has compiled his responses to the main arguments against his stance.
via planetweb
Retain Your Customers by Providing E-Commerce Solutions:
via planetweb
Trustworthy Techniques For Purchasing Top Quality Inexpensive Home Furniture
via planetweb
Trustworthy Techniques For Purchasing Top Quality Inexpensive Home Furniture
via planetweb
Trustworthy Strategies For Getting High Quality Cost-Effective Home Furniture
via planetweb
Trustworthy Strategies For Getting High Quality Cost-Effective Home Furniture
via planetweb
samedi 22 mars 2014
Web Design Tips To Stand Out From The Crowd
via planetweb
GARCINIA: Uses, Side Issues, Interactions and Warnings
via planetweb
The Charisma Of Sydney - Designer Jewellery Sydney
via planetweb
GARCINIA: Uses, Negative Effects, Interactions and Warnings
via planetweb
What Are the Tips Followed While Designing a Perfect Logo?
via planetweb
Where To Find The Best Furnishings For The Home
via planetweb
Where To Find The Best Furnishings For The Home
via planetweb
Garcinia Cambogia Exposed - Dangerous or Even the Holy Grail?
via planetweb
Building Trust Through Web Design
via planetweb
Learn Web Design and Photoshop in As Little As 1 Week With These Easy Steps.
via planetweb
vendredi 21 mars 2014
Web Design Surrey - Save Money With Built-In Solutions
via planetweb
Responsive Website Design in Surrey
via planetweb
Surrey Website Design for Real Estate Agents and Agencies
via planetweb
Website Design for Artists
via planetweb
The Importance of a Responsive Mobile Website for Businesses
via planetweb
SEO Is Dying?EUR? and Soon to Be Replaced by Healthy Social Media
via planetweb
Website Design for Musicians and Singers
via planetweb
Principles of a Good Web Design
via planetweb
Principles of a Good Web Design
via planetweb
Build Traffic to Your Website
via planetweb
Signs of a Good Web Development
via planetweb
SEO Web Design London
via planetweb
An Insight Into Web Designers of Miami
via planetweb
Advantage of Android Development Services
via planetweb
Seattle Seahawks Hoodie
via planetweb
Seattle Seahawks Hoodie
via planetweb
Experienced NYC Web Designers Available For Web Designing
via planetweb
jeudi 20 mars 2014
Up To 25,000 Unix/Linux Web Servers Infected By Ebury SSH Rootkit
via planetweb
How Can Social Network Website Design Help Your Business?
via planetweb
Google Takes Action on Large Guest Blog Network
via planetweb
New Apple ID Phishing Scam
via planetweb
Identifying the Purpose of Your Website
via planetweb
Household Furniture Secrets And Guidance To Obtain The Most For Your Money
via planetweb
Household Furniture Secrets And Guidance To Obtain The Most For Your Money
via planetweb
Give Your Business Prominence With E-Commerce Web Design and Development Company
via planetweb
Some Web Design Effects To Enhance Your Business
via planetweb
A Few Tips To Help Design A Professional Website
via planetweb
Tried And True Advice About Web Design
via planetweb
Web Design Ideas Everyone Needs To Know
via planetweb
mercredi 19 mars 2014
How to Earn Money Through Your Website With Proper Planning
via planetweb
This week's sponsor: Pantheon
Thanks to our sponsor, Pantheon.
Launching Drupal websites is complex. Pantheon helps you build a site and beat the clock. Read about our 8 amazing Drupal launches.
via planetweb
Anti-Social App To Help Avoid People
via planetweb
Looking For The Best Website Design Company in Kolkata
via planetweb
Web Design Company in Mumbai
via planetweb
Furnishings Advice To Help Keep Your Residence Hunting Great
via planetweb
Furnishings Advice To Help Keep Your Residence Hunting Great
via planetweb
Furniture Secrets and Techniques And Assistance To Have The Most For The Money
via planetweb
Furniture Secrets and Techniques And Assistance To Have The Most For The Money
via planetweb
Google extends Android to wearables with Android Wear project
via planetweb
mardi 18 mars 2014
Web Designer In Fayetteville Arkansas
via planetweb
Long Running Dispute Between Viacom and Google Settled Out of Court
via planetweb
Ease Up Your Business Stress - Explore the Multiple Benefits of Appointing IT Companies
via planetweb
Reputable Techniques For Purchasing Quality Affordable Furniture
via planetweb
Reputable Techniques For Purchasing Quality Affordable Furniture
via planetweb
Tips to Create Mobile Friendly Website Design
via planetweb
Get Magento Customization Services - A Role Player for Successful Ecommerce Business
via planetweb
The Ideal Custom Logo Design Company
via planetweb
Know the Results of Your Marketing Activities
via planetweb
lundi 17 mars 2014
Free Unlimited Hosting With No Ads
via planetweb
Would You Like To Preform The Easiest Song To Play On Guitar
via planetweb
Why Your Ghanaian Business Needs Website
via planetweb
Furnishings Advice To Help Keep Your Home Seeking Wonderful
via planetweb
Furnishings Advice To Help Keep Your Home Seeking Wonderful
via planetweb
Learn How To Buy New Household Furniture Through The Use Of The Following Tips!
via planetweb
Learn How To Buy New Household Furniture Through The Use Of The Following Tips!
via planetweb
Discover Ways To Get New Home Furniture By Using These Pointers!
via planetweb
Discover Ways To Get New Home Furniture By Using These Pointers!
via planetweb
Have Queries About Home Furniture? This Information Has Answers
via planetweb
Have Queries About Home Furniture? This Information Has Answers
via planetweb
dimanche 16 mars 2014
Have Questions About Home Furniture? This Article Has Replies
via planetweb
Have Questions About Home Furniture? This Article Has Replies
via planetweb
Furnishings Advice To Help Keep Your Residence Hunting Great
via planetweb
Furnishings Advice To Help Keep Your Residence Hunting Great
via planetweb
How To Create Your Own Sports Website
via planetweb
How To Get The Furnishings You Wish
via planetweb
How To Get The Furnishings You Wish
via planetweb
samedi 15 mars 2014
Furnishings Advice And Tips To Keep Your Home Seeking Excellent
via planetweb
Furnishings Advice And Tips To Keep Your Home Seeking Excellent
via planetweb
Furniture Tips And Advice To Keep Your Property Hunting Fantastic
via planetweb
Furniture Tips And Advice To Keep Your Property Hunting Fantastic
via planetweb
What Is the Difference Between Poor, Average and Excellent Web Design?
via planetweb
US Commerce Department prepares to give up oversight of ICANN
via planetweb
Have Questions On Home Furniture? This Information Has Responses
via planetweb
Have Questions On Home Furniture? This Information Has Responses
via planetweb
How Realtors Can Get Profitable Websites Designed?
via planetweb
Build a Unique, Strong and Adaptable Corporate Image
via planetweb
Various Advantages of Getting Real Estate Websites Designed
via planetweb
Home Furniture Secrets and Techniques And Assistance To Get The Most For Your Investment
via planetweb
Home Furniture Secrets and Techniques And Assistance To Get The Most For Your Investment
via planetweb
vendredi 14 mars 2014
Recent Trends in Ecommerce Solutions
via planetweb
Receive Worldwide Small Business Recognition With Ocean Going Web Development Corporation
via planetweb
Easy Way to Learn Web Designing Courses
via planetweb
Let?EUR(TM)S Understand the Importance of Website Design.
via planetweb
Voyages Towards Black Sea
via planetweb
Do Web Design With the Professional Companies in Hudson Valley
via planetweb
Facebook's Mark Zuckerberg 'Confused and Frustrated' by Government Surveillance
via planetweb
A Few Basic Tips For Excellent Web Design
via planetweb
Getting Started With Logo Design in New Jersey
via planetweb
What You Expect in Top Grade Realtor Websites?
via planetweb
Where To Learn Old Time Sequence And New Vogue Dancing
via planetweb
Are You Looking To Break Into The Web Design Business? Try These Ideas!
via planetweb
The Mayans?EUR(TM) Lost Guide To Belly Dancing Video
via planetweb
jeudi 13 mars 2014
100,000 WordPress Sites In Botnet Forcing DDoS Attacks
via planetweb
Google Indicates It Is Reviewing "Not Provided"
via planetweb
Create an Interactive Site to Draw in More Visitors
via planetweb
The Most Important Stages Followed by Web Design Oxford Services
via planetweb
Choose the Best Website Design Company
via planetweb
Brainguru Implement High Quality Professional Web Designs
via planetweb
Introducing the Top Class Website Design Miami Services for Excellent Result
via planetweb
Why Outsource Magento Web Development Services to Experts?
via planetweb
mercredi 12 mars 2014
Yahoo Search in U.S. Will Now Feature Yelp's Content
via planetweb
Experience Prolific Internet Marketing With SEO Services in Birmingham
via planetweb
This week's sponsor: Booking.com
Booking.com relocates people from all over the world to join its team of designers at its HQ in beautiful Amsterdam. Interested? You should apply.
via planetweb
We’re Nothing Without You: The Web at 25
The World Wide Web celebrates its 25th birthday with a newly launched website commissioned by the World Wide Web Consortium (W3C) and designed and developed by A List Apart’s own creative director/designer Mike Pick and technical director Tim Murtaugh.
All of us at A List Apart are proud to know and work with you, and thrilled to contribute to the worldwide conversation the web has made possible.
via planetweb
25-Years of the Web: Inventor's View On What The Web Should Be In The Next 25 Years
via planetweb
Experience Prolific Internet Marketing With SEO Services in Birmingham
via planetweb
Custom Built Website Vs. Website Template
via planetweb
How to Make Your WordPress Site More Readable
via planetweb
Client Review - How They Act As Stepping Stone for Success
via planetweb
Learn To Design Awesome Websites With These Helpful Tips
via planetweb
Why Managed IT Service Is Important for Business?
via planetweb
Practical Web Design Tips That Will Work For You
via planetweb
Improve Your Site With These Web Design Secrets
via planetweb
mardi 11 mars 2014
First Data Payment Gateway in OpenCart Technology
via planetweb
Improve Your Conversion Rate With a Multifunctional Website
via planetweb
Advantages of Mobile Website Design
via planetweb
Web Design in Birmingham Comes Up With Comprehensive Services
via planetweb
The Boost Your Bust System Has Proven to Be Incredibly Successful in Natural Breast Growth.
via planetweb
High Quality Web Design Services to Take Your Business to the Next Level:
via planetweb
Get Help From Calgary Web Design Team For A Responsive Website Development
via planetweb
How to Design an Effective Ecommerce Website That Generates Profits?
via planetweb
lundi 10 mars 2014
5 Tips for Selecting a Web Hosting Provider
via planetweb
Google Could Face $5 Billion Fine from India's Competition Commission
via planetweb
How To Defend a Google AdSense Site From Click Bombing
via planetweb
Contact Web Designer Wollongong For Making Your Presence Online
via planetweb
How to Make Responsive Web Design Attractive?
via planetweb
The Air Your Breathe Is Not As Clean As You Think
via planetweb
How to Find Best Website Developer?
via planetweb
Curtail Your DotNET Development Cost With DotNET Outsourcing
via planetweb
The Latest in Web Font Trends
Ever since @font-face was introduced, our web font choices have grown tremendously each year. Web font trend data can help us make sense of all those new choices—and give insight into which typefaces are working well on the web, and which might even be overused. Let’s explore where we can find data on what’s popular now, and how we can use that information.
Google Fonts
The most popular Google fonts can be sorted by total views. The drastic difference in pageviews of Open Sans is quite impressive: it’s viewed more than three times as often as any other font. Here are Google’s dominant three for the last 30 days:
- Open Sans
- Roboto
- Oswald
Fonts.com
The Fonts.com blog updates monthly with its list of most-popular fonts. Trade Gothic was its top family for February 2014, moving up from the number two spot a year ago. Over the last year, Avenir Next has grown in popularity, while Din Next has declined. Fonts.com’s top three in February were:
- Trade Gothic
- Avenir Next
- Neue Helvetica
Font Squirrel
Filtering by “Webfont” and sorting by “Popularity” will yield us Font Squirrel’s most popular for @font-face embedding. Its top three:
- GoodDog
- Quicksand
- Open Sans
Typekit
Typekit doesn’t share the most popular fonts by view, but by most favorited. When it released the favoriting functionality in 2011, Adelle was the most adored, but has since dropped down a spot. Futura PT was number two and is now number five. Typekit’s most favorited three are:
- Museo Sans
- Adelle
- Proxima Nova
Font Deck
Want to look at the most popular serif, sans-serif, or script? You can do that at Font Deck, along with sorting all font families by popularity. Its top three overall:
- Proxima Nova
- Apercu
- Bliss
FontSpring
All fonts on FontSpring have web licenses available. Whether its list of popular fonts takes that into consideration is a bit unclear, but we see some common font friends that we’ve seen before. Its bestselling in the last 30 days:
- Proxima Nova
- Museo Sans
- Museo
Webtype
Webtype has a nice advanced filtering section, including an “intended size” filter for finding your perfect small or large type sizes. Changing the default filtering from “Most Recent” to “Popularity” gives us these leaders:
- Gill Sans
- Benton Sans
- Ibis
There are plenty of other choices for serving or downloading web fonts from, but you can see with a bit of digging, we can learn a lot about what’s been working well for others.
Using the data
How can we put this information to work? Here are some examples from my own experience.
I worked on a website in which using any paid third-party services was prohibited, but the team was hesitant to use free web fonts because appearing professional was critical. Looking at how popular the sans-serif fonts Open Sans, PT Sans, and Source Sans were on Google Fonts gave us the confidence to use one of those in production.
Another project started with the use of Futura, a font that is common to these popular lists and had been used in a few of my recent projects. I wanted to try something new, so I used those same lists for inspiration and tried out some of the fonts a little further down in the popularity numbers, and it helped refresh the design.
There’s no one way to look at this data, though. Maybe the top fonts are popular because they have fabulous font hinting, or maybe because they’ve been used on influential sites. It’s up to you to interpret the trends in the context of your project’s needs and goals—but watching them can help inform your next font choices.
via planetweb
Pattern Library Security Vunerability
If you’re running a version of the ALA pattern library that’s more than a few weeks old on a public server, please update it right away. The script that powers the navigation in the pattern library was found to have a pretty glaring security issue that would potentially allow read access to any file on a public webserver, even outside of the web root. If you’re running the pattern library locally there’s nothing to worry about—but you should pull the latest from the repository just the same.
To view the patterns in isolation, a small PHP script checks for a path variable in the URL then uses include() to pull a snippet of code on the page. If that variable isn’t present, all the patterns are rendered instead.
Unfortunately, where this pattern library script had really only been used on internal projects, it operated on a certain level of trust—whatever was passed in that path variable would be included on the page, without restriction or filtering. This meant that a path pointing outside of the pattern library root—or even the web server’s public root—could be rendered on a public page. Permissions settings aside, this meant the potential for public access to any file on a server hosting the pattern library.
This issue has since been resolved, and any inputs thoroughly sanitized. We’re now ensuring that special characters are escaped, that the path variable can’t point to any parent directory, and that the file being included has an .html extension.
In terms of lines of code, this was a very small issue—resolved in about fifteen minutes, if even that. In terms of security impact, it meant largely unrestricted access to any file on any public-facing server that hosted the pattern library—a serious issue.
The lesson here is to always sanitize your inputs—even in code that isn’t meant to be released to the public, just in case.
Thanks to @linssen for pointing the issue out to us.
via planetweb
Html Web Design: The Best PSD to HTML Conversion
via planetweb
Develop Your Online Business With the Best Web Design Service:
via planetweb
Standards For Straightforward Youtube Methods
via planetweb
Be A Better Web Designer With This Advice
via planetweb
dimanche 9 mars 2014
WebmasterWorld Weekly Round-Up 9 March
via planetweb
Google Updates and SERP Changes - March 2014
via planetweb
Uncovering Core Aspects Of Fitness
via planetweb
samedi 8 mars 2014
Selecting Simple Alternatives Of Paleo Diet Meal Plan
via planetweb
Get Your Ducts Cleaned or Else!
via planetweb
What Is Air Duct Cleaning?
via planetweb
Always Go With Professional Web Design Frisco
via planetweb
vendredi 7 mars 2014
Local SEO Cheat Sheet
via planetweb
March 2014 AdSense Earnings and Observations
via planetweb
Why Small Businesses Need to Go Online for Survival?
via planetweb
Choosing the Best DotNET Outsourcing Partner
via planetweb
Benefits of Hiring Webmaster Services by No Dead End
via planetweb
New Web Design Trends
via planetweb
Java Development Services Proffers Successful Application Development
via planetweb
Find The Best Web Development Company?
via planetweb
Relevance Of English To Arabic Translation And Arabic Language
via planetweb
Easy Ways to Decide on a Freelance Web Designer
via planetweb
jeudi 6 mars 2014
Custom Web Site Design
via planetweb
Create A Website With Impact With These Helpful Tips
via planetweb
Excellent Tips For Designing An Effective And Great-Looking Website
via planetweb
Valuable Web Design Tips You Need To Know Right Now
via planetweb
Simplify Web Design With These Awesome Ideas
via planetweb
Looking For Web Design Tips? Start Here!
via planetweb
What to Expect When Buying a Wordpress Plugin
via planetweb
Lyza Danger Gardner on Building the Web Everywhere: What We Mean When We Say “responsive”
My 2014 started with noble plans: not biting my fingernails anymore, learning actual math. One of those plans was to analyze, publicly—here—the divergent and dissonant definitions of our industry’s adjectival darling, “responsive.”
Alas, I was beaten to the forum by Jason Grigsby, whose recent blog post, Defining Responsiveness, explores some of the very same questions around the term that have dogged me lately.
There’s a timeliness to this confusion over responsive-ness. Questions are being asked. Brows are furrowing. Blog-comment diatribes are taking on an almost doctrinal tone. Topical conference speakers are mobbed post-presentation by attendees who shout questions with the hopeful intensity and desperation of reporters outside Supreme Court hearings: But, look, look at this site! Is it really responsive? Can you tell me? Can you help? How do you know if it’s responsive?
As if there are authorities who can divine every nuance of our pooled sense of responsive, or that there exists somewhere an immutable stone carved with its meaning, accessible only to the elect. Or perhaps, do we hope because we feel so lost?
Even in a more prosaic and realistic sense, these discussions often presuppose several things:
- There is a single, correct definition for “responsive” (and perhaps a nucleus of leaders consciously invented it)
- We have control over this definition and should seek to rally the web community around it
- We all mean the same thing when we say “responsive”
I’d gently argue against each of these premises. Instead, I believe the definition of “responsive” to be evolving, an abstract concept that eludes direct semantic policing. It’s as yet too nascent and amorphous to have a universally-accepted meaning; it’s a word whose genesis lacked unified intent. However, I do think that we are moving toward meaning the same general thing when we say something has the quality of being responsive. And therein lies hope for eventual clarity.
The one, true “responsive”
First, let’s distinguish between Responsive Web Design and “responsive.” I’m rattling on here about the latter, the adjectival form, the descriptive, little-r responsive as contrasted to Ethan Marcotte’s big-R Responsive Web Design techniques.
Ethan has consistently maintained that the definition of Responsive Web Design is constrained to the three specific techniques for making sites that adapt well across many browser environments: fluid layouts, flexible images (and media objects), and media queries. One, two, three.
As defined, then, Responsive Web Design doesn’t leave room for a lot of ambiguity (though, believe me, we have created a lot of it anyway). It’s a mechanical concept, the brainchild of a single person, based on finite, specific elements.
But RWD’s impact has been greatly informed by the conceptual notion of designing and building usable, broadly supported sites and apps now and in the future, now that we have all of those pesky devices to deal with.
Grasping around for a way to talk about this approach toward these bigger goals, we gravitated back to that seminal technique for accomplishing them. And so emerged an abstract modifier (“responsive”) from a concrete, technical noun phrase (Responsive Web Design). This isn’t surprising when you think about it—we didn’t have many other terms available on which to hang our proverbial hats.
But, as Jason and others have noted, there’s no consensus about what “responsive” means. I can tell you how to do Responsive Web Design. How we make things “responsive” is up to us. All of us.
Controlling the definition
Unlike Responsive Web Design, which is concrete and single-origin, the advent of “responsive” as describing web design was profoundly distributed. No identifiable individual first breathed life into the word; it is owned by all of us and none of us at the same time.
Language evolves, always and inexorably. In our rarified web world, it can evolve even faster. Head-spinningly fast. And the evolving meanings continually take influence from myriad, organic sources of input. So if pinning down the definition of “responsive” is hard enough, controlling it is futile.
What are we trying to say, anyway?
So what does “responsive” mean, already? At the risk of tilting toward pedantry, I’ll suggest that it means what we (collectively) think it means.
Language components—in our example, words—carry something like a tiny implicit covenant, a tacit community agreement about what each means.
Where we can go wrong here—that is, commit actual language errors in the linguistic sense of the term—is when the parties involved in communications have a different understanding of the semantic payload (and “different understanding” can include one party not knowing what something means at all). Wires get crossed, connections missed.
I think when Jason suggests that people might use “responsive” to imply certain qualities like adaptive, accessible, or device-appropriate, he’s on to something. Though consensus is nowhere near solid, there’s a tugging momentum in the term that suggests its increasing use to convey the bigger picture of the things we’re doing right while building things for the pan-device web.
Will “responsive” become redundant?
So that raises the possibility that we’re using “responsive” in certain cases to communicate…well…web design, done thoughtfully.
Think about it for a moment. Guy Podjarny’s recent research indicates about 12 percent of the top 10,000 sites are responsively designed, according to his current responsive metric (fluid layouts, primarily). That number actually blows me away, and at the least promotes responsive out of the experimental. It sort of feels like that moment when you no longer need to use a vendor prefix for a CSS property. Training wheels: off.
In any case, I think we will continue to coalesce around a greater consensus on what makes something responsive, even if it’s not the meaning we had in mind for it originally. There are common undertones to the word, even if we still skirmish over the particulars. Its meaning already seems to be drifting a bit toward describing a site or app, versus providing a strict recipe for building one.
Does that mean “responsive,” whatever the heck it means, is poised to take over the world (well, our version of the world, anyway)? Will it achieve such dominance that the adjective itself will fade over time and disappear like a vestigial tail, leaving us simply…web design?
via planetweb
Sharing of Embedded Getty Images Now Free For Twitter, Tumblr and Personal Blogs
via planetweb
Eight Unfailing Ways for Small Business?EUR(TM) Brand Development
via planetweb
Web Design Acting a Critical Character in Website Development
via planetweb
mercredi 5 mars 2014
6 Reasons Why Your Business Needs a Website
via planetweb
Reasons That Makes Java a Prolific Choice for Developing Web Apps
via planetweb