サクサク読めて、アプリ限定の機能も多数！
トップへ戻る
ドラクエ3
9elements.com
Building flexible data visualizations for international sites For our international clients, we have created dynamic charts and data visualizations for the web. Charts typically render shapes like lines and paths, rectangles and circles. They contain text for titles, axis labels, numerical values and legends. SVG is the good fit for this purpose. It embeds directly into HTML and pairs well with CS
Recently I was faced with the following problem: I had to build a layout that consists of several rows. In each row are two images with a fixed aspect ratio. The two images should have the same height and fill the entire row. The images' aspect ratios vary from 16:9 to 3:4, so there are landscape images and portrait and square images. Since Safari started to support CSS-aspect-ratio at the end of
When it comes to finding the right class name, it can quickly drive you to despair. Even the most experienced CSS developers don't always find the right class name right away. This tool aims to help you to not get lost in the BEM cosmos by giving you naming-suggestions for some of the most common web components. If you still have no idea what BEM means, we have added some helpful links below. For
Create Diagonal Layouts Like It's 2020 TL/DR: Diagonal layouts are great. You can build them easily with CSS. Take a look at this CodePen to see how it works. Layouts with diagonal sections are quite popular for several years now. It is not the new hot stuff, and you will probably not find it in the articles titled "Design trends for 2020". But I think it is here to stay. It is one tool designers
CSS Border-Radius Can Do That? How to create very cool effects with a rarely used feature.TL/DR: When you use eight values specifying border-radius in CSS, you can create organic looking shapes. WOW. No time to read it all ?— we made a visual tool for you. Find it here. IntroductionDuring this year’s Frontend Conference Zurich Rachel Andrew talked about Unlocking the Power of CSS Grid Layout. At t
Babel, Rails 5 and Sprockets 4 with Sprockets Commoner For some of our Rails projects we have replaced the Rails Asset Pipeline with Webpack and we're quite happy with it. Webpack has so many nifty features and combining it with Babel we can write next generation JavaScript today. But sometimes, especially for smaller projects such as our gymbot (deprecated), you just don’t want Webpack. Having it
JavaScript application development is a hot topic and people are wondering which framework they should pick. In this post I’m going to compare two of them. Marionette and Chaplin are frameworks on top of the popular Backbone.js library. Both seek to ease the development of single-page JavaScript applications. In such applications, the client performs tasks that were typically performed on the serv
This article explains the set up of a Continuous Integration (CI) environment for Xcode projects that use Kiwi to implement unit tests. It shows how to configure Jenkins to set up the correct Ruby environment for CocoaPods, how to install all necessary gems and pods, and finally how to run the Kiwi specs from the command line within a Jenkins build job. The article assumes that the Xcode project i
Lost your mind? Looks like this page does not exist. Find your way back to humanity
Our team is hungry for innovation and supports you in all phases of digital product development - from the idea to your successful business model. Software EngineeringOur core business and what we perfectionated in our over 20 years of existence. From mobile apps to custom enterprise solutions. – Get to know innovative engineeringAccessible Web DesignWe design accessible user interfaces for all us
Our company's top wizards, stuntmen, and industry experts offer their best advice, how-tos, and insights - all in the name of shockingly good code & design. Building the Perfect Logo StripCreate a visually balanced logo strip by adjusting logo heights based on aspect ratios using CSS. By scaling logos dynamically, you can display a harmonious row of diverse logos without manual tweaking.
このページを最初にブックマークしてみませんか？
『Home - 9elements』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
