Our Best Web Design Blogs & Free Tech Courses to Tide You Over

Companies across the UK are set to face dramatic changes in the way day-to-day business operates during the Coronavirus outbreak, our own team at Moocow included. During this time, we remain committed to providing you the best online advice, keeping you up to date on all the latest tech news, with recommendations for resources and tools that can be implemented from home.

First up, we’ve compiled a top ten list of what we believe are some of the best web design blogs on the internet, packed full of helpful tips, tutorials and freebies to get you going in all areas of design.

The Moz Blog

Founded originally by Rand Fishkin, The Moz Blog is one of the most popular blogs in the world of web design. The site offers leading advice on improving your website and design, up to date knowledge on the latest SEO advice, and insights into producing outstanding content using successful web marketing. The Moz team have also announced that during the COVID-19, their Moz academy will be free for all, offering access to over a dozen essential courses and training.

https://moz.com/blog/moz-academy-free

Design Bombs

An online magazine packed full with in-depth articles on coding, design and general web news. The site also offers design freebies, including icons and WordPress Plugins and Themes, helping you to get the most out of your website. Subscribe to their site and you’ll have access to a bunch of handy online tools.

Backlinko

Named by Forbes magazine as one of the best places for “next-level SEO training”and advice, the Backlinko blog offers you articles and tips on SEO and achieving higher rankings and traffic to your site. Formed by SEO expert Brian Dean, this blog is the go to place for SEO tips.

Vandelay Design

A blog dedicated to providing tips and tutorials for all your design needs. From coding and UX, to business marketing, blog design or photoshop skills, the site is filled with detailed insights on all design processes, offering extra tools, services and WordPress themes too.

WPKube

A blog dedicated to all your WordPress needs! WPKube is the best site for all your WordPress queries, the blog comes with how-to guides, tips and extras including WP themes, modifications and plugins as well as all the latest news keeping you up to date with what WordPress has to offer.

CSS Tricks

Created to offer advice for both amateur and professional designers and developers, this blog includes helpful hints and technique tips for using CSS, including code snippets and tutorials. As well as this, there’s a forum you can join to ask the coding community for extra help.

SitePoint

A great tech blog for anyone wanting to get hands on knowledge and experience with learning to code, using HTML5/CSS, JavaScript, or PHP. With courses and guides ranging from mobile app development to responsive design, it’s a great site with easy, learn-able advice and access to a wide community of coders.

Tuts Plus

The Envatotuts+ blog filled with courses and in-depth guides on coding, web design, photography, video, business, 3d graphics and game development. Includes access to lots of freebies, a forum you can access through the blog and really useful activities getting you equipped in all areas of design.

Hongkiat

A great design blog for designers and bloggers of all kinds, offering web design and photographic inspiration, useful tools and tips to get your knowledge up to date, including guides on using social media to market your business and getting jobs within the tech industry.

1st Web Designer

A leading UK blog focusing on UX design, typography, WordPress, JavaScript, and CSS. Great for seeing what’s trending in web design and getting you the low down on all the latest tools and design inspiration.

 

International Women’s Day and the Importance of Diversity in Tech

In honour of International Women’s Day, we wanted to highlight the importance of women working within technology, and the lack of diversity and inclusivity seen in many tech and design companies.

More than 2.1 million people in the UK are currently working in the tech industry, and despite such large figures, only 16% are women, according to a report from the Inclusive Tech Alliance. They stated that “over a million more female employees would need to be hired to reach gender parity.” Additionally, a mere 15% of the digital tech workforce in the UK are from BAME (Black, Asian, and minority ethnic) backgrounds, with senior/board member positions being at only 8.5% according to another recent report from search agency Inclusive Boards.

Many companies will have no female representation whatsoever, or representation from BAME or other diverse communities. It’s hugely important to create awareness and have greater opportunities created to make the tech industry a more equal and inclusive career path, and what better way to celebrate this than with International Women’s Day in mind. At Moocow, we’re proud to have a team of fantastic designers, developers, writers and technical staff from a diverse range of backgrounds, with representation from female tech experts, those from the LGBTQ+ community and those with disabilities. With an office at the heart of Brighton, we’re proud to have a workforce that’s inclusive and socially aware, as well as great in their field.

