Apple announced iOS7 and this new version of the OS seems to be coming with many changes regarding the interface. One of these changes is the app icons. They now have a different rounded corners, new grid and increased size for the iPhone.
We see lots of impressive CSS3 demos regularly: flipping, rotating or sliding items and more. Magic is a stylesheet that includes many of these CSS effects (also mentioned that “more will be added”).
Picksum Ipsum is another dummy text generator that is pretty original and fun. It has a database of lines from 4 В Hollywood legends: Client Eastwood, Morgan Freeman, Michael Caine and Jim Carrey.
We can choose the number of paragraphs and if tags are needed or not. Also, a “rumble” option exists for creating a mixed filler text from 2 of the selected artists.
The library comes with multiple ready-to-use selectors like “anyof, allof, has..” and allows us to define any new ones (called hitches).
Selecting the correct type for a project is always an important step in the design process. This is why you need to have as many fonts as you can. Here are some free fonts to keep your library filled with great options so you can keep your designs fresh and unique.
It responds to changes in orientation, has support for vertical + horizontal sliding and comes with built-in pagination control (bullets).
Each swipe event brings the next/prev slide but it can be set in free mode as well where the content will be scrolled as much as you swiped. Swiper can present multiple items at once (carousel), loop infinitely and feature any HTML content.
There is an API that allows controlling the pagination and provides callbacks on major events. It also works on desktop browsers (mouse events are accepted) and can be extended with plugins.
Screensiz.es is a website that lists the important data about the screens of widely-used mobile + tablet screens and monitors. When developing mobile (web) apps or responsive layouts, knowing the major screen-sizes and resolutions help a lot on deciding the dimensions for the layout.
It is possible to find the operating system used, physical size, resolution, PPI and pixel-density values. Also, devices can be sorted by popularity which is a good way to decide which resolutions are your target.
Pop Easy is a jQuery plugin for quickly creating completely customizable modals. Regarding the design, the default modal already has a good-looking interface and it can be changed/improved with CSS.
There are options for customizing the animation used when the modal appears, its speed, the opacity, if it’ll be opened onLoad and more. Considering the size, the plugin is very useful. One thing seems to be missing for now is the built-in ability to load remote data (Ajax).
The plugin is lightweight (2kb) and has support for displaying any HTML element, including videos.