Web design

Weekly News for Designers (N.266)


This is our popular weekly design news post where we share our favorite design related articles, resources and freebies from the past week.

You can sign-up to our awesome weekly newsletter for some more amazing articles, resources and freebies.

New Resources & Tools

snabbt.js, a minimalistic Javascript animation library that will translate, rotate, scale, skew and resize elements.
snabbt.js, a minimalistic Javascript animation library that will translate, rotate, scale, skew and resize elements

icono, a set of pure CSS icons with only one element.
icono, a set of pure CSS icons with only one element

CSS Gradient Animator, a web-based tool for generating animated gradients.
CSS Gradient Animator, a web-based tool for generating animated gradients

Fileicon, a collection of pure CSS file icons.
Fileicon, a collection of pure CSS file icons

CSS Stats, a tool that will visualize useful stats about your CSS.
CSS Stats, a tool that will visualize useful stats about your CSS

hyhyhy, a tool for creating nice looking HTML5 presentations.
hyhyhy, a tool for creating nice looking HTML5 presentations

Give ‘n’ Go, a curated gallery of Dribbble shots reworked as interactive CodePen pens.
Give 'n' Go, a curated gallery of Dribbble shots reworked as interactive CodePen pens

New Learning Resources

Expandable Project Presentation in CSS and jQuery by CodyHouse.
Expandable Project Presentation in CSS and jQuery by CodyHouse

Best of Best WordPress Tutorials of 2014 on WPBeginner.
Best of Best WordPress Tutorials of 2014 on WPBeginner

PHP Tips, Resources and Best Practices for 2015 by Bruno Skvorc.
PHP Tips, Resources and Best Practices for 2015 by Bruno Skvorc

How To Write Mobile-First CSS by Zell Liew.
How To Write Mobile-first CSS by Zell Liew

Approaches to Media Queries in Sass by Eduardo Bouças.
Approaches to Media Queries in Sass by Eduardo Bouças

Thinking Beyond Scalable CSS by Nicolas Gallagher.

How to Map in Sass by Dennis Gaebel.
How to Map in Sass

Better Webfont Loading Using localStorage and Providing WOFF2 Support by Adam Beres-Deak.
Better Webfont Loading Using localStorage and Providing WOFF2 Support

The Good, The Bad And The Great Examples Of Web Typography by Jeremiah Shoaf.
The Good, The Bad And The Great Examples Of Web Typography

The Languages and Frameworks That You Should Learn In 2015 by Martin Angelov.
The Languages and Frameworks That You Should Learn In 2015

…and finally…

Modal Window Destroy Concept by LegoMushroom.

You may also like to browse the Weekly News Archives.


The post Weekly News for Designers (N.266) appeared first on Speckyboy Web Design Magazine.

Advertisements
Standard
Web design

Weekly News for Designers (N.265)


This is our popular weekly design news post where we share our favorite design related articles, resources and freebies from the past week.

You can sign-up to our awesome weekly newsletter for some more amazing articles, resources and freebies.

New Resources & Tools

What Colour Is It? Hexadecimal colours that corresponds to the current time of day.
What Colour Is It?

Wysihtml Editor, is an extended and less strict approach on wysihtml5 rich text editor.
Wysihtml Editor

MkDocs, a fast and simple static site generator for building project documentation.
MkDocs

Social Likes, a library of beautiful share buttons with counters for popular social networks.
Social Likes

Material Palette, a Material Design color palette generator.
Material Palette

Bootsy, an organized folder structure framework for every aspect of a project.
Bootsy

Meet the Ipsums, a collection a 'lorem ipsum' generators.
Meet the Ipsums

New Learning Resources

Freelancing: How to talk yourself into charging more by Andy Adams.
Freelancing: How to talk yourself into charging more by Andy Adams

A Designer’s Sublime Text Setup by Matej Latin.
A Designers Sublime Text Setup by Matej Latin

The Top 100 Email Marketing Campaigns of 2014 from Campaign Monitor.
The Top 100 Email Marketing Campaigns of 2014 from Campaign Monitor

Improving Design With Quick Usability Tests by Jerry Cao.
Improving Design With Quick Usability Tests by Jerry Cao

