Kategorie: Unsortiert

The problem with z-index is that very few people understand how it really works. It’s not complicated, but it if you’ve never taken the time to read its specification, there are almost certainly crucial aspects that you’re completely unaware of.

Quelle: What No One Told You About Z-Index — Philip Walton

Wondering how to set the featured image as a background image in WordPress? Follow our short tutorial to find out how it can be done!

Quelle: How to Set the Featured Image as a Background Image in WordPress

The object-fit property defines how an element responds to the height and width of its content box. It’s intended for images, videos and other embeddable

Quelle: object-fit | CSS-Tricks

Wondering how to set the featured image as a background image in WordPress? Follow our short tutorial to find out how it can be done!

Quelle: How to Set the Featured Image as a Background Image in WordPress

A whole bunch of years ago, we posted on this idea here on CSS-Tricks. We figured it was about time to update that and do the subject justice. Imagine a

Quelle: Left Half and Right Half Layout – Many Different Ways | CSS-Tricks

matter of design ist ein Blog zu marketingrelevanten Themen wie Markenbildung, Markensteuerung, Corporate Design, Kommunikation, Technologie und Wirtschaft.

Quelle: Home – matter of design

Nowadays, having a fast loading website is a must, both in terms of visitor ease of use, and in terms of SEO. But speeding up your site can be tricky. In this

Quelle: Tips and tricks for a faster website

The comment feature in WordPress is an essential component of blogs – but not in all cases it’s needed, especially […]

Quelle: Plugin to Remove Comments Completely from WordPress – WP Engineer

WordPress has a builtin comments system that works pretty well. However in some cases, especially if you use WordPress as a CMS, not a blogging platform, you may find it dispensable. For some of us turning off comments in Discussion settings is enough, but what if you want to disable access to the comments menu in admin, remove comments from admin bar and post types columns or hide existing comments at the front-end of your site? It’s not that easy, but this piece of code might help.

Quelle: How to Completely Disable Comments – Digital Factory (dFactory)

Removing an item from a submenuIf you want to remove an item from a submenu, then you need to use remove_submenu_pageremove_submenu_page( ‚options-general.php‘,’options-discussion.php‘ );

Quelle: How to remove items from the WordPress Admin menu – Rusticated

Database Overhead and YouYour battle cry is more data!Your budget’s battle cry is more efficiency!Do you know how bloated your data storage is right now?Let’s talk about your data overhead.A paradox of data storage is: the more data you have, the less space you have to waste.

Quelle: Database Overhead: Just Say No

Simple PHP code to disable Block EditorIf you prefer to add few lines of code (to the functions.php of the theme, or some other place), here is the example on how to disable Block Editor completely, for all post types: add_filter(‚use_block_editor_for_post_type‘, ‚d4p_32752_completly_disable_block_editor‘); function d4p_32752_completly_disable_block_editor($use_block_editor) { return false; }

Quelle: How to disable block editor in WordPress 5.0 − Tutorials − Dev4Press Blog

Quelle: WordPress Themes erstellen: Die wichtigsten Funktionen im Überblick – Pixelbar GmbH Eupen – Webdesign – Digitale Medien – Webentwicklung

Gut, das sind die wichtigsten Dinge, die man im Umgang mit der GOOGLE-Suche wissen sollte, aber Hacks sind das nicht.

If you’re overwhelmed with the amount of image results, or want to learn some advanced tricks for getting more out of Google Images, start with these tips.

Quelle: 7 Vital Google Image Search Hacks

WordPress Shortcodes ermöglichen es, Beiträge übersichtlicher zu gestalten. Hier erfahrt ihr, wie ihr eigene Shortcodes erstellen könnt.

Quelle: Eigene Shortcodes für WordPress erstellen – Pressengers

„Key Visuals“ — which are usually referred to as „key art“ in the US, are high-resolution promotional „poster images“ that are used to market the show. Key art is very high quality, as it’s intended to be printed on anything from DVD boxes to posters. When it comes to anime, it’s usually delivered as a massive, massive Photoshop file, complete with a background, and often, every character on a separate layer so that they can be rearranged depending on what the art is being used for.

Quelle: What Is „Key Art“ And Why Is It Important? – Answerman – Anime News Network

