Try clicking or tapping the SVG image below. If you put your pointer in the right place (the shaded path) then you should have Smashing Magazine's homepage open in a new browser tab. If you tried to click on some white space, you might be really confused instead. See the Pen Amethyst by Tiffany Brown (@webinista) on CodePen. This is the dilemma I faced during a recent project that included links within SVG images.

The Ampersand is loved by all types of creatives! Its shape has evolved into a variety of styles since it was conceived as a ligature of the letters ‘e’ and ‘t’ from the Latin ‘et’ for ‘and’. You can find a range of ampersand designs across different fonts and typefaces, from cursive script variants to […] The post Art of the Ampersand: 35 Creative Examples of The '&' Character appeared first on Spoon Graphics.

In late 2021, a vulnerability was detected in the Java logging package Log4j, which is the most popular framework for logging in Java. It is used in millions of applications. Not only that, but it is used as a dependency in over 7,000 open-source projects, according to research from software security company Sonatype. Given the … continue reading The post Enterprise open source and the security of the software supply chain appeared first on SD Times.

Undoubtedly, guest blogging is one of the most efficient tricks to promote goods, services, and personal brand to a wider audience. It's rather advantageous to both a website owner and a guest blogger, as the first takes a break from writing articles while maintaining the schedule while the latter promotes his services, boosts raise search engine rankings and attract new visitors. Well, it's not that easy to get such an opportunity, especially if you're going to contribute to the credible resource while yours is still unknown. Although you have little chance, that's not impossible in case the blog post is … Continue reading →Visit us at InstantShift.com

Today I’m speaking to those just getting started in design. Maybe you just graduated from design school, or you’ve read through all the fundamental lessons offered here and on other... The post What Should New & Inexperienced Designers Be Learning? appeared first on Speckyboy Design Magazine.

Nowadays, every browser provides developer tools that allow you to thoroughly test your web projects regarding design and functionality. By default, JavaScript debugging and the inspection of the source code are among these features. Firefox Developer Edition is a browser developed by Mozilla and is dedicated solely to web developers, providing even more useful tools that help to optimize a website. Its features include the testing of CSS3 animations and transitions. Slim Design, Fast Access to Developer Tools Firefox Developer Edition is based on the Aurora branch of the popular browser. New features that are not available in standard Firefox are already implemented here and can be tested in advance. The thing that sticks out the most at first glance is the slim design of the user interface. Tab and address bar take up less space compared to standard Firefox. The browser also comes wrapped in a dark theme by default. If you prefer brighter colors, you can quickly switch the color scheme to the ones you know from standard Firefox. Interface of Firefox Developer Edition As Firefox Developer Edition is directed towards developers, finding the different specialized tools is more accessible and presented significantly more prominent. In the address […]* You might also be interested in the following articlesmo.js: JavaScript Framework for Complex AnimationsComing to a Screen Near You: CSS3 Animations and The New JavaScript…Animsition: User-Friendly jQuery-Plugin for Animated Page TransitionsWeb App Manifest: Open Websites Like Native Apps on Mobile DevicesSVG without SMIL: Google Chrome Kills SupportWebAnimator Plus: Sophisticated HTML5 Animations Made Easy

The landscape for the performance-minded developer has changed significantly in the last year or so, with the emergence of HTTP/2 being perhaps the most significant of all. No longer is HTTP/2 a feature we pine for. It has arrived, and with it comes server push! Aside from solving common HTTP/1 performance problems (e.g., head of line blocking and uncompressed headers), HTTP/2 also gives us server push! Server push allows you to send site assets to the user before they've even asked for them. It's an elegant way to achieve the performance benefits of HTTP/1 optimization practices such as inlining, but without the drawbacks that come with that practice.The post A Comprehensive Guide To HTTP/2 Server Push appeared first on Smashing Magazine.

As I'd always been at the top of my class during high school, I headed to art college full of confidence that one day I'd be an accomplished painter. This over-confidence didn't last long though, because when I arrived, I found myself surrounded by conceptual artists, filmmakers, painters, performance artists, printmakers, and sculptors, who all seemed much more talented than I was. This was especially true of my friend Ben, a gifted painter who went to his studio late every night to work on several large canvases.

With new frameworks and libraries emerging, the tools we have at hand are constantly changing. But it's not only our toolkit but also the way we write code that constantly evolves -- new CSS conventions are developed all the time and the best practices to write JavaScript change at least every year. But then again, we have to remind ourselves that we shouldn't immediately jump to a new tool just because it's available, to not rewrite the whole code of a project just because conventions have changed. No project will stop working because you're using OOCSS instead of ITCSS or Backbone.js instead of React.js. If the project is an ongoing process and will be developed and maintained for another few years, you should evaluate to change tools from time to time, of course. But take your time. Better evaluate first, then reconsider, before you immediately jump on a train from which you don't know where it's heading.The post Web Development Reading List #154: Yarn, Deep-Fried Data, And A Guide To Stateful Components appeared first on Smashing Magazine.

The modern logo has to work harder than ever before. In the past, a company logo was perhaps intended simply for a shop sign and printed in local newspaper adverts. Today's logos have to work with a growing plethora of smart devices with varying screen sizes and resolutions, displaying responsive websites. Often logos end up suffering within responsive website design. Many have not been designed with responsive frameworks and variable sizes in mind, and are just resized to fit whatever available space has been provided for them or not.The post Logo Design For Responsive Websites appeared first on Smashing Magazine.