The Current State of Ghost by Sufyan bin Uzayr.
The Current State of Ghost by Sufyan bin Uzayr

A Beginner's Guide To Grunt: Redux by Matt Bailey.
A Beginner's Guide To Grunt: Redux by Matt Bailey

Free UI Resources

A collection of the top 50 Web & Mobile GUI Templates from 2014.
A collection of the top 50 Web & Mobile GUI Templates from 2014

Freebie: MFD UI Kit (PSD).
Freebie: MFD UI Kit

Freebie: Evil Icons, a simple and clean SVG icon pack.
Freebie: Evil Icons, a simple and clean SVG icon pack

Freebie: Snowflake UI Kit (PSD & Sketch).
Freebie: Snowflake UI Kit

Freebie: Gumba – An HTML5/CSS3 Single-Page Website Template.
Freebie: Gumba - An HTML5/CSS3 Single-Page Website Template

…and finally…

CSS-Only Calendar App Concept by David Khourshid.

You may also like to browse the Weekly News Archives.


The post Weekly News for Designers (N.265) appeared first on Speckyboy Web Design Magazine.

Standard
Web design

The Top 100 Design News Links in 2014

Throughout 2014, I posted a weekly set of interesting design-related links from around the web. As we close out the year, I wanted to take a look back at some of the best resources from these posts. From great responsive web design tools to silly GIF utilities, here are our top 100 design news links from 2014. Enjoy, and be sure to leave a comment and let us know what you’d add to the list.

Design Apps & Collaboration Tools

1. Asana Desktop, Tablet & Mobile Apps

Asana is a super helpful project and team collaboration tool. They added great iOS apps to their platform in the fall of 2014.

2. Zeplin

A new collaboration app for UI designer and front-end developers.

screenshot

3. Apple TestFlight

TestFlight is a new free app that allows app developers to invite you to beta test their apps on your iPhone, iPad, or iPod touch. Once you join a developer’s beta test through email invitation, TestFlight makes it easy to install and update new beta versions as they become available.

4. PageLayers

An awesome website screenshot app for Mac OSX that converts web pages into PS files with separate layers for all page elements.

5. Affinity Design

After 4 years in the making, this vector art creation software has just launched! It’s only and available in the App Store.

screenshot

6. Mitya App

A new interaction prototype tool, available for .

7. Team Reporter

Cut down the amount of meetings with this team update too.

8. LayUp

LayUp is a collaborative project between Khoi Vinh and Adobe. It’s a new iPad app that plans to turbo-charge the brainstorming phase of the design process (and will play nicely with Adobe’s marquee apps, too).

9. HR Mac App

Download a free app that will help you track time spent on individual tasks and freelance projects.

screenshot

10. Sketch to App Store

Generate images ready for the App Store directly from Sketch. You’ll save a ton of time with this tool, which exports images for all iPhone sizes.

Icon Resources

11. Animate SVG Icons

Download the kit and learn how to animate SVG icons with CSS and Snap on CodyHouse.

12. Make App Icon

Drop your design file in the on-page toaster drop zone, and this convenient service will generate all of the app icon sizes you’ll need for your app!

13. Anicorns

A library of animated icons by Sebas and Clim.

screenshot

14. Bootstrap Icon

A cheat sheet of all existing Bootstrap icons.

15. Marka

A collection of beautiful icon transformations, Marka can make your transitions between icons and shapes in code look amazing.

16. iOS7 Icon Template

Everything you need to design iOS7 app icons.

17. Iconogen

Easily generate all of the nice site add-ons like Faceicons, Windows tiles, Apple Touch icons and iOS icons too.

18. Map Glyphs

This is the ultimate css map font, which contains 301 scaleable vector map icons of the world, continents, globes, countries and states in a single font.

screenshot

19. Ramotion Realistic iOS App Icons

Browser an inspiring collection of realistic app icons made by the folks of Ramotion. This is a great rebuttal to the current flat design trend.

20. IcoMelon

A modern svg icons library for the web.

Design Community Platforms

21. OpenDesign

An initiative to get more designers involved in the open-source movement.

22. Dribbble Meetups

Dribbble has created a section on their site to manage the ever-growing number of global meetups. If you want to host your own meetup, there’s a form for that too.

23. Mix by FiftyThree