Secondarily, we wanted to offer some tips and advice to any women, young or old, looking to pursue a career path in the tech and web design industry…

Don’t be put off choosing scientific subjects to study!

No matter what tech job you’re dreaming of, don’t let anyone stop you from studying exactly what you want to do. Gender should not limit your choice of career path. If you studied in a different subject previously and are wanting to enter into a new choice of career, it’s never too late. And when certain education routes get a bit pricey, there are many different ways to gain qualifications, including ones that don’t come with a price tag. As well as bursaries, scholarships and Arts Council Funding, many companies will actually offer to train people for free. On top of this there are boot camps and hundreds of online training programs and resources that can help you transition into a tech role if you don’t have the qualifications needed for a specific job. And if you’re looking to learn code, there are thousands of sites that can help you, Codecademy, HackerRank & edX are to name a few.

Stand your ground when it comes to your career path

Confidence is key. Have a good perception of your own skills, the abilities you have and what you can achieve. If you don’t feel confident in your own abilities, it can be hard for others to feel the same. In interviews, prove you are the right person for the role, use active language that shows off your talents instead of being passive, state direct plans you have and show just how much you can benefit their company. Be bold and never feel intimidated, no matter how terrifying the interviewer may appear! (Although we hope they’re as nice as us)

Have a plan and find mentorship

Always take time to refine your skills, practice really does make perfect. Finding mentorship within a working role can also be really beneficial, so be sure to place yourself in an environment where you can be surrounded by professionals in your chosen field who are as passionate about your goals as you are. Most importantly, never give up on what it is you want to achieve. It can be hard seeing friends or colleagues achieving their goals faster than you or at different rates, but the job you’ve been waiting for could be just around the corner. Hard work always pays off, and whether it takes you 1 year, 5 years or even 10 years to reach the job you’ve always wanted, it’s always worth the wait.

#HappyIWD2020

All I want for Christmas is the 2019 End of Year Designer’s Toolkit

What better Christmas present can we offer you at Moocow than tips and tools to get your company up to scratch with the latest design software and technology know-how.

We’ve made it through 2019 and are soon to see in the New Year, but not before UX Tool’s end of the year Designer Toolkit Survey, comprising a breakdown of the greatest design tools and programs over the past year that designers have used worldwide. From the best in brainstorming, userflow, sitemapping and UI design, we’ll be sharing the top 7 platforms for seeing through your project from start to finish.

Sketch has been coming up top in everything, and is the highest ranked tool on this year’s survey for brainstorming, userflow and sitemapping, wireframing and UI design. It really is an all-rounder, and is a really clever tool to implement across all areas of a project.

Figma was another top choice, with its powerful design features it was another most used product for brainstorming, wireframing and implementing top quality UI design.

Whimsical was program of choice for userflow and sitemap tools, offering a range of practical and helpful collaborative flowcharts, mind maps, wireframes and sticky notes to assist in the demonstration and presentation of your project or business.

Adobe XD was another favourite for UI design. A powerful tool that can support in the production and planning of user friendly designs for websites, mobile apps, voice interfaces and more.

InVision Studio has been another strong contender for this year’s top spots. Self-proclaimed as “The World’s Most Powerful Screen Design Tool”, the clever collaborative design platform has in-depth prototyping and vector-based drawing capacities.

Draw.io has been listed as another of the highest ranked platforms for userflow and sitemapping. Although it may seem a bit on the basic side, it’s actually a very nifty and free online diagram software for creating flowcharts, process diagrams and network diagrams amongst many more.

Last but not least is Zeplin, for all your hand-off design needs. Zeplin acts as the perfect addition to help hand-off your designs and style guides with accurate specs, code snippets and assets.

We hope this acts as a perfect stocking filler for all the design geeks out there this festive season. Season’s Greetings and a very Happy Christmas from all of the team at Moocow Media!

 

Our Design Process – What We Need From You

MooCow is an interactive website design agency, based in Brighton & Hove. Since opening its doors in 2006, we have been working hard growing and developing our client base & expertise, offering a dynamic blend of creative thinking, experience and technical know-how. If you’re currently considering working with us, below is a basic guide to what we need from you as a starting point to help create your web page.

– Your company name and a brief list of words relating to your business and industry. For example, we’re a web design company, so we would choose specific words that we want Google to pick up relevant to our business.

