Web Design Weekly #58

Headlines Rebuilding Facebook for iOS Interesting words from Jonathan Dann about why the Facebook mobile team has decided to add a lot more native IOS code, instead of HTML5. (facebook.com) HTML5 Boilerplate v4.0.0 and Mobile Boilerplate v4.0.0 released (html5boilerplate.com) Opera implements nested media-queries! (my.opera.com) CSS position ‘sticky’ lands-in-WebKit (html5rocks.com) Articles Sass 3.2 makes authoring CSS3 as easy as it will be In this article Chris Eppstein explains what’s new in Sass 3.2. He covers the new kind of selector called a placeholder selector. He goes into detail about how mixins…

Scroll to position with jQuery

If you need to scroll to a specific location on the page this little custom jQuery function can help you out. This snippet will help you scroll to a particular section based on the element you choose. Add this little snippet inside your scripts file. $.fn.scrollView = function () { return this.each(function () { $(‘html, body’).animate({ scrollTop: $(this).offset().top }, 1000); }); } Add this (also in your scripts file) and modify it to be the element which you would like to scroll to. $(‘#your-element’).scrollView(); This snippet calculates #your-elements‘s position and…

HTML5 Boilerplate v4.0.0

https://github.com/h5bp/html5-boilerplate/blob/v4.0.0/CHANGELOG.md The web’s most popular front-end template just hit version v4.0.0. The site has had a major refresh. The latest version of jQuery is included. Same goes with the inclusion of the latest Modernizr and lots, lots more. Huge congrats to all involved. Source: web design weekly

Handy Apps for Web Developers

It seems the days of opening up and developing a website solely with a text editor are long gone. Thankfully, today we are privileged to have access to so many amazing applications to help us develop better products. Even though having the perfect toolbox seems like an elusive myth, the apps listed below have become a core part of my workflow and have been for quite some time. If you haven’t heard of them before, I highly encourage you to check them out if they fill a gap in your…

Tweetpolice

http://adactio.com/journal/5698/ Jeremy Keith: Apparently the display guideline requirements do apply to me. If I want to quote a tweet on my website, I’m supposed to use the embed code to make sure that people can favourite / retweet / follow, etc. Fuck. That. Shit. If I want to quote something from another URL, I will do it. I’ll use a blockquote element of course, but I will not be told what markup and JavaScript I must include on my site. The faith that the web development community has in Twitter…

Web Design Weekly #57

Headlines The innovations of Internet Explorer Long before Internet Explorer became the browser everyone loves to hate, it was the driving force of innovation on the Internet. It may be hard to believe but Internet Explorer is actually to thank for a lot of the features that we take for granted today. Nicholas C. Zakas takes us on quick walk through history. (nczonline.net) Bootstrap 2.1.0 released New docs, affix plugin, submenus on dropdowns, block buttons, image styles, fluid grid offsets, new navbar, increased font-size and line-height, 120+ closed bugs, and…

Twitter Bootstrap 2.1.0 released

Twitter Bootstrap Blog: http://blog.getbootstrap.com/2012/08/20/bootstrap-2-1-0-released/ New docs, affix plugin, submenus on dropdowns, block buttons, image styles, fluid grid offsets, new navbar, increased font-size and line-height, 120+ closed bugs, and more. Go get it. Source: web design weekly

Web Design Weekly #56

Headlines Learning to Love the Boring Bits of CSS Peter Gasston, over on A List Apart, takes a quick walk through some of the best new boring bits in CSS. The bits are being worked on in half-lit laboratories away from the brilliance of the shiny new things in the shop windows. Some of these boring bits have been around for a while and deserve more recognition, while others are just starting to appear in browsers. (alistapart.com) Let’s Talk about CSS Variables (xanthir.com) Sass 3.2.0 is finally released! (sass-lang.com) Normalize.css…

Display a widget on a specific type of archive

I have two sidebar widgets, I need to display 1 widget on the archive pages for the standard post categories and the other widget needs to show on just the archive pages for a specific custom post type. If I use the conditional tag is_archive() then both widgets will show up on both archive pages. How can I determine which archive page the widgets should be displayed on? I’m using the plugin ‘Widget Logic’ Thanks in advance Source: https://wordpress.stackexchange.com/feeds