So you have a great looking new WordPress site design, but are not quite sure what image size you should be uploading to WordPress. Maybe you have a full-width background image or hero image. What size should the background image be? 1000px, 2000px, 3000 px or higher? With today’s multi format, multi device world, deciding what image size you need to upload to your new WordPress site can be very confusing. Even among the professionals.

Quelle: The Ultimate Guide To Image Sizes for WordPress | WP Hero – WooCommerce Support & Optimization

overhead

Quelle: 18 Tips on How to Speed Up WordPress – KeyCDN

JavaScript: Zusammenarbeit mit CSS, Darstellung von Dokumenten steuern

Quelle: JavaScript: Zusammenarbeit mit CSS, Darstellung von Dokumenten steuern

Allein in Deutschland ist der Verbreitungsgrad von WordPress enorm – Tendenz weiter steigend. Im weltweiten Vergleich mit anderen Content Management Systemen (CMS) hält WordPress einen Anteil von bis zu 51% (Top Million Sites). Beeindruckende Zahlen also, die WordPress immer stärker in den Fokus von professionellen Angreifern rückt.www.kuketz-blog.de

What’s a change log?A change log is a file which contains a curated, chronologically ordered list of notable changes for each version of a project.

Quelle: Keep a Changelog

f you draw or paint with a wacom tablet on Windows 7, you may have suffered through one of Microsoft’s more puzzling punishments: those horrible little circles that hound your cursor and hamper your ability to draw smoothly. From what I gather, they’re actually designed for touch-screen monitors, so it’s frustrating that Microsoft forces them onto wacom users where they don’t belong.

Quelle: How to get rid of those annoying circles from your wacom cursor in Windows 7 – VolnaPC

On Windows 10 tablet PC, you can use press and hold to perform a right-click action, which is because the related touch setting has been enabled. In more detail, this article introduces how to disable or enable press and hold for right-clicking.

Quelle: Disable or Enable Press and Hold for Right-clicking in Win 10

Things like CSS grids should remain behind the curtain. No one really needs to know how it works, or why. Until you have a broken design or something complex and you can’t figure out why your spacing, margins, paddings etc are all messed up. It can be a real pain, especially when you are generating content dynamically in some sort of interface that changes and shifts.

Quelle: The Subtle Magic Behind Why the Bootstrap 3 Grid Works | Experience Design at Hello Erik

In the process of building an online shop with WooCommerce, online payment is a process that should be the most thoroughly tested before being put into actual operation. As it relates to money, so you can not get your real money to pay to have your main account. Therefore Paypal has evolved a tool for web developers called PayPal Sandbox. This is a self-contained, virtual testing environment that mimics the live PayPal production environment, and a fairly complete duplicate of the world’s largest online payment system at present: Paypal. In this article, I will guide you how to register a Paypal Sandbox account and integrate it with WooCommerce.

Quelle: How to Test WooCommerce Payment by PayPal Sandbox — WooBeginner

Quelle: Designing Websites for iPhone X | WebKit

Digitales Multichannel-Marketing, das einfach funktioniert. Optimierte Anzeigenschaltung auf Social Media und Suchmaschinen liefert messbare Ergebnisse und maximalen Werbe-Erfolg.

Quelle: Stagelink – Intelligentes Online Marketing Für Veranstalter

Der Begriff „Werbung“ ist weit auszulegen. Hierunter fällt jeder (unmittelbare oder mittelbare) Hinweis auf ein Produkt oder eine Dienstleistung mit dem Ziel der Absatzförderung. Mittels Werbung sollen Leser, User oder Zuschauer auf ein Produkt oder eine Dienstleistung aufmerksam gemacht werden und im besten Fall zum Kauf animiert werden. Um eine unbewusste Beeinflussung von Verbrauchern zu verhindern, gelten für Werbung sowohl in der Presse, im Rundfunk als auch im Internet bestimmte Anforderungen. Hierzu zählt insbesondere die Kennzeichnungspflicht von Werbung.

Quelle: Abmahngefahr: Was ist bei Werbung auf Instagram, Pinterest, YouTube, Facebook & Co. zu beachten?

Was ist mit kostenlos gestellten Produkten?Schickt ein Unternehmen ungefragt Produkte an einen Influencer, ist die Sache bislang nicht eindeutig; ein wegweisendes Urteil fehlt. Bespricht ein Influencer das Produkt sachlich und subjektiv, müsste er dies wahrscheinlich nicht kennzeichnen. Er oder sie wurde schließlich nicht dafür bezahlt und gibt lediglich seine bzw. ihre persönliche Meinung mit Pro und Contra wieder. Ein kurzer Hinweis, dass das Produkt zugeschickt oder kostenlos gestellt wurde, schadet jedoch nicht.