– A short description or paragraph about you or your company – who you are, what services you provide, or a little bit about your company history.

– Have a think about what pages you would want to feature on your site and titles for them to appear on a menu. This could be an ‘about us’ section, ‘services’ or ‘portfolio’ etc.

– Drop us a link of an example of a web design style you like, this will give us a better idea visually of the look you are trying to achieve for your site.

– If you’re wanting a specific logo used, send us over a copy that is hi res with a white or transparent background and at least 600 pixels wide. Save this into either a png or jpeg file. For ‘favicons’ your logo will need to be sized to 512×512 pixels. If you want to test drive a new logo, let us know and we can design you a fresh one.

– Any text you want featured on your site, paragraphs about you, your company or the services you provide, send this over too in a word doc or pdf file. If you’re struggling to put together what you’d like to say, don’t worry – our team can help in writing up some dazzling copy personal to your site.

– For images, be sure to pick only hi res images, approx 1500-2000 pixels in size saved into a jpeg or png file. You can also include a title or keyword that describes your images that SEO will pick up easier.

– Make sure to include any contact details you would like featured on your site, this includes a phone number, email address & location so that a customer can call or visit you.

– If you have any links to social media such as a Facebook, Twitter or Instagram page you can attach these too.

– Finally, a link to your RSS Feed/Blog if you currently have one active. If not we can make one for you to add to your site, so let us know if this is something you are interested in. The same goes if you are a business that sells products or other payable online services and would like a shop page included in your site.

The thought of creating a brand new website can be daunting, but don’t worry, our team of experts are here to help make the process quick, simple and stress free and give you all the guidance you need on the way!

 

5 of the Best WordPress Themes for Creating a Portfolio

At Moocow, we pride ourselves on having the most up to date knowledge on the latest web news, tips and trends. With technology and techniques developing daily, Moocow are continuously working hard to help find new ways to develop your business.

Our design team believe WordPress ranks above all the rest as a hosting platform. The open-source CMS works as an ideal model for creating a wide variety of sites for both small and large businesses, and is ideal for showcasing portfolios and products. Having a portfolio that’s professional, visually captivating and clearly showcases your work is vital for your business to achieve success and gain interest from new clients. So below, we’ve hand-picked some of the best WordPress themes for putting together a high end portfolio, that will grab your audience’s attention and gain you new clients and sales.

 

Oshine

Creates beautifully fresh and contemporary portfolios with 12 unique layouts to choose from. Comes with access to over 500 fonts, colour choices, shortcode modules and so much more. Oshine also supports a large variety of plug-ins, including WPML, BuddyPress and Gravity Forms. A great choice if you’re looking for a stylish and modern way to display work visually.

 

 

Adios

A great theme that’s easy to use, extremely fast loading and is ideal for those working within the creative industry. An elegant and artistic approach to portfolio design, you’ll have access to hundreds of fonts, colour choices, layout elements and designs and you’ll be able to use a variety of great options for animation. Adios allows for superb compatibility with all devices and browsers, and will ensure your site is noticed worldwide.

 

 

Art.

Perfect for colourful, chic and customisable design, this theme comes with a coding-free content builder for ease of use. Ideal if you’re looking for an artistic and simplistic portfolio design, it’s packed with beautiful layouts with drag and drop options, fashionable headers and plenty of options for blog posts. You can also create stylish home sliders to showcase large images, and with SEO by Yoast you’re sure to have plenty of great options for getting noticed in search engines.

 

 

Kalium

A sensationally designed theme for those looking for a cool and contemporary twist to showcase their work in style. With numerous options for layout, images and blog posts, this WordPress theme also includes Revolution Slider, allowing users to display work through slideshow. You’ll be able to personalise the slides and create your own unique animations and visual effects too.

 

 

Studio 8

Rated as one of the best WordPress themes on the market, Studio 8 has a superbly sophisticated and stylish design. Beautifully fast and responsive, the theme provides great portfolio options to businesses of all backgrounds. You can upload custom headers and access built in short codes to make editing and designing easier. Known for creating attention-getting websites, this theme will help put your portfolio on the map.

 

 

7 Reasons Why You Should Choose WordPress to Host Your Website

