Petrolia, Ontario Web Design & Development Articles
Latest articles from around the web
Code repetition is one of the more frustrating aspects of CSS. Having to type out the same property values over and over throughout a stylesheet takes time. And when making... The post How CSS Variables Can Improve Efficiency and Consistency appeared first on Speckyboy Design Magazine.
The blend tool in Adobe Illustrator is often used to create abstract wave graphics, but I’ve been experimenting with some additional adjustments and discovered some handy tricks to create sci-fi inspired digital particle waves. This kind of imagery perfectly complements hi-tech interface designs with colourful data visualisation effects, or it could be used to create […] The post How To Create Digital Particle Waves in Adobe Illustrator appeared first on Spoon Graphics.
In this article I'm going to talk about branching strategies and different types of Git branches. I'm also going to introduce you to two common branching workflows: Git Flow and GitHub Flow. The post Branching Strategies in Git appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.
When it comes to showing the transition, interaction and animation of elements in the user interface, a prototyping tool like Framer X can make a difference in the way you communicate your vision to the team and stakeholders and as a result, boost your efficiency as a designer. With the following example, I will illustrate how you can add interaction to static designs. To profit the most from this tutorial, some basic experience with Framer X are welcome.
In many projects, responsive images aren't a technical issue but a strategic concern. Delivering different images to different screens is technically possible with srcset and sizes and <picture> element and Picturefill (or a similar) polyfill; but all of those variants of images have to be created, adjusted and baked into the logic of the existing CMS. And that's not easy. On top of that, responsive images markup has to be generated and added into HTML as well, and if a new image variant comes into play at some point (e.g. a file format like WebP or a large landscape/portrait variant), the markup has to be updated. The amount of extra work required often causes trouble -- so if you have a perfect product shot, you need to either manually create variants for mobile and portrait and landscape and larger views, or build plugins and extensions to somehow automate the process.The post Automatically Art-Directed Responsive Images? Here You Go. appeared first on Smashing Magazine.
$2?! Yes, just two dollars! This special Summer Celebration bundle from Design Cuts is an incredible one-off deal that contains over $1194 worth of premium design resources, reduced to almost nothing thanks to a 99.8% discount, making it an unmissable opportunity to acquire some best-selling tools. It contains a variety of high quality products, including […] The post Wow! This Entire Collection of Design Resources is Just $2 appeared first on Spoon Graphics.
Access All Areas members have a useful set of textures to download this week, courtesy of Shapeshift. The Distressed Halftone Textures Pack allows you to mimic the style of classic industrial printing methods by adding halftone patterns to your artwork, as seen on old comic books, newspapers and low-cost prints. This pack of distressed halftone […] The post Distressed Halftone Textures Pack for Premium Members appeared first on Spoon Graphics.
Email marketing plays a big part in developing the brand. Whether you run an ordinary blog or hold the reins of a multinational estore, it is one of those... The post 5 Psychological Tricks to Use in Email Newsletter appeared first on Onextrapixel.
Food and restaurant menu templates can streamline the branding process for you if you’re a restaurant owner or a designer working for the food industry. These templates are readily available, easy to customise, and can be a life saver in situations where you have to meet a tight deadline. In this article, we’ve gathered 30+ […]
Google Firebase has a new data storage possibility called 'Firestore' (currently in beta stage) which builds on the success of the Firebase Realtime Database but adds some nifty features. In this article, we'll set up the basics of a web app using Vue.js and Firestore. Let’s say you have this great idea for a new product (e.g. the next Twitter, Facebook, or Instagram, because we can never have too much social, right?
About The Coding Studio Inc.
Developing professional web applications
for Petrolia, Ontario, for 20 years!
With years of experience and many satisfied customers, we provide the direction and assistance you require.
Custom Web Development
We specialize in complex custom web projects, from small business websites to corporate applications.
We create an experience which converts more leads and retains more customers, which increases profits.
We help to simplify and automate employee tasks, which reduces payroll and other expenses.