Introducing Preboot

http://getpreboot.com/ Say hello to Mark Otto’s (creator of Bootstrap) reborn project. Preboot is a comprehensive and flexible collection of LESS utilities. Its original variables and mixins became the precursor to Bootstrap. Since then, it’s all come full circle. If you roll with LESS then this will no doubt become a handy resource to help you write better CSS. Source: web design weekly

Viewsource

http://viewsource.in/ Jonathan Neal (co-creator of Normalize.css) put the source in the source so you can view the source while you view source. Super handy for people that tend to view the internet by its source. Source: web design weekly

WordPress child pages not working

I am creating a wordpress CMS and I have added multiple pages under one parent page. I am generating the links for all the child pages of a page and then when user clicks on the links, they should be able to open the child page. How ever when I click on the links, the index page is opened and no child page content is displayed. May be it is due to the use of the .htaccess file. I dont have any knowledge of htaccess. Any help? <?php $pages =…

Converts pixels to EMs with Sass

If you like using pixel values but understand that having your fonts set in EMs works better, especially when tackling responsive web design then this little Sass function will become super handy. This function automatically converts pixels to EMs with Sass so that you don’t have to manually calculate them. The function takes two arguments, pixels and context. You can either use the default context and specify only the pixels you want to convert — or you can specify pixels and a custom context for the conversion. $browser-context: 16; //…

Prototyping Responsive Typography

http://viljamis.com/blog/2013/prototyping-responsive-typography/ Viljami Salminen: Basically, a typography prototype is a single web page that consists of the project’s actual content. It’s designed in the browser using real web fonts and tools like Typecast. A typography prototype includes font choices, styles for the basic text content and a typographic scale, but nothing else. Having an approach that focuses on the most important part of any website is fundamental to producing an outstanding experience. It’s so simple but many avoid it. Me included. The finished typography prototype will be used as the foundation…

Building Twitter Bootstrap

http://alistapart.com/article/building-twitter-bootstrap Mark Otto: Bootstrap had its first practical test in real-world use at Twitter’s first Hackweek. During the week, I helped a few folks use Bootstrap on their projects to speed up development, but had no idea how effective or widespread the toolkit would become. When all the teams got in front of the company to present their ideas, dozens of them were using Bootstrap. They had used Bootstrap to create projects that all felt like a family of ideas with a consistent design and implementation. A simple, well-designed, and…

Web Design Weekly #78

Headlines Support Web Design Weekly Today I am happy to announce that there are two ways (both completely optional) that you can support Web Design Weekly. You can become a subscribing member and automatically donate a monthly amount of your choosing, or you can make a one off donation. Profiling Long Paint Times with the Chrome DevTools Continuous painting mode for paint profiling is now available in Chrome Canary. This article explains how you identify a problem in page painting time and how you can use this new tool to…

How to retrieve text only from wp_content() not from wp_excerpt()?

I’m currently developing a website with WordPress 3.5 and I need to retrieve Post Text (Only text, not include images) at Archive Page. I can retrieve it with wp_excerpt() method without any problems. But the main problem for me is that I can’t get the exact text layout. wp_excerpt() method returns text which ignores all extra spaces and line breaks. What should I do? I think I will get Only Post Text with Exact Layout if I can retrieve from wp_content() method. Thanks in advance for your help! Source:…

Support Web Design Weekly

Today I am happy to announce that there are two ways (both completely optional) that you can support Web Design Weekly. You can become a subscribing member and automatically donate a monthly amount of your choosing, or you can make a one off donation. Over the last few months I have been investing most of my free time into increasing the quality of the newsletter and the blog. There is still a huge amount to improve (a lifetime) but I am keen to keep plugging away and make Web Design…