A new platform from the makers of the Paper app, that encourages users to create new visual work, learn together, and practice with templates. The community site has the following sections to dig into: Learn, Sketch, Play, Write, Design and Think.

screenshot

24. Skillpocket

Get one-on-one advice from expert professionals in your field. App available for iPhone.

25. DesignedIn

DesignedIn is an exclusive community platform where design students, alumni, faculty and employers come together to learn, teach and work on real-world projects in an effort to place students into jobs after college. It reached its goal on Kickstarter, so expect the platform to ship in the near future!

26. Faluta

Trade billable hours with other creative professionals who have skills that compliment your freelance projects. Join a community where you can pay other creators and get paid.

27. Ocean

Join a community of designers who are sharing real feedback on each other’s design projects.

28. The Meetup Guide

Crafted with care by designer Ciera Holtzenhal (a member of the Creative Market community), The Meetup Guide is the quintessential, affordable bundle resource that contains documentation and assets that’ll help you create, plan and host a local event series.

screenshot

29. CMX Summit

A new summit series that explores the business value of community building. This one’s for all the community champions out there!

30. Start-up Genome

Explore the start-up community where you live.

User Experience Best Practices

31. UX Companion

A handy glossary of user experience theories, tools and principles — all in a tidy little iOS App. Download in the App Store.

32. BUX

A directory of better user experience tools.

33. UX Design Weekly

Subscribe to this email newsletter that hand picks a list of the best user experience design links for you each week.

screenshot

34. UX Kits — 5 Lessons Learned

Read a nice blog post from CM shop owner UX Kits about how they crafted their strategy for selling digital assets.

35. UXPin

An app that makes designing quick and easy through wireframe and modules.

36. Job Stories

Explore a refined process to replace Personas and User Stories when conceptualizing digital work.

37. User Onboarding

Learn the flows for how popular web apps onboard new users. Explore first-time UX teardowns of apps like Inbox by Gmail, Yo, Asana iOS, Basecamp and many more.

screenshot

38. Design Details Podcast

Starting in January 2015, each show will be a 30-60 minute conversation with design leaders in the community.

39. Six UX

A collection of awesome six second transitions and animations found within apps.

40. UX is not UI

Erik Flowers posted an article two years ago about how UX is not UI. He had numerous request for a single page, 2-column comparison document of UX vs. UI.

iOS Resources

41. Teehan+Lax iOS8 GUI PSD

Teehan+Lax are back with their latest free PSD download that contains all of the GUI elements found in the public release of iOS 8.

42. Prott

Rapid prototyping for iOS. Capture an idea, add animation, sync multiple screens in realtime and preview your work in progress with others! Available in the App Store.

Prott

43. iOS Human Interface Guidelines

Available in the iTunes store, grab this free iBook and learn how to create superlative user experiences that are founded on Apple’s design principles and guidelines.

44. iOS Design Guidelines

Explore extensive guidelines created to facilitate iOS design by Ivo Mynttinen.

45. Capptivate

A beautiful iOS UI animation library.

46. DesignCode.io

Learn iOS design and Xcode at the same time. Build a news reader app from Sketch to the App Store.

47. Retinize.It

The best Photoshop action out there that helps designers prepare assets for iOS or optimize them for retina-display websites.

Retinize

48. iOS UI Kit Actions for Photoshop

Jérémy Paul has created a fancy set of actions that lets you create entire interfaces in just a few clicks in Photoshop. He included tons of options for iPhone 4, 5, and 6, and an exhaustive user manual to boot.

49. Execute iOS

Get educated about what it takes to develop iOS apps by Josh Long and Sam Soffes.

50. iOS Goodies

A massive archive of resources specifically collected about iOS. Plus, it’s updated weekly!

User Inteface Resources

51. uilang

Have a look at a minimal, ui-focused programming language for web designers. Simple insert uilang.js in your page to build interfaces such as popovers, tabs, galleries, overlays and more. No programming experience is required. By Benjamin De Cock.

screenshot

52. UI Origins

A nice little round-up of origin stories of common UI elements.

53. Web UI Design Best Practices

Full of examples and analysis of best practices by 33 tech companies, this eBook shares valuable insights into great UI design practices by the experts.

54. iOS 8 UI Kit for Sketch