At Moocow, we pride ourselves on having the most up to date knowledge on the latest web developments and web design trends. Our job is to seek out the best in high quality web hosting, security and SEO awareness. When it comes to choosing a platform for your hosting, WordPress ranks higher than any other hosting service. Below are our 7 reasons why WordPress is top of the leaderboard.

Deciding on a platform to host your website is one of the first points to consider when getting started in creating a new or updated site. The platform we think ranks above all the rest is WordPress. This open-source CMS works as an ideal model for creating a wide variety of sites for both small and large businesses, ranging from e-commerce to blog based designs. Still not convinced? Well here’s our reasons why…

It’s popular

WordPress sites account for over 25% of sites on the web, with 1.1 million new domains being created every 6 months. The incredibly popular platform is even available in 62 different languages, making it accessible to businesses worldwide.

It’s beginner friendly

WordPress is easy to use, even if you haven’t had much experience. It allows you to add pages, blog posts, text and widgets at the click of a button. Even if your site is being professionally designed, it will be easy for you to make additional changes or touch ups yourself.

You’ve got access to tons of Themes and Plug-ins

WordPress guarantees access to a huge variety of themes and plug-ins compared to other sites. No matter what your business or blog, they have themes to suit all. From Jetpack, Yoast, Revslider to Woocommerce and Mailchimp, there are so many options to help improve your site.

It’s highly secure

WordPress core software is highly protected and comes with access to great plug-ins such as Wordfence to give you extra defences alongside firewall and malware scans. WordPress also offer plenty of guides and tips to keep you secure savvy.

It will improves your rankings

WordPress genuinely has the ability to help you rank higher in search engines. “WordPress” is searched 2,740,000 times every month, making it one of the highest searched keywords on Google. And WordPress has plenty of great SEO plug-ins and built-in features to optimize each page on your website.

It’s known for its great support

Need help? WordPress has a great technical support team on hand to help with any customer queries you may have. Their engineers offer first rate customer support and quick fixes to any technical issues, and you can access their support services easily online.

No.1 for media

If you’re wanting a website that can handle a multitude of different media content, WordPress handles images, audio, video and plenty more with ease, making it simple to upload and insert content when writing a post or a page.

10 Of The Best Tech and Web Design Email Newsletters To Subscribe To

At Moocow, we pride ourselves on having the most up to date knowledge on the hottest tech trends and web news. With our latest research, we’ve compiled a top ten list of what we believe are some of the best web design email newsletters to subscribe to, packed full of helpful tips, tutorials and freebies to get you going in all areas of design.

If you’re looking to get your hands on the hottest web development, coding and design news, subscribing to these email newsletters will leave your inbox filled with the best info, resources and design inspiration from masters in the world of tech.

The Download – A newsletter that appears daily in your inbox curated by MIT’s Technology Review. It’s one of several of MIT’s technology review and aims to offer a complete low down on what’s going on in the tech world.

Recode Daily – A round-up of the best news and trends relating to both tech and business. Signing up grants you access to articles and podcasts on what’s trending in areas including Commerce, Social media, Enterprise and Mobile and info on any upcoming events.

The Webdesigner Newsletter – Created specifically for developers and designers, the Webdesigner targets those wanting access to handy resources and plenty of free stuff. Top subjects include UI, HTML, Typography and help with design inspiration.

Hacking UI – An extremely useful product design and front-end development newsletter, dishing out articles, podcasts & master classes. Covering everything from VR, UX Photoshop and general web design.

Web Tools Weekly – If you’re searching for the latest info on tools for front-end developers, the Web Tools newsletter will be just the thing for you. This weekly newsletter offers tips and tutorials, and an inside guide to the latest apps, scripts and plug-ins.

Sidebar – Designer, developer and entrepreneur Sacha Greif’s daily newsletter showcasing her 5 favourite design articles, interviews and resources of the day. Helpful info on UX design, image freebies, CSS help, design program guides and general news in the world of web.

wpMail – A free, weekly WordPress Newsletter for general WordPress users with a handful of WordPress news and articles featuring SEO tips, themes and plug-ins.

MasterWP – Another weekly newsletter from WordPress, this time aimed at professionals who are proficient in all things WP. Every Wednesday get your hands on a variety of artciles, apps, tools and extras that will make life easier for WordPress pros.