Quelle: Werbung auf Instagram richtig kennzeichnen – Performics

700+ vector icons for iOS, Android & Web. Without the unnecessary copies made to enchance the overall amount of icons. No rotation-based

Quelle: 700+ Premium Vector Icons ~ Icons ~ Creative Market

Updated Sept 2018! Social Media cheat sheet with image sizes for Facebook, Pinterest, Instagram, YouTube, Twitter, Google+, LinkedIn. Get a free printable!

Quelle: Social Media Cheat Sheet 2018: Must-Have Image Sizes!

Not getting your fill with #ThrowbackThursday? Here are some additional Instagram hashtags, each suited for a different day of the week.

Quelle: Popular Instagram Hashtags for Every Day of the Week | Digital Trends

Problemstellung: Die Kostenprognosen für IT-Projekte sind unzuverlässigJüngst rief uns ein Kunde an und stellte fest, dass unsere Schätzungen für ein und das gleiche Projekt von 50 Personentagen auf 96 Tage und inzwischen 110 Tage gestiegen waren. Als Manager in seinem Unternehmen brauchte er Budget- und Planungssicherheit und war verunsichert, ob ein „agiles Vorgehen“ diese Sicherheit ermöglichen könne.These: Es gibt gar keine zuverlässige Prognose für viele IT-ProjekteDie meisten Projekte sind zu Beginn gar nicht sauber zu beschätzen. Die Gründe sind Auftraggebern und Auftragnehmern oft gleichfalls bewusst:

Quelle: Agiles Projektmanagement und Budgetplanung – Moderne Zusammenarbeit – Öffentliches //SEIBERT/MEDIA-Wiki

Agiles Projektmanagement hinterfragt Rollen, Prozesse und Projektpläne aus der klassischen Vorgehensweise. Stattdessen legt es Wert darauf, Stakeholder während des gesamten Projekts intensiv einzubeziehen und ihnen regelmäßig Ergebnisse zu liefern. Es heißt Änderungen willkommen, weil sich nur so die besten Resultate liefern lassen.  Vor allem Anforderungen, die diese ständige Entwicklung und Veränderung wiederspiegeln, spielen hier eine wesentliche Rolle. Wenn Sie Ihre Projekte agil managen möchten, folgen Sie den Werten, die 2001 im Agilen Manifest niedergeschrieben worden sind:

Quelle: Was ist agiles Projektmanagement? – Wissen online

Being that responsive design has not been widely adopted until recently – it is in a stage of genetic mutation. Currently, there are 2 main branches of thought in terms of how content should be presented.Breakpoints or Fluid?BreakpointsBreakpoints are established using the css concept of media queries.The Breakpoint approach typically supports 3 or 4 views (laptop, ipad vertical, mobile).Supported by GetSkeleton, Bootstrap and many other frameworks.The strength of this approach is that you can present the right size content for almost all of your target audience. The weakness is that you are still restricting your contents ability to adapt.FluidFluid spans 100% of the browser width, but is typically limited to a maximum width.This approach is created by using fluid columns and media queries to change column sizes.Supported by cssgrid.net, Bootstrap and others.The benefit is that your design will fit any device screen size. Instead of being optimized for 3 sizes, your design can have full-screen impact on a variety of monitor sizes, tablets and cell phones. The weakness is that design elements must be re-thought and simplified (not always bad), and that coding the CSS becomes much more challenging.

Quelle: Responsive Web Design Breaking the Box Responsive Breakpoints vs Fluid

Which devices should I target?The purest answer is none of them.More and more devices are going to come to the market and it seems silly that a device with 767px assumes a 480px design because that’s where you set the breakpoint.  Instead if it were set at 800px and again at 600px (or at what ever point the design looked shit) then you cover ANY device that comes along tomorrow, next week, and years into the future.If you do want to target specific devices we’ve still got you covered, check out this list of common device breakpoints for responsive design.

Quelle: Defining Breakpoints | Responsive Web Design

For the next minute or so, I want you to forget about CSS. Forget about web development. Forget about digital user interfaces.

Quelle: The 100% correct way to do CSS breakpoints – freeCodeCamp