Explore a generous portion of UI elements created by—from the starting point of the popular Teehan+Lax iOS resources — repurposed and extended just for users of Sketch.

screenshot

55. Web UI Design Patterns

Dig into this free ebook by UXPin that explores trends and best practices of user interface design patterns in 2014.

56. TabPatterns

A collection of UI design patterns found in Tablet experiences.

57. The Origin of the Hamburger Menu

Ever wonder where the Hamburger Menu came from? Dig into this Evernote conversation between Norm Cox and Geoff Alday to have a look at the history of this modern UI element of controversy. Yep, it goes all the way back to 1981.

58. How Now Web Cow

An upcoming tutorial site that plans to offer lessons about building websites and interactive UI design projects, produced by Noah Stokes of Bold.

screenshot

59. PS Actions for iOS Design

A PS action set to quickly build iOS UI.

60. Bootstrap 3 Vector UI Kit

A free collection of all the Twitter Bootstrap 3 UI controls.

Gifs! Gifs! Gifs!

61. Yix.Io

A new animated gif group competition app called Yix that you’ll love playing with your friends.

62. Gif Pop!

Make custom physical gif cards through the lenticular printing process.

63. Generate Gif

Do you love Sketch App and animated gifs? Well, now you can combine the two with this nifty plugin, that empowers you to generate animated gifs from a sequence of art boards in Sketch.

screenshot

64. JIF/GIF

A modest proposal by Andy Baio in which he attempts to define ‘JIF’ as the format and ‘GIF’ as the culture.

65. Giffer App

Whatever kind of animated gifs you like, now you can quickly and easily create or collect them on the go with this awesome iPhone app.

66. GIF Brewery

Designed and offered exclusively for Mac OS X, GIF Brewery lets users convert brief clips from video files into GIFs and offers a ton of editing controls too! Now you can start GIF’ing away at work.

67. PopKey

It’s hard not find this funny. PopKey is planned to be the world’s fist animated GIF keyboard. Who needs talking when you can communicate with an animated clips from your favorite movies?

PopKey

68. GifWit

Organize and search your favorite gifs on the internet, and paste them directly into your preferred apps to share them quickly!

69. GifDeck

Convert your SlideShare Decks into wonderful animated gifs.

70. Recordit

A free Mac app that helps with screencasting. Includes gif support too!

Color Tools

71. Adaptive Backgrounds

A nifty jquery tool that pulls the dominant color from an image to display it as a background element on a web page.

screenshot

72. Color Explorer

A variety of free tools for working with color.

73. Flat UI Color Picker

Explore curated hex color codes by hue collections for flat-based UI design work.

74. Skala Color

An extraordinary Mac-based color picker app for designers and developers.

75. The Day’s Color

Enjoy a color digest blog that presents a fresh palette every day of the week. Each palette offers 7 colors — 5 primary hues on top of 2 background colors.

76. Colorful CSS Gradient Generator

Create beautifully blended css hues with this handy generator.

screenshot

77. CMYK Playing Cards

A very cool concept that uses playing cards to show the tiers of opacity of primary paint colors.

78. The Colors of Motion

Browse color palettes created by using an algorythm that compiles the most commonly used hues found in scenes from popular films.

79. Prisma

Synchronize colors between all your Photoshop design with this handy plugin.

screenshot

80. Brand Colors

Not sure what the hex color is of a particular brand that you’re using in your project? Have a look at this archive to find hues for many popular brands.

Responsive Resources

81. Macaw

The premier responsive web design tool launched this year, and updated to new versions with more features too!

82. Skala Preview

A tool by Bjango that helps designers ship responsive projects across desktop and mobile.

83. Responsive Web Design Podcast

A brand new podcast launched this year, co-hosted by Karen McGrane and Ethan Marcotte. In each episode, the hosts interview people who make responsive redesign projects happen.

84. Duo

A responsive web dual-panel browser app that helps designers see multiple viewports while creating responsive design work.

screenshot

85. Responsive Email Patterns

A collection of patterns and modules for building excellent responsive emails.

86. RQRWD

An essential Percentage to Pixels (and vice versa) tool for planning responsive web design.

87. Lemonade

If you’re in need of a responsive grid system, then try Lemonade — a customizable grid made with SASS.