DevTips – A collection of weekly developer tips from front-end developer and expert Umar Hansa. Those who sign up will get a developer tutorial or tip sent to you as a gif. Great for info on CSS, JavaScript, network issues and UI.

Frontend Focus – A once a week bundle of the best front-end news stories, tips and tutorials. From HTML, CSS, WebGL, Canvas, browser tech and more, the newsletter also includes the latest job vacancies in the tech industry if you’re currently looking for a career or new job as a developer.

 

Auto-Create Code Snippets with Ease Using WordPress Hasty

At Moocow, we pride ourselves on having the most up to date knowledge on the latest web news. With technology and techniques developing daily, Moocow are continuously working hard to help find new ways to develop your business.

When it comes to WordPress, working with WP code snippets often proves tricky for developers and designers. Having to edit and add code from different programs using copy-paste actions is an infuriating task, whether it’s custom taxonomies you’re using or WP_Query loops.

WordPress have obviously decided to take these issues on board and have created an app that answers all your code snippet prayers. The WP Hasty app is the easiest way to create top-quality custom code for your WordPress sites. It’s super fast, so it saves both time and effort when jumping between projects, and not only that – it’s free.

The app allows you to create code snippets by simply clicking a category button, offering 9 different code generators for frequently used WP snippets. More are set to be released this November.

 

 

All adhere to the correct WP themes and plug-ins coding standards, literally allowing you to just copy and paste the code snippets. The generator interface loads onto a new tab, detailing custom settings for whichever area chosen. Your code output will remain on the page you are already on inside a small text editor interface, so the only work you have to do is copy and paste your codes into the chosen theme for your project.

 

Web News: Google Chrome 61 Launched

At Moocow, we pride ourselves on having the most up to date knowledge on the latest web news. With technology and techniques developing daily, Moocow are continuously working hard to help find new ways to market your business.

News of the release of Google Chrome 61 came earlier this week, with the new update for browsers being made available over the next few days to weeks. It will be available to any device on supported platforms including macOS, Windows and Linux. The update comes with some fairly important security enhancements so making the move over will no doubt have some significant benefits. Other than this, details on any features have been kept fairly quiet. This is most likely due to the update focusing on bug fixes, security changes and behind the scenes modifications that won’t be majorly visible to day to day users.

A list has been posted showing several of the most important alteration:

  • Add initial set of new default user images.
  • Autoplay policy for HTML5 video: chrome://flags/#autoplay-policy
  • Data Saver site breakdown doesn’t add up to totals on version update. Also, don’t show negative savings.
  • DevTools: Add ‘Save profile’ toolbar button to performance panel.
  • Disable first run for managed profiles.
  • [Extensions] Don’t allow content scripts on the New Tab Page.
  • Enable automatically detected CUPS printers in the print preview dialog.
  • Enable asm.js -> WebAssembly by default.
  • Keep scanned host devices in the cache for longer (from 5 minutes to 2 hours).
  • Move extension unzip/unpack to background thread to prevent the blocking of the main utility thread.
  • On dual-GPU macs, blacklist MSAA for both GPUs if either is Intel.
  • Switch pause/mute buttons’ locations in RTL languages

Overcoming the Challenges Women Face Whilst Working in Technology

Being a women that works in tech is a constant challenge. I’ve faced plenty of obstacles that have been thrown in my direction, just to work in an industry that is predominantly male-orientated. But why should this be so? With statistics showing women are outperforming men in nearly all sectors in the tech field, why should we be constantly put off from studying in an area we undoubtedly excel in? Deloitte recently released figures stating that as many as 70 per cent of women in the UK with a Science,Technology, Engineering or Mathematics (STEM) qualification aren’t currently working in their chosen industry. This is a reality that just should not be so, and so much of the hard work young women have put into their employment or education is being wasted.

Unlike many, I’ve been determined enough to not let these predictions get in my way, and have spent the last few years taking on the tech industry myself. At 22, I started my degree. Beginning later than most, I’d spent some time debating the type of career I was interested in. Having studied in English, Chemistry, Biology and Art and Design, I opted for a BA Hons Degree in Creative Media Practice & Journalism. Despite a lot of thought going into my degree choice, throughout the entire process I was constantly being told I would not make it in this industry, that my degree was pointless and I would be lost in a sea of unemployed graduates once finished with my finals. Yet at age 26, I’ve been lucky enough to pull through with an upper second class degree, a longstanding portfolio and jobs in my chosen industry before officially graduating.

