Designer News
Where the design community meets.
Alfonse Surigao
UX/UI Designer/Developer Joined about 9 years ago
- 11 stories
- 109 comments
- 176 upvotes
- Marksheet - Free Tutorial to Learn HTML and CSS (marksheet.io)
- 5 crazy facts about Google's logo (designhill.com)
- CSS Variables: Why Should You Care (developers.google.com)
- Which Cat is your JavaScript Framework? (whichcatisyourjavascriptframework.com)
- Because controlling gifs has never been more fun (gifctrl.com)
- Introduction to Canvas Animation (thenewcode.com)
- Line Menu Styles (tympanus.net)
- Twitter’s Heart Animation in Full CSS (medium.com)
- Dropbox shuts down another product: Carousel (dropbox.com)
- Google #Halloweenify your photos (plus.google.com)
Posted to CSS's undersung property: box-sizing, Feb 24, 2017 Posted to Welcome to WWDC17 - San Jose, CA, June 5-9, Feb 16, 2017 San Jose. For those too lazy to click through
Posted to Best Practices of ‘LESS’, in reply to Zach Reed , Feb 10, 2017 I'm curious too. I hardly know anyone using LESS anymore and have moved on to using Sass(scss).
Posted to Good UI Developer Portfolios?, in reply to Jeff L , Dec 12, 2016 Loading screens are instant close for me...
Posted to Apple reveals autonomous vehicle ambitions in letter to US regulators, in reply to Joel Califa , Dec 07, 2016 Courage!
Posted to How it feels to learn JavaScript in 2016, Oct 04, 2016 Omg... this is so damn true, it's not even funny.
Posted to "Designer News inspired" Formula 1 News!, Sep 06, 2016 I'm surprised there's no sticky header... (yet?)
Posted to Ask DN: How was counterclimate.converse.com made?, Aug 16, 2016 Looks like it's using HTML5 canvas and a few JavaScript plugins. Source of the JavaScript: JS file
Posted to Ask DN: What's your suggestions for a Portfolio website width(mainly a fix-width )?, in reply to Niki Yu , Aug 15, 2016 For images, there are usually 4 options to use, each with their own caveats.
JPEG: Best to use for images with lots of colors, gradients, shadows, or images such as photographs.
PNG: Best to use for images that have solid colors and images that require transparency.
GIFs: Best to use with images that require a short animation, though be careful with GIFs that are large in filesize.
SVG: Best for use to scale images, such as logos. Usually images that have solid colors.
Also, it's best to use image compression to reduce the filesize on your images. My favorite service is https://compressor.io/. There is also https://tinypng.com/ for png images.
You want to keep image file sizes as low as possible while still keeping acceptable image quality.
- Why I think you should consider switching to Affinity Designer
- Is it just me or did DN use to be more interesting?
- What your relatives actually think when you say “UX Designer” (medium.com)
- The State of Front-End Tooling 2016 - Results (ashleynolan.co.uk)
- Mega Master Dongle
- A Quick Guide For Designing Better Buttons (smashingmagazine.com)
- What does the Trump presidency mean for designers? (medium.com)
- Intercom — Your product is already obsolete (blog.intercom.com)
- Front-End Tooling Survey 2016
- (Meta) Suspected ZURB Foundation Voting Ring
Pretty sure everyone uses this