screenshot

88. Liquidapsive

A small education site that visually demonstrates the differences between static, responsive, adaptive and liquid website formats.

89. Foundation 5

Zurb launched it’s 5th edition of their popular responsive framework.

90. Responsive Comments

A client-side responsive solution for conditional loading of comments.

Font Resources

91. Font Face Ninja

Discover what web fonts are being used across your favorite websites with this handy tool. It’s free, and comes as a bookmarklet, Chrome extension or Safari extension.

screenshot

92. Typecase

Select the fonts of your choice, and render a live type specimen test sheet in html for your web project.

93. Typ.io

Screnshots of fonts used in visual examples, and links to purchase them.

94. iOS Fonts

Browse and tes drive all font options available for use in iOS projects according to device and OS version compatibility.

95. FontShop WebFonter

A new tool by FontShop that lets users test fonts right on their website.

96. Typewolf

A curated collection of font usage examples found in modern web design.

97. Handmade Font

An incredible font store full of unique, photographic-based 3D display lettering assets for sale.

98. Brick

Explore a selective catalog of web fonts that render well in the browser.

99. OpenType Cookbook

A personal project that Tal Leming has created based on experiences of developing OpenType features back in 2003. The OpenType Cookbook helps designers learn and apply the features that designing fonts in OpenType can provide.

screenshot

100. Fave Typefaces by Lead Designers

A simple post on TypeWolf that shares the top 3 favorite fonts of popular designers.

Standard
Web design

Weekly News for Designers (N.264)


This is our popular weekly design news post where we share our favorite design related articles, resources and freebies from the past week.

You can sign-up to our awesome weekly newsletter for some more amazing articles, resources and freebies.

New Resources & Tools

bigpicture.js, a JS library that allows infinite panning and infinite zooming in HTML pages.
bigpicture.js, a JS library that allows infinite panning and infinite zooming in HTML pages

PhotoSwipe, a JavaScript image gallery for mobile and desktop, with gesture support.
PhotoSwipe, a JavaScript image gallery for mobile and desktop, with gesture support

Squire, an HTML5 rich text editor, which provides powerful cross-browser normalisation, whilst being supremely lightweight and flexible.
Squire, an HTML5 rich text editor, which provides powerful cross-browser normalisation

firefox.html, an experiment proof-of-concept implemntation of the Firefox UI in HTML.
firefox.html, an experiment proof-of-concept implemntation of the Firefox UI in HTML

10 CSS Preprocessors Worth Considering by Sufyan bin Uzayr.
10 CSS Preprocessors Worth Considering

The 2014 edition of our top 50 jQuery plugins of the year.
The 2014 edition of our top 50 jQuery plugins of the year

And the 2014 edition of our top 50 CSS tools & resources.
And the 2014 edition of our top 50 CSS tools & resources

New Learning Resources

A Bulletproof Guide to Using HTML5 and CSS3 in Email by Kevin Mandeville.
A Bulletproof Guide to Using HTML5 and CSS3 in Email

CSS Animation for Beginners by Rachel Cope.
CSS Animation for Beginners

7 Tips for Designing Awesome Animated GIFs by Andy Orsow.
7 Tips for Designing Awesome Animated GIFs

A small collection of dialog effects using CSS animations from Codrops.
A small collection of dialog effects using CSS animations for your inspiration

Responsive Type With Only CSS by Ryan Allen.
Responsive Type With Only CSS

The Urban Dictionary Of Design Slang by Suzanne LaBarre.
The Urban Dictionary Of Design Slang

Free UI Resources

Freebie: Teracyhq Wireframe Kit for Sketch.
Teracyhq Wireframe Kit for Sketch

Freebie: Beetle, a Responsive HTML Template.
Beetle, a Responsive HTML Template

Freebie: Simp, a free Agency WordPress Theme.
Simp, a free Agency WordPress Theme

Freebie: A Huge Christmas & New Year Vector Banner Kit (AI & EPS).
A Huge Christmas & New Year Vector Banner Kit

Freebie: Favicon and App Icon Template.
Favicon and App Icon Template

Freebie: 4 Free Flat Hero Illustrations (AI).
4 Free Flat Hero Illustrations

Freebie: Cathedral Typeface.
Freebie: Cathedral Typeface

…and finally…

What Google would look like with a Material Design makeover
What Google would look like with a Material Design makeover

You may also like to browse the Weekly News Archives.


The post Weekly News for Designers (N.264) appeared first on Speckyboy Web Design Magazine.

Standard
Web design

Weekly News for Designers (N.263)


This is our popular weekly design news post where we share our favorite design related articles, resources and freebies from the past week.

You can sign-up to our awesome weekly newsletter for some more amazing articles, resources and freebies.

New Resources & Tools

SVG Loaders, a collection of loading icons and small animations built purely in SVG, no CSS or JS.
SVG Loaders, a collection of loading icons and small animations built purely in SVG, no CSS or JS

CSS-On-Diet, a preprocessor for designers.
CSS-On-Diet, a preprocessor for designers

State of Web Type, up-to-date data on support for type and typographic features on the web.
State of Web Type, up-to-date data on support for type and typographic features on the web

Clappr, an extensible media player for the web.
Clappr, an extensible media player for the web

Free Ebook: Guide to Usability Testing.
Free Ebook: Guide to Usability Testing

10 New Frontend Web Frameworks Worth Considering.
10 New Frontend Web Frameworks Worth Considering

New Learning Resources

The State of JavaScript in 2015 by Jimmy Breck-McKye.
The State of JavaScript in 2015by Jimmy Breck-McKye

3D rotating navigation, powered by CSS transformations by CodyHouse.
3D rotating navigation, powered by CSS transformations by CodyHouse

An animated perspective mockup slideshow with 3D transforms by Mary Lou.
An animated perspective mockup slideshow with 3D transforms by Mary Lou

Thoughts About Responsive Navigation On Mobile Devices by Steven Bradley .
Thoughts About Responsive Navigation On Mobile Devices by Steven Bradley

Getting Started with Sublime Text by Petar Radosevic.
Getting Started with Sublime Text by Petar Radosevic

A brief history of web design for designers by Sandijs Ruluks.
A brief history of web design for designers by Sandijs Ruluks

Free UI Resources

Freebie: 72 Miniature Wireframes (AI, PSD, Sketch).
Freebie: 72 Miniature Wireframes

Freebie: A Highly Detailed Christmas Vector Icon Set (AI).
Freebie: A Highly Detailed Christmas Vector Icon Set

Freebie: Apple Watch GUI for Illustrator (AI).
Freebie: Apple Watch GUI for Illustrator

Freebie: iOS 8 UI Design Kit (Sketch & PSD).
Freebie: iOS 8 UI Design Kit

50 Free Resources for Designers from November 2014.
50 Free Resources for Designers from November 2014

…and finally…

How Browsers Market Themselves from daverupert.com.
How Browsers Market Themselves from daverupert.com

You may also like to browse the Weekly News Archives.


The post Weekly News for Designers (N.263) appeared first on Speckyboy Web Design Magazine.

Standard
Web design

Weekly News for Designers (N.262)


This is our popular weekly design news post where we share our favorite design related articles, resources and freebies from the past week.

You can sign-up to our awesome weekly newsletter for some more amazing articles, resources and freebies.

New Resources & Tools

SVG Morpheus, a JavaScript library that enables SVG icons to morph from one to the other.
SVG Morpheus, a JavaScript library that enables SVG icons to morph from one to the other

Charted, a charting tool that produces automatic, shareable charts from any data file.
Charted, a charting tool that produces automatic, shareable charts from any data file

Four Shadows, a plugin for changing the direction of an icon's shadow based on the time of day.
Four Shadows, a plugin for changing the direction of an icon's shadow based on the time of day

JuliusJS, a speech recognition library for the web.
JuliusJS, a speech recognition library for the web

MetricsGraphics.js, a library built on top of D3 that is optimized for visualizing and laying out time-series data.
MetricsGraphics.js is a library built on top of D3 that is optimized for visualizing and laying out time-series data

flow, an open-source static type checker for JavaScript from Facebook.
flow, an open-source static type checker for JavaScript from Facebook

Lining.js, a library that offers you complete 'down-to-the-line' control of your typography.
Lining.js, a library that offers you complete 'down-to-the-line' control of your typography

New Learning Resources

