サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
円安とは
speckyboy.com
Where would web designers be without CSS? It wasn’t so long ago that something as simple as a drop shadow required the use of graphics. Now, it’s a matter of writing a line or two of code. That’s great for adding some basic effects to your text and containers. But it’s also possible to go above and beyond. With CSS, you can create some seriously impressive shadows that rival those found in tools l
Power On The toggle switch has become a staple of web design – but this snippet takes things to another level. By adding a realistic surface and jittery backlight, this pure CSS animation looks like it belongs on a piece of machinery. Clicking the switch also produces a satisfying on/off effect. See the Pen Realistic Red Switch (Pure CSS) by Yoav Kadosh Something to Sea A shimmering ocean. Dolphin
8 CSS & JavaScript Snippets for Creating the Neumorphism Effect The web design industry has always been great at throwing around buzzwords. One of the most recent examples is neumorphism – which is supposedly the “new skeuomorphic” for design elements. It’s a UI trend where an element looks like it’s breaking free (or extruding) from its background. If you’re looking for a reference point, it seem
For those of us who experiment with CSS, it’s an exciting time. The advent of CSS Grid and Flexbox have opened up a whole new world of page layout possibilities. And one of the more interesting uses for these tools is their integration within news and magazine-style websites. They often have more complex and unique layout requirements than other genres. It has led to some very creative solutions.
How to Design a Creative Project Mockup Template As mentioned earlier, digital products can be a little tricky to visualize, but with the help of this tutorial, you’ll be able to effectively give your clients an idea of what the finished project will look like. How to Create an Isometric Map Mockup Use this tutorial to create an isometric map mockup. This tutorial is perfect for any project dealin
If you’re working on a design project that needs to evoke feelings of nostalgia or working with a brand that has an established history, chances are you’d do well by using vintage or antique brushes. From retro advertisements to old-fashioned writing, there is a vintage brush for any type of project. Browse our collection below to find the perfect set of vintage and antique brushes for your projec
Austin McKinney Our first stop is to the personal portfolio of Austin McKinney. Here, the vertical navbar includes only the essentials: a hamburger button, links to social media profiles, the logo, and the designer’s occupation. As well as a beautifully designed vertical navbar, this website is also the perfect blend of ultra-minimalism and ultra-narrow design. Editorial New The creators of Editor
Final Cut Pro is a popular video editing application for macOS that professionals and amateurs use to create quality video content. One of the many features that make Final Cut Pro so popular is the ability to use pre-designed presets and templates to greatly speed up the editing process and enhance the visual appeal of your final video. As powerful as Final Cut Pro is, there is no denying that ed
Borders are often thought of as minor details that are used as a finishing touch to an image or container element. They serve as a nicety, but hardly anything to get excited about. But as CSS evolves, they have the potential to become something more. With more complex coloring and special effects, designers can leverage borders to draw attention to important information. They can also play a role
Photoshop is, indeed, a powerful tool for editing your photos. But if you want to make sure you maintain consistency in your editing workflow or if you want to speed up the editing process, you’ll need a quality Photoshop plugin. From applying HDR effects to converting your images to black and white, there is a plugin for every situation, and in this post, we’ve gathered the best free Photoshop pl
Running Free by Laurence Penney Glyphs are kind of a big deal these days, with the likes of Font Awesome and Dashicons being in such wide use. In this example, a variable font with a single glyph of an emoji horse was used to create a nifty animation. Through the use of CSS font-variation-settings, the author was able to ensure an ultra-smooth effect. See the Pen Muybridge galloping horse by Laure
What is Apple Keynote? This tutorial is perfect for anyone new to using Keynote. The tutorial covers everything you need to know about Keynote so you can start making beautiful presentations. How To Create Your First Keynote Presentation Once you know the basics, this tutorial will teach you how to use Keynote to make your first presentation, as well as show you a few tips and tricks to make the m
Unlimited Downloads: Broadcast Packages, Logo Stings, Titles, Infographics, Product Promos, and More! After Effects Free Text Effects Presets Tapered Stroke Preset for After Effects Use this tapered stroke preset to masterfully and fundamentally change how your text can act for your next video. There is no end to how you can animate your text when you use this fully customizable preset. 70 Glitch
Mockup templates are an essential resource for designers to showcase logo or branding designs in a realistic way. These templates help designers visualize how their logos will look in the real world, allowing them to make any tweaks and edits to the design before finalizing it. Mockup templates come in various forms, including 3D, photorealistic, and digital mockups. 3D mockups are ideal for showc
Rounded Corner Lower Third Motion Template Quickly add and customize a lower third for your Motion 5 or Final Cut Pro video projects. Place it into the timeline, add your image and fill out the text fields, customize the colors, and you’re done. Color Correction Pack For Apple Motion Save time and energy when you do color corrections with this color-correct pack. Just drag and drop the color corre
Psych X86 In essence, it is a regular solution. The welcome section is split into two. The left side embraces the tagline, introduction, and a call-to-action button. Whereas, the right side includes an illustration. We have seen this a million times. However, the isometry gives the section a certain spice, setting it apart. Not only does it serve all the standard purposes such as supporting the he
Adobe InDesign is a staple tool in the world of print design, but mastering the basics is only the first step. To truly excel and become an InDesign pro, you must continually learn new tips and tricks to streamline your workflow and fully unleash your creative potential. Fortunately, we’ve curated a collection of the best InDesign tutorials that will help you do just that. From speeding up your wo
SVG Filters 101 The first tutorial on the list is a great introductory material to SVG filters. This tutorial walks you through the process of using SVG filters in your own designs and is a part of a more extensive series that goes more in-depth about SVG filters. The Art Of SVG Filters This article by Smashing Magazine takes a deep dive into the world of SVG filters and explains why you should be
Web design, and particularly CSS, has taken on a predictable pattern in recent years. First, we create special effects that make heavy use of images, outside libraries or both. Then CSS comes along and adds these capabilities – greatly reducing the need for outside resources. That means much of the behind-the-scenes horsepower we need is built into the browser. CSS blend mode is one such revelatio
After Effects is a popular application for creating stunning visual effects and motion graphics. It offers all the tools and features that allow designers, animators, and video editors to add an extra dimension to videos and motion graphics, making them more engaging and visually appealing. But if you’re new to After Effects, the learning curve can be steep. However, plenty of tutorials are availa
Free Virtual Reality Icon Set (50 Icons in PNG & SVG Formats) We have an exciting new freebie to share with our readers this week – a stunning virtual reality icon set courtesy of Freepik. Featuring 50 individual icons in three unique styles (Lined, Outlined & Flat), this set is perfect for anyone working in the field of virtual reality. Available in both PNG and SVG formats, these icons are fully
Premiere Pro is a powerful video editing application that professionals and amateurs use to create high-quality video content. One of the many features that make Premiere Pro so universally popular is its ability to import pre-made templates to speed up the video editing process. Premiere Pro templates are pre-designed project files that can be customized to fit the specific needs of your project.
Using Shaders to Create Realistic Special Effects in Web Design WebGL has become the subject of experimentation and testing the limits of what is possible on the web. Almost each day we stumble upon grandiose solutions powered by it. As proof, we have already examined a number of real projects. Today we are going to explore some concepts that show the benefits of using shaders. We are going to foc
Tips and tutorials on selecting the right theme for your specific needs, troubleshooting common theme issues, and much more. Master the art of managing WordPress! View all WordPress articles
Crafting a new Instagram story every time can be a hassle, especially if you are aiming for a consistent and polished look. That’s why using Instagram Story templates can be a game-changer. With the right templates, you can save time and effort while creating engaging stories that reflect your brand’s style and vibe. In this collection, we’ve gathered some of the best Instagram Story templates tha
Sketch is a widely-used design tool for the Mac that enables designers to create stunning user interfaces. A user-friendly interface, an extensive library of plugins, customizable vector graphics, regular updates, and collaborative features make Sketch a versatile and efficient tool for designing mobile UIs and wireframes. Its popularity has soared in recent years. As a result, numerous resources
2018 has certainly been an exciting year for WordPress. The CMS celebrated its 15th birthday and released its revolutionary version 5.0, featuring the new Gutenberg block editor. It seemed like there was something new to discuss on a daily basis. A lot of it was controversial. As someone who uses WordPress and cares about its future, I followed the process to develop and release version 5.0 closel
Best PowerPoint Templates for Designers Ravi PowerPoint Template (Free) Ravi is a free PowerPoint presentation template with a clean, creative design and seamless animations. It includes a variety of slides for informative and engaging presentations. Muli Minimalist PowerPoint Template Muli effortlessly combines minimalist design with creativity to give you a PowerPoint template that’s perfect for
Explord Free Adobe XD UI Kit Created by UI designer Daumantas Banys, the card-styled Explord UI Kit contains everything you would need for designing a blog or portfolio website. Education Web UI Kit for Adobe XD Designed by Vivek Popat, the Education UI kit for Adobe XD has been created so that you can quickly design the website of a school, college, or university. Also available for Adobe Photosh
次のページ
このページを最初にブックマークしてみませんか?
『Speckyboy Design Magazine』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く