At some point in time you need to get the current URL and do some logic based on it. JavaScript has handy API called window.location which has all the information related to the windows current location. Running console.log(window.location); in the console or your JavaScript file will return the following Location object: Having a reference to the location you are now … Read more
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. Add this (also in your scripts file) and modify it to be the element which … Read more
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 … Read more
Adding any kind of tracking to any project always seems to be an afterthought. Generally just before launching, a stakeholder puts their hand up and states that we need to track everything…. Usually resulting in lots of frustrating mutterings from all developers involved.
A quick introduction into using any Google font within your website.
The screencast looks at how you go about selecting fonts on font.google.com. Adding them to your website and then using them inside your stylesheet.
Working within a team or solo can adjust the development priorities but one that should always be high on the agenda is producing the best code possible.
Working on a clean, well organised codebase is bliss. It’s enjoyable and productive. Working on an unorganised codebase is annoying to say the least. It’s often frustrating, painfully slow to change and test anything and invites laziness.
Thankfully as CSS developers we have a handy tool called Stylelint that can help us avoid the unorganised situation.
PostCSS has been around since September 2013 and has been part of many developers workflow for a while. For those that haven’t had the time to dig into it and put some time aside to understand what it is and what it can do, this post is for you.
From the beginning of my web development career around 9 years ago I have always been fascinated by the fact that with a laptop anywhere in the world we can create and sell products online.
During my early development years the thought of creating products drove my passion to learn, read and experiment.
So after many months of procrastinating, designing and developing I’m happy to launch the beginning of Little Island.
Of course this is a big call, but having utilised various parts of this file on many occasions with large amounts of success, it sure does rank as an important resource, especially as server configuration is not my strong point.
So, what is this file I am talking about?
For most web developers we are knee deep in CSS on a daily basis. This can be a good or bad thing. It really depends on the state of the CSS. A well-organised codebase can be a pleasure to work with but, generally speaking, most CSS is a complete nightmare, especially on larger projects.
Web Design Weekly is a newsletter with awesome links to the best news, articles and tutorials that hit the interweb during the week.
© 2011 - 2024 Web Design Weekly
