Web Design Shock - Archives (avril 2017)
Design resources and high quality articles
A really nice experiment to simulate a bezier mesh projection with pure code, grid interaction is fastest in Chrome.
A lightweight open source tracking free comment engine alternative to Disqus, With Commento, you wouldn't need to worry about shady ad companies getting your data through hundreds of tracking services and your page being slowed down as Commento uses only 22 kB total.
A nice presentation effect which shows photos as 3D slides, it takes photos randomly from Unsplash, however, you can add the source you want.
'Iosevka is a slender monospace sans-serif and slab-serif typeface inspired by Pragmata Pro, M and PF DIN Mono, designed to be the ideal font for programming. Iosevka comes in regular, bold, italic and bold-italic with over 2000 latin, greek, cyrillic, phonetic and PowerLine glyphs.'
A really nice pack of 9 loaders made with pure CSS, NO images or SVG.
'A clean PSD Interior design template, it was built with free google fonts and stock photos, so you can easily adapt it for your project without restriction, perfect for design studios, photographers and freelance creatives'
'Lhander is a modern and minimal landing page site template. Mobile and retina ready, it has hundreds of webfont icons, mailchimp integration, Fully responsive HTML5 and CSS3 and Cross browser compatibility'
'Litho is a declarative framework for building efficient user interfaces (UI) on Android. It allows you to write highly-optimized Android views through a simple functional API based on Java annotations. Litho uses a declarative API to define UI components. You simply describe the layout for your UI based on a set of immutable inputs and the framework takes care of the rest. With code generation, Litho can perform optimisations for your UI under the hood, while keeping your code simple and easy to maintain.'
Decalotype is a multi-purpose, narrow and sturdy sans serif, it includes 14 styles, 7 weights, 7 roman and 7 italics.
'A theme for non-profits, organizations, and schools, coded by the Wordpress Creators so quality is guaranteed: Responsive, well coded, WP standard. Simple yet powerful and totally free, licensed under GPL!'
UIME is a HUGE Sketch mobile GUI Kit with more than 80 screens. Carefully designed to for retina screen (640x1136). More than 9 categories and more than 20 icons. Everything in this Sketch project is customizable. UIME is well organized, named and layered.
Exo is a geometric sans serif font with a technological feel, a font that displays a modern look while keeping a classy shape. It includes a record nine weights, each with its own italic variant.This font's organic flow makes it a good choice for long texts and smaller sizes. Totally free under OFL License.
Break is a thin line segmented typeface that features uppercase, lowercase, numerals and special characters in five different weights, from extra light to bold. This font was crafted by Rajesh Rajput under an Attribution-NoDerivs 3.0 Unported license. Ideal for fashion projects!
'A Business theme which is ideal for creating a corporate / business website. Wallstreet Light theme is a child theme of Wallstreet theme and it is the lite color variation. Those who need the white background based theme they can use this child theme and if you want dark background based then directly use the parent theme. Wallstreet Light theme comes with Spanish translation. Other translations / locals yet to come.'
A flat styled icon set with 24 icons related to Chemistry and Researching, they are totally free and ready to download .
Goldana is a display layered font inspired by art deco. Free for commercial or personal usage.
A colorful free web template, ideal for landing and design agencies, it includes Photoshop source files.
Description
A massive collection of more than 150 UX elements packed in 12 useful and fully adaptable Email Templates for multiple purposes and topics with a joint value of $106 that you can get for only $29! The bundle templates are compatible with most of the major email marketing platforms like MailChimp, Campaign Monitor, SendGrid and others Design is simple, clean and professional and it's guaranteed to look amazing in every inbox, on every device. Check its features below.
What's inside?
You can find here emails specially designed for multiple needs, like: Personal Emails, Newsletters, Survey, Thank You emails, etc. With this bundle, you can save weeks of work for your designer and developer and hundreds of dollars. Buy this template and use it inside your MailChimp, Campaign Monitor, SendGrid campaigns.Features
- Automatic download once purchased- Clean HTML Litmus Tested
- Easy to edit. Unlimited colors
- Fully responsive
- Fully layered PSD & Sketch
- Adaptable to Outlook, Gmail, AOL, Office365, Etc.
- Compatible with most email marketing plattforms like Mailchimp and Sendgrip.
Check what You'll get!
'A comprehensive set of app icon templates for Photoshop, Illustrator, Sketch, and Affinity Designer. The templates cover Android, iOS, macOS, Apple TV (tvOS), Apple Watch (watchOS), iMessage, Windows, Windows Phone and web favicons. Where possible, they’re set up to automate exporting final production assets. All free and open source, released under the BSD license.'
Slinky is a free and handy tool that allows you to export your Sketch designs as HTML email templates. Simple and useful!
An interactive tool to create, share, and apply color palettes to your UI, as well as measure the accessibility level of any color combination.
A nice composition scene ideal for branding, editorial projects and more, each item is isolated so you can adapt to your own project, It Includes:
• 11 Unique items
• 1 Pre-made scene
• 1 Background texture
'2D JavaScript physics engine for cross-platform HTML5 game development'
'Noway font-family is a professionally made font which is packed in five weights: thin, light, regular, medium and bold, it's perfectly usable in branding, packaging and editorial work, however, it will work perfectly in web and apps. The free version includes normal weight. It is also included a set of 160+ icons!
Description
Infographics are such a fantastic medium to get your information across. With this mammoth deal, you'll have more than 200 ways to spread your message! Yep, you'll get 4000+ Super Editable elements for infographics in all kind of design styles and industries, packed in a 200 templates bundle. Normally, this customizable set sells for $99, but today you can get this amazing bundle for only $15! That's a massive saving of 85% Off the regular price. Easily change up everything from text to colors and seamlessly mix and match a variety of graphics for a virtually unlimited amount of infographics at your fingertips.
Highlights:
- 4000+ Super Editable Infographic Elements.
- 200+ Highly Customizable Infographics.
- Choose from 8 different modern styles.
- 15 to 50 full infographics templates per style.
- Seamlessly mix and match graphics for your own unique design.
- Easily change features: text, statistics, graphics, colours, swatches and more.
- Delivered in EPS vector format.
- Instant download, after completing your purchase.
Check what you'll find!
Terms of use:
- The fonts used in these infographics have been converted to vector outlines.- You will need to use your own fonts in order to edit the text.
- You are free to use, modify and publish the images as you wish subject to the restrictions outlined in the License Agreement.
A massive UI kit free for all of you, for Commercial and Personal use, it contains 82 screens, 1000 UI elements, and 6 categories. Photoshop sources included!
'A nice pack of simple 3D shapes, there are transparent PNG exports of cubes, tubes, spheres, donuts, ribbons and other abstract shapes. They can be colored by playing with the 'color' blend mode in photoshop'
Description
Today's deal is a huge collection of design resources, so big it's actually hard to imagine: more than 53K design items for multiple purposes worth $5K for only 25usd!
This bundle includes mockups, templates, icons, photos, resume templates, brochure templates, UX elements, powerpoint slides, fonts, and many more items, all ready to be used, and fully editable as well. It is really an incredible collection (and we don't say this lightly) which can cover all of yours and your clients' design needs. Check below to know what you'll get!
What can you find inside?
Files come in diverse popular formats like .ai, PSD, jpeg, png, SVG, and sketch. photoshop, illustrator, sketch or InDesign, word & more. Can be used in graphic design, web design, illustration design, branding, packaging, photography, interior design, application design & website design.
- 2220+ vector icons for websites and apps
- 1000+ design elements (badges, shapes, ribbons, geometrical elements & illustrations)
- 100+ infographics elements (graphs, chart, tables)
- 30+ Print templates (resume, business cards, brochures & menus)
- 50.000 fully animated powerpoint slides
- 10+ fonts (serif, sans serif, slab and handwritten)
- High-resolution photorealistic mockups
- Easy edition thanks to smart objects
- Organized layers
- Transparent backgrounds
Check what you'll find!
Licens & Use
The files you purchase in this bundle can be used in both personal and commercial projects.
'Gorgeous is a display sans-serif condensed type-family with 12 weights. Perfect for fashion projects, presentations, magazines, etc Each font contains 385 glyphs which include small letters, capitals, numbers, punctuations'
'Easily generate responsive font values for embedding directly into your stylesheet.'
'Fae is a Rails CMS engine which delivers everything you need to start: authentication/authorization, a responsive UI, form helpers and workflows.But additionally, it generates models, controllers, and views into your app that inherit from its core classes. And when it’s time to customize a single view or an entire section, it can be done in a way that will feel familiar to most Rails developers.'
'A super simple WYSIWYG editor for your projects: Bootstrap 3.x.x Support, Lightweight (80Kb), Smart User Interaction, Cross Browser: Safari, Chrome, Firefox, Opera, Internet Explorer 9 '
Today's deal is an incredible collection of beautiful and useful mock-ups and design items made by our friends at qeaql. It is a stagering bundle with more than 2826 mock-ups & design elements (regularly valued at $854) for a price of $25 USD. The bundle includes a scene creator with two views (top and front), logo mock-ups, Prints, an iPad mockup pack and an Apple Watch mock-up set.
What's included?
- Scene Creator (Top View), valued $249 - 1750 Total items and 80 scenes - Scene Creator (Front View), valued $249 - 800 Total items and 30 scenes - 54 Logo Mock-Ups, Bundle, valued $99 - 54 Total PSDs - Print Mock-Up Bundle, valued $99 - 186 Total PSDs - iMac Mock-Ups Bundle, Valued $79 - 10 Total PSDs - Watch Mock-Ups Bundle, Valued $79 - 26 Total PSDsSee what's inside this bundle!
SCENE CREATOR (TOP VIEW)
A pack to create your own scenes for branding, header & hero image, flat lay (knolling) and more. It can help you save a lot of time and money since you can create different types of scenes using the same files. This product is updated each month and the updates are free once you buy it.
Features
- 1750+ items - 14 HD textures - 50 scenes - 3 Empty Scenes in 3 sizes: 8000x4800, 5000x3000, 3000x1800px - 10 photo effects - Items in multiple positions: 4200+ total positions - Advanced customization - Small and large scenes - Editable design (via smart objects) - All objects and shadows are separated - All shadows are transparent
SCENE CREATOR (FRONT VIEW)
With the Scene Creator [Front View] you can design a desk scene or a living room, showcase your artwork on lots of different ways. Made with multiple styles, this scene creator will evolve and will help you in future projects. It also allows you to conceive in minutes dozens of scenes and showcase your work in a creative way.
Features
- 800+ items - 31 Walls and floors in 7000x7000 and 7000x5000px, many of them customizable - 30 scenes from 7000x5000 to 3000x1800px - Items in multiple positions and levels: 3950+ total positions - Advanced customization for many items - Made for small and large scenes - Editable design via smart objects for many items - All objects and shadows are separated - All shadows are transparent
54 LOGO MOCK UPS BUNDLE
https://www.bypeople.com/wp-content/uploads/2017/03/logo-mock-ups-min-2-o.jpg
This bundle gathers some of the best logo mock-ups from qeaql. With it, you'll get 54 editable files that'll help you save at the same time a lot of money and time. Plus, you can present your logos quickly, and edit the labels easily with the help of smart objects in Photoshop.
Features
- 54 PSD files - Photorealistic results - High resolution, 300 DPI - Various Styles: natural, authentic, corporate, fabric, etc. - Smart Objects - Photoshop CS4+
PRINT MOCKUP BUNDLE
This print mock-up bundle contains brochures, business cards, and posters all available in US and ISO standard sizes. With this pack, you will be able to showcase your work in a great way just in minutes.
Features
- 186 PSD files - Advanced customization - All objects and shadows are separated - All shadows are transparent - Editable design with smart object - PSD files in 300 DPI suitable for print use - Works with Photoshop CS4+
IMAC MOCKUPS BUNDLE
A unique and very advanced iMac Mock-ups' pack. Use them to create unique iMacs that can be changed in color, editing its effects, and separating all colors by zone.
Features
- 10 Mock-Ups - Very high resolution - Very advanced customization with editable colors and effects - All objects and shadows are separated - All shadows are transparent - Editable design with smart object - Works with Photoshop CS4+
WATCH MOCKUPS BUNDLE
Unique and very advanced Apple Watch Mock Ups. Use them to make cool presentations fo apps for this device. Change the color, and edit the effects. All colors are separated by zone. The pack has multiple models of the watch like sport, edition with sport's bracelet, edition, and steel.
Features
- 26 Mock-Ups - Multiple models: sport, edition with sport's bracelet, edition, and steel - High resolution (300 DPI) - Advanced customization with editable colors and effects - All objects and shadows are separated - All shadows are transparent - Editable design with smart object - Works with Photoshop CS4+
Terms of Use
- All the files included in the Ultimate Mock-Up Bundle are royalty free for use in both personal and commercial projects. - You can modify any resources to fit your project, however, we are not legally liable for any misuse of our resources. - We do not ask for you to include any attribution or link back to Qeaql.com or bypeople.com.Restrictions
- You cannot redistribute, resell, lease, license, sub-license or offer our resources to any third party. - You cannot include or upload our resources to other websites or media-sharing tool and offering them as a separate attachment from any of your work. - You cannot create products that compete with our products. - You cannot include these mock-ups in your software or application for your users to edit them and to download them in any way. - These files can be used, as elements of the design, in items or website templates sold through a marketplace or directly on a website with no attribution required. You cannot, however, resell or redistribute those files as is. - For any question, please contact us: support@qeaql.com
Womby is a bold all-caps font, with support for some accented and special characters -including the eszett- and most punctuation marks and symbols. It is based on geometric fonts, as evident in its perfectly round O and almost perfectly consistent line weight, though it has all the required optical adjustments; this makes it great for medium sized titles and geometric, simple and sturdy icons, though it can work quite well in running text too.
A complete (168 pages) PDF guide with all you need to learn about front-end development, it covers all the possible topics you will face in 2017
Description
Presentation templates are a fundamental aspect of any professional's life, and a beautifully designed presentation can help you close a deal, or attract new clients. That's why today we bring a cool deal thanks to our friends at Site2Max: a big bundle with 4611 slides for Presentations totally editable in Keynote and PowerPoint.
This huge amount of templates come divided into 42 different template styles, and they're regularly priced at $584: and today you'll get to access all of them for only $29, an incredible 95% discount.
Each presentation has a separate help file attached with links to the necessary fonts and concise information on settings.
Features
- 23 PowerPoint template styles included
- 20 Keynote template styles included
- Easily editable objects
- All infographic elements are made using built-in tools
- You can change colour, size and shape of any object without losing quality
- No need to use Photoshop and Illustrator
- Edition in just 2 clicks
- Templates include customized Icons
- They Include icon fonts
- You can use Drag & drop.
- Add your own images or photos to slides
- Drag the image directly from the folder to the field
- 365/24/7 Support. Check the FAQ!
- If you have any questions – email site2maxpro@gmail.com
- quick response (within 1-2 hours on average)
- Maximum response time does not exceed 24 hours.
- The templates use free fonts
- Fonts’ links are in the instruction attached
- Presentations can be edited (charts and graphs) using tables
- Chart images will change based on your data
- Each presentation contains between 25 to 320 unique slides
- Slides come in multiple colour schemes and arrangements
- Every slide is unique in its content and infographics
- The “light table” lets you see all the slides exactly in finished form
- You can easily structure slides by content
- Includes universal vector maps (PowerPoint and Keynote)
Maps Included
USA, China, India, France, Germany, Canada, Italy, New Zealand, Saudi Arabia, United Arab Emirates, Qatar, United Kindom, Argentina, Brazil, Japan, Mexico, Spain, Portugal, Scandinavia, Russia, Kazakhstan, Algeria, Syria, Sudan & South Sudan, Finland, South Africa, Venezuela, Australia, Morocco, Europe, Globes, World
See what you'll get!
Cookit is a free display font for personal or commercial use, it has numbers and special characters, but no heights.
'RPG-Awesome is a free fantasy themed icon font and CSS toolkit with 495 vectors ideal for games' apps, it can be totally customized to fit your own projects. You can change size, color, drop shadow or you can do anything that can be done with the power of CSS, it's licensed under SIL OFL 1.1'
A great Vector UI kit made for rapid wireframing, it snaps to a 20x20 pixel grid, including a huge library of symbols (9 sliced scaling), and ready to use in Adobe Illustrator.
'DebugCSS is a powerful bookmarklet which loads on your existing page to highlight potentially broken, malformed or legacy (X)HTML. Errors are colored to highlight severity: Green, yellow and red (fix this now!)'
Description
Today's deal is an incredible collection of 1486 vector icons and illustrations divided into 3 collections with a joint value of $163 that you can get for only $29!
The bundle consists of 3 collections: a templates' pack with 50+ vector illustrations & 200+ vector icons, a collection of more than 756 icons, and a set of 480 vector icons specially made for infographics for a complete collection of 1486 icons that you can use for personal & commercial projects. Check its features below.
Linero Templates
This collection consists of several concept-based illustrations and icons, assembled in pre-made design templates. The pack includes 50+ different theme-based templates with one banner illustration and four theme-related conceptual icons.
What can you find inside:
- 50+ vector illustrations and 200+ vector icons, based on 64px pixel-perfect custom grid, (assembled in templates)
- An AI folder with all artwork inside in AI CS6 format (editable strokes, editable texts)
- An EPS folder with all artwork inside in EPS CS6 format (editable strokes, outlined texts)
- A PNG folder with all artwork inside
Linero Icons
The Linero Icons Collection is a colorful and playful pack of various concept-themed icons and mini illustrations. It consists of 756 pixel-perfect, theme-based concept icons. The icons represent a spectrum of themes and perfectly mix with each other, making them useful across a number of creative fields.
This collection includes:
- 756 vector icons and mini illustrations, based on 64px pixel-perfect custom grid
- AI, PDF & EPS files where all icon sets are organized by number, name and category
- PNG & EPS folders with separately rendered icons in four resolutions – 64, 128, 256 and 512 pixels
Monoflat Infographics Icons
A breathtaking collection of 480 vector icons for inforgraphics. They are divided into 40 sets of 12 images each divided into topics that are applicable in a wide range of fields, from infographics to video and web design. They are easily customizable and can be re-colored to fit your brand, project or style.
The collection includes:
- 480 powerful visual concepts
- 40 of AI CS6 files with 12 images per set with editable strokes
- 40 of EPS CS6 files with 12 images per set with editable strokes
- One PDF file for a quick preview (vector format)
- Two PNG's files for a quick preview (raster format)
- Isolated PNG's in 2 sizes (original and 2x large)
- Isolated SVG's of each icon with an expanded strokes
All sets have:
- Powerful visual concepts
- Meticulously handcrafted symbols
- Pixel perfect design
- A custom 64px grid
- Tidy, organised files structure
- Consistency and pixel control
- Stroke weight control and scalability
- Steady & persistent visual style
- Pre-made designs
- Future updates for free
- Friendly support
License & Notes
You have commercial license for this products, so you can use it for any business related purpose, such as advertising, promotion, creating web pages, integration into End product in case the Item plays a minor role, software or other business related tools etc., and strictly excludes any illegal, immoral or defamatory purpose.
This collection uses Montserrat Font (SIL Open Font License), which is available to download here
A huge, pixel perfect icon pack (20x20 px) containing the full pack of 1800 icons with two backgrounds, they are packed in: .sketch .psd .ai .svg .eps and .png
Handy set of Pressable 3D styled Buttons in pure CSS