Keeping CSS short with currentColor by Osvaldas Valutis.
Keeping CSS short with currentColor by Osvaldas Valutis

A backend developer’s guide to UI design by Rudolph Musngi.
A backend developer's guide to UI design by Rudolph Musngi

A Brief History of Graphics, an account of graphical milestones in video games.
A Brief History of Graphi, an account of graphical milestones in video games

Deciding how to develop your WordPress theme framework by Rachel McCollin.
Deciding how to develop your WordPress theme framework by Rachel McCollin

Sublime Text for front-end developers by Wes Bos.
Sublime Text for front-end developers by Wes Bos

Free UI Resources

Freebie: Style Guide Template in CSS.
Freebie: Style Guide Template in CSS

Freebie: Christmas Icon Set (24, Icons, AI, PSD, EPS, PDF, SVG, PNG).
Freebie: Christmas Icon Set

Freebie: PaymentFont, a SVG webfont of all main payment operators and methods.
PaymentFont, a SVG webfont of all main payment operators and methods

Freebie: Apple Watch, iPhone, iPad & Android sketch paper.
Freebie: Apple Watch, iPhone, iPad & Android sketch paper

MaterialUp – Material Design Inspiration.
MaterialUp - Material Design Inspiration

…and finally…

Posters That Debunk Common UX Misconceptions.
Posters That Debunk Common UX Misconceptions

You may also like to browse the Weekly News Archives.


The post Weekly News for Designers (N.262) appeared first on Speckyboy Web Design Magazine.

Standard
Web design

Weekly News for Designers (N.261)


This is our popular weekly design news post where we share our favorite design related articles, resources and freebies from the past week.

You can sign-up to our awesome weekly newsletter for some more amazing articles, resources and freebies.

New Resources & Tools

Andy.scss, an open-source collection of useful SASS mixins.
Andy.scss, an open-source collection of useful SASS mixins

Sticky-Kit, a jQuery plugin for making smart sticky elements.
Sticky-Kit, a jQuery plugin for making smart sticky elements

Furtive CSS, a lightweight, mobile-first, CSS micro-framework.
Furtive CSS, a lightweight, mobile-first, CSS micro-framework

Magic Mockups, a web-based tool for generating real-life mockups.
Magic Mockups, a web-based tool for generating real-life mockups

APIs.io, an experimental API search service.
APIs.io, an experimental API search service

Learning Resources & Tutorials

When to use @extend; when to use a mixin by Harry Roberts.
When to use @extend; when to use a mixin by Harry Roberts

The State Of Animation 2014 by Rachel Nabors.
The State Of Animation 2014

Viewport units: vw, vh, vmin, vmax by Tim Severien.
Viewport units: vw, vh, vmin, vmax by Tim Severien

A-Z of Free Sketch Plugins by Paul Andrew.
A-Z of Free Sketch Plugins

On Legibility – In Typography And Type Design by Fábio Duarte Martins.
On Legibility – In Typography And Type Design by Fábio Duarte Martins

What an Actual Product Design Process Looks Like by Jomi Cubol.
What an Actual Product Design Process Looks Like by Jomi Cubol

The Anatomy of a Grid & Why You Should Use One by Andrew Cole.
The Anatomy of a Grid  & Why You Should Use One by Andrew Cole

Big, Beautiful Dropcaps with CSS initial-letter by Dudley Storey.
Big, Beautiful Dropcaps with CSS initial-letter

Free UI Resources

Droidicon – Over 1600 Customizable Icons for Android.
Droidicon - Over 1600 Customizable Icons for Android

Free Material Design GUI Templates & Icon Sets.
Free Material Design GUI Templates & Icon Sets

Freebie: Apple Watch GUI (Sketch).
Freebie: Apple Watch GUI

Freebie: Blackberry Icons by Ghani Pradita (PSD).
Freebie: Blackberry Icons by Ghani Pradita

Freebie: Branding-Stationery Mockup Vol.4 (PSD).
Freebie: Branding-Stationery Mockup Vol.4

…and finally…

Should I Use A Carousel?
Should I Use A Carousel

You may also like to browse the Weekly News Archives.


The post Weekly News for Designers (N.261) appeared first on Speckyboy Web Design Magazine.

Standard