With men accounting for such a large percentage of jobs in the tech industry, it can be tricky competing for the same role, despite some of the most famous leaders in technology being female. The list of women who have braved the odds to succeed within technology is lengthy. From Ada Lovelace – a mathematician regarded by some as the first ever computer programmer, to Mary Lou Jepsen – NASA fellow, founder of Pixel Oi and Director of Engineering at Facebook Occulus VR, to Virginia Rometty – the CEO of IBM who started work as an engineer aged just 24, and was recently voted the most powerful woman in business by Fortune Magazine.

Yet despite such success, women seem to be constantly pushed into being put off from obtaining jobs within the technology industry. Statistically the proportion of girls opting to continue subjects such as Mathematics, Science or Engineering into A Level or Degree Level is far less than boys, with only 7% of girls choosing to study A Levels in these subject areas within the last few years. Shedding light on such issues will hopefully allow changes to be made for the future, and as a woman currently working in tech, I’ve pieced together a few tips for those potentially considering going into a career in the technology industry, in the hope that you can overcome some of the challenges many will face.

 

Don’t be put off choosing scientific subjects at college

If you’re like me, you probably spent most of your childhood with your nose buried deep inside a book, concocting science experiments, blowing up bicarbonate volcanoes at the bottom of the garden, or getting excited over your parents getting you a new geometry set. To some, we may appear the most boring people on earth, but in reality many will grow up to work in some of the most powerful positions on the planet. No matter what job you’re dreaming of, whether it’s as a scientist, engineer, designer or developer – don’t let anyone stop you from studying exactly what you want to do. Sex or gender should not limit your choice of career path. If you studied in a different subject previously and are wanting to enter into a new choice of career, it’s never too late. And when certain education routes get a bit pricey, there are many different ways to gain qualifications, including ones that don’t come with a price tag. As well as bursaries, scholarships and Arts Council Funding, many companies will actually offer to train people for free. On top of this there are boot camps and hundreds of online training programs and resources that can help you transition into a tech role if you don’t have the qualifications needed for a specific job. And if you’re looking to learn code, there are thousands of sites that can help you, Codecademy, HackerRank & edX are to name a few.

 

Stand your ground when it comes to your career path

Time and time again I have met with interviewers who comment on my age, refer to me as being too young to possibly have any ‘real’ industry knowledge or seem to be completely bewildered by the idea of a young women applying for a role within the tech industry. It can be hard to overcome an interview situation where you’re being made to feel about 2ft tall, just for not fitting into a stereotype, particularly if you quite clearly have skills that are being overlooked. To overcome this, confidence is key. Now it’s all very well saying this, but if you’re as anxious a person as I am, this can be quite the challenge. First rule is to have a good perception of your own skills, the abilities you have and what you can achieve. If you don’t feel confident in your own abilities, it can be hard for others to feel the same. Prove you are the right person for the role, use active language that shows off your talents instead of being passive, state direct plans you have and show just how much you can benefit their company. Be bold and never feel intimidated, no matter how terrifying the interviewer may appear.

 

Have a plan and find mentorship

I worked constantly all through my degree building up my portfolio. A good deal of free time I had was spent either applying for internships or gaining work experience. Sure, having to work for free sometimes can feel like a real pain, but if a company is offering you valuable experience, don’t turn it down – in the long run it can really pay off and looks great on your CV. Always take time to refine your skills, practice really does make perfect. Finding mentorship within a working role can also be really beneficial, so be sure to place yourself in an environment where you can be surrounded by professionals in your chosen field who are as passionate about your goals as you are. Most importantly, never give up on what it is you want to achieve. It can be hard seeing friends or colleagues achieving their goals faster than you or at different rates, but the job you’ve been waiting for could be just around the corner. Hard work always pays off, and whether it takes you 1 year, 5 years or even 10 years to reach the job you’ve always wanted, it’s always worth the wait.

 

 

Amy Louise – Web Editor, Tech Writer and Analytics Queen

@BumpCx/MoocowMedia

Freelancer @ Metro/Brighton

Source/NME/Guardian