Web Design Shock - Archives (juillet 2015)
Design resources and high quality articles
Blade is a concise and elegant Java framework for web development. It is lightweight and licensed under the Apache2 license. Documentation is in Chinese.
The post Blade: Elegant Java Web Development Framework appeared first on ByPeople.
A nice collection made by Google with every device's metrics like screen size, the aspect ratio, width, height and pixel density. It's a great tool for designers and developers to know the dimensions of the most relevant devices. This is a public list that can be used freely.
The post Device Metrics: Devices Screen Sizes Online Tool appeared first on ByPeople.
A set of flexible social icons that adapt to any screen. They're built with SASS, so you can easily customize them, including SVG icons that allow tiny file sizes and retina support. It works in Chrome 33, Safari 7.0.2, Firefox 27, Opera 20, and IE9+.
The post Responsive Social Sharing Buttons appeared first on ByPeople.
Hackr.io is an online library with tutorials and courses to learn programming languages and other techniques. It is really simple, allowing you to share and access educational resources in an easy way. To add a course, you just add a link and people will up or down-vote depending on the quality.
The post Hackr.io: Online Programming Tutorials & Courses Library appeared first on ByPeople.
Wallderfull is a fully layered mockup template pack of horizontal frames which contains 7 texture variations, 3 common sizes, and 3 frameless pictures. This pack features CS3+ support, smart objects and has a resolution of 3648x5472 pixels. Its size is 180MB and it's royalty free for both personal and commercial use.
The post Wallderful: Horizontal Frames PSD Mockup Pack appeared first on ByPeople.
Huginn is an open-source system for building agents mainly written in Ruby which perform automated online tasks. Some of their features are reading the web, watch for events, and take actions on your behalf by creating and consuming events and propagating them along a directed graph. Created by Andrew Cantino and licensed under MIT.
The post Huginn: Ruby Web Agent Building System appeared first on ByPeople.
Bottle is a lightweight Web Server Gateway Interface and micro web framework in Python, only dependent on the Python Standard Library. It features routing; built-in template engine, utilities such as form data, file uploads, among others; and built-in HTTP development server. This project (except its logo) is Licensed under MIT.
The post Bottle: Python WSGI Web Framework appeared first on ByPeople.
A freshly launched startup WordPress theme called Foxeed, perfect to cater to the business startups like construction, architecture, interiors or even painting, renovation sites. The theme is compatible with the latest versions of WordPress and has areas for featured images, about, portfolio and more.
The post Foxeed: Startup Business WordPress Theme appeared first on ByPeople.
A social media icon fonts library made to extend the icon library of Bootstrap and Font Awesome. The idea behind it is to add the main social networks in an easy and beautiful way, including colorful icons in both minimal and flat styles. The icon font is really lightweight, representing no threat to your website's loading time.
The post Socialicious: Social Media Icon Fonts Library appeared first on ByPeople.
Bernier is a grunge font perfect for vintage designs. It fits posters, stationery design and it can be used for logos. It has three different styles, but it only has uppercase characters and numerals. It was created by Ryan Pyae.
The post Bernier: Free Vintage Typefamily appeared first on ByPeople.
Modeka is a regular thin width modern typeface fully featuring uppercase, lowercase, special characters and numbers licensed as free for personal or commercial use.
The post Modeka: Free Modern Typeface appeared first on ByPeople.
Azure is a huge, neat fully layered and customizable PSD UI kit. It includes a template for a website and several widgets. It was created by Yolqin Alimov with a free for personal and commercial use license.
The post Azure: Free Neat PSD User Interface Kit appeared first on ByPeople.
A pack of 20 Apple Watch style icons in a single AI file. They were crafted in a flat minimal design by Flatstudio and free for personal use. The watch has screens for analytics, watch, weather, music, apps and more.
The post Free Apple Watch AI Icon Pack appeared first on ByPeople.
GitHub's Atom, is a text editor created by GitHub which allows you to code from Linux, Windows and iOS; manage built-in packages and use multiple panels. It is built in HTML, JavaScript, CSS, and Node.js and runs on Electron Framework. It is completely free to use, modify and distribute for both personal and commercial use.
The post Atom: Open Source Cross-Plataform Text Editor appeared first on ByPeople.
Hobo is a collection of open-source gems/plugins written in Ruby, a framework that helps you creating web applications by reducing the volume of coding that you'd do. It requires Rails 2.0+ and is distributed under an MIT license.
The post Hobo: Ruby Gems & Plugins Collection appeared first on ByPeople.
A pack of over 50 gesture vector icons in AI format with an outlined style. The pack includes fully editable and organized layers. They're licensed for non-commercial use. Created by Wassim Awadallah.
The post Free Vector Gesture Icons Pack appeared first on ByPeople.
Luna is a clear portfolio WordPress theme for freelancers. It can be used as a portfolio, composed of a responsive framework. The theme is SEO ready, following the best practices while programming. It is also responsive, adapting to many of the devices available right now.
The post Luna: Clear Portfolio WordPress Theme appeared first on ByPeople.
Kirki is a website customizing toolkit for WordPress. It extends the customizer functionality. It makes it easier for everyone to create beautiful and meaningful websites. It is licensed under the GNU General Public License.
The post Kirki: WordPress Websites Customizing Toolkit appeared first on ByPeople.
Volt is a framework for building apps full of data in a quick way. With it, Ruby code runs both on the server and the client, and the DOM automatically updates as the user interacts with the page. Volt is licensed under the MIT license.
The post Volt: Data-Rich Web Apps Ruby Framework appeared first on ByPeople.
Selectivity is a modern selection library made with jQuery and Zepto.js. It is lightweight, make easy the use of custom templates, you can integrate FontAwesome icons easily, use custom loading indicators, and more. The library is licensed under MIT.
The post Selectivity: jQuery & Zepto.js Selection Library appeared first on ByPeople.
A WordPress single page theme in flat design made by Dmitry Dinev. It's completely customizable and features layouts content, infinite scroll, social icons and contextual help. Licensed under GPLv2.
The post Planum Free: Single Page Flat WordPress Theme appeared first on ByPeople.
A simple plugin to add SMS capabilities to your website using the Twilio API, perfect if you need to allow text messaging to a mobile phone from your site. It can be used to SMS your users or just for testing purposes. The plugin has good reviews and it's free.
The post WP Twilio Core: On-site SMS WordPress Plugin appeared first on ByPeople.
A set of over 100 UX mockups for iPhone made in flat style for Photoshop. Download is done one by one and requires name, email and password. It was created by George Vasyagin for Awesomed Studio.
The post Free UX iPhone PSD Mockups Set appeared first on ByPeople.
A WordPress plugin that will automatically generate & add tags to any WordPress posts. The plugin is still under construction, but it works correctly. However, create a backup of MySQL tables to avoid risks. The plugin has good reviews and it is well rated. The plugin is free.
The post WP Auto Tagging WordPress Plugin appeared first on ByPeople.
A beautiful online tool for generating a color palette to include Material colors into your designs. The tool lets you select two colors and based on them, it generates the color palette. After that, you just download it and use it on your designs.
The post Material Design Color Palette Generator appeared first on ByPeople.
STF is an online library for testing smartphone directly on the browser. It allows the debugging of smartphones, smartwatches and other gadgets remotely. It only supports Android devices, it's free and licensed under the Apache License version 2.0.
The post STF: Smartphone Testing JavaScript Web Application appeared first on ByPeople.
A plugin that extends the jQuery UI Slider widget, allowing the customization of any range slider. For instance, you can create colorful sliders, modify the direction of the slider, add emoji and icons, and even customize de results. You can install trough Bower or directly downloading the repository. It is open source and licensed under MIT.
The post Customizable jQuery UI Slider appeared first on ByPeople.
Nakropol is quite a complete and fully customizable PSD template suitable to feature web UI kits laid out in a 3800+px height canvas. Licensed for personal use and made by Orkan Çep.
The post Nakropol: Free Web UI Kit PSD Template appeared first on ByPeople.
A responsive and modern theme focused on big photography and perfect for portfolios, photographers and creative freelancers. It has a clean and minimal layout, you can modify the colors, Select Google fonts at will, cross-browser support and more.
The post Proper Lite: Modern Life Parallax WordPress Theme appeared first on ByPeople.
An inspiring PSD Template for daily training based on the travel site Malang, Indonesia, hometown of its creator Dany Rizky. It has a big header and 3 main parts: destination, itinerary widget and contact sections.
The post Travelsite: Free One Page PSD Template appeared first on ByPeople.
CakePHP is a modern framework for PHP 5.4+ that makes building web applications simpler, faster and require less code. It features a flexible database access layer and a powerful scaffolding system. It's covered under an MIT License.
The post CakePHP: Powerful PHP Framework appeared first on ByPeople.
A flat payment modal made by Andy Tranin which can be customized, debugged, forked, downloaded as zip, shared in social networks and embedded online.
The post CSS & HTML Flat Payment Modal appeared first on ByPeople.
A CSS snippet that generates an animated background. It includes the logos of various brands, services and products. The snippet can be used freely and modified by anyone, and it was created by Josh Scarbrough.
The post Infinite Scrolling Background CSS Snippet appeared first on ByPeople.
The Instant Article plugin for WordPress allows the posts to load instantly with page pre-render and DNS prefetching. It is not recommended to use more than 4-5 URLs for DNS prefetching. The plugin is well rated and reviewed and it's licensed under GPLv2.
The post Instant Articles: WordPress Posts Preloading Plugin appeared first on ByPeople.
An icon pack consisting of various objects related to cinema and movies. It includes 200 vector icons in two different styles: Windows 10 and flat color icons. The best of all is that they're really lightweight, giving you the possibility to use them across your website without worrying about page load.
The post Freebie: Cinema-themed SVG Icon Set appeared first on ByPeople.
A collection of 152 line icons perfect for web developers and designers. The icons included range from user avatars, devices, arrows, e-commerce icons and many more categories in SVG, PNG and EPS for easy edition.
The post SomeIcons: Free EPS, PNG and SVG Designers & Developers Icon Set appeared first on ByPeople.
A nice code snippet for a login form in Material style made in CSS and JavaScript. It has the regular login functionality (username and password), but if you click on the icon it shows the registering option. Modify its colors and use it on your website freely. Coded by Andy Tran.
The post CSS and JS Material Login Form appeared first on ByPeople.
A beautifully crafted credit card form that shows in a visual way the information of your credit card. It will take the form of any credit card thanks to the power of CSS and HTML. It is free to use in commercial and personal projects.
The post Card: HTML & CSS Credit Card Visual Form appeared first on ByPeople.
A 3D tilted effect made in jQuery which activates when the user scrolls. It is similar to the effects of cover flow, and it's perfect for photography websites and portfolios with tons of images. Licensed under the GNU General Public License.
The post jQuery Tilted Page Scroll Effect appeared first on ByPeople.
A freebie consisting of vintage logos and insignias made in PSD format. They're easily editable, you can convert it into stickers, or use them as part of a banner or a poster, or use them as a logo, adding your company's info. Its weight is around 280MB.
The post Americana: Vintage Logos & Insignias PSD Pack appeared first on ByPeople.
A UX eBook with 6 chapters explaining how to reduce friction, design for time, handle animations, affect user decisions & behavior, and more. The eBook includes case studies from more than 20 companies like MailChimp, Mint, KickStarter, Google, Netflix, AirBnB, and Apple. Written by Jerry Cao, Kamil Zieba and Matt Ellis.
The post Interaction Design Best Practices: Mastering the Intangibles UX eBook appeared first on ByPeople.
A Javascript grid library for laying out, filtering and managing grids to your taste; it supports concurrent operations, multi-touch dragging, sorting by filtering categories, over 40 toggles, as well as repackers. This Library is available under a GPLv3/Commercial licence
The post Gridifier: JavaScript Responsive HTML Grid Library appeared first on ByPeople.
SVG porn is a big collection of logos, growing daily, made in SVG format, the logos are editable and scalable, making it a good option to add effects. There are logos for multiple design and development companies and services. To download just click and save as SVG.
The post Multiple SVG Company Logos Collection appeared first on ByPeople.
Freebies for designers.
The post Design Shock appeared first on ByPeople.
DeployBot is a simple app for deploying your code anywhere without complex settings. It lets you execute or compile any code on external servers during the deployment, using pre-defined or custom Docker containers, so you don't have to do live tests.
The post DeployBot: Code Deployment & Testing Tool appeared first on ByPeople.
A client-side url shortener made in JavaScriptthat you can use freely. It extends github's internal url-shortener with the ability to shorten urls outside of github's own domain. It is licensed under MIT and it's really lightweight and fast for implementation.
The post shorten.li: Client-side JavaScript URL Shortener appeared first on ByPeople.
Work Sans is a really nice font, made with a grotesque style, similar to Stephenson Blake, Miller & Richard and Bauerschen Giesserei font families. It is licensed under the SIL Open Font License v1.1 and it is on-screen optimized (medium-sized text usage; 14px-48px). It comes in OTF, TTF, WOFF, and WOFF2 formats.
The post Work Sans: Multi-format Grotesque Typeface appeared first on ByPeople.
A social activity feed theme for WordPress that works with ifttt recipes to bring some of the great content there. To use it fully, you just need to download the theme and activate it, create an account with ifttt and choose the recipes you like. It is responsive and free.
The post socialcrumbs: Social Activity Feed WordPress Theme appeared first on ByPeople.
UX Handy is a crafted and curated collection of articles covering al sorts of UX topics like user research, user testing, UI design and more. The site focuses on readability, and it takes articles from sources like Medium, UX Magazine and the site itself.
The post UX Handy: Daily Handpicked UX Articles appeared first on ByPeople.
AnyAPI is a big directory of APIs for multiple services like YouTube, GettyImages, Gmail, Google+, Google Translate, Blogger, and many more. Using these public APIs will help you connect your creations like mobile apps and website apps. Licensed under MIT.
The post AnyAPI: High-quality Public APIs Directory appeared first on ByPeople.
Shredplates is a powerful royalty-free licenced pack of 24 surf-themed mockup templates for iPhone 6 with which you can advertise your iPhone content in a very appealing way standing out from the templates' HQ backgrounds by adding a screenshot of your product as a smart object in the template. It weighs over 545MB
The post Shredplates: iPhone 6 Mockup Template Pack appeared first on ByPeople.
A complete article which makes part of a book on HTML email design. The article covers mainly the use of images in emails created with pure HTML, going through the formats, how to code images, the almighty retina and many more useful topics.
The post Using Images in HTML Email (Article) appeared first on ByPeople.
Nuclide is an open source IDE for React for creating native, web, and mobile apps, made as a suite of packages on that based on Atom to provide hackability and the increasing support. It provides auto-completion and inline error highlighting, a JavaScript type checker and more. It was made by Facebook.
The post Nuclide: Unified Web & App Development IDE appeared first on ByPeople.
A collection of 16 photorealistic Apple watch mockups for Photoshop. They have a With a 5000 x 3337px resolution. The mockups are easy to use and you just need to replace the smart objects with your UI design, that way you have a great, high-resolution way to showcase your creations. The set weighs 840 (compressed).
The post Free Photorealistic Apple Watch PSD Mockups appeared first on ByPeople.
Spec is a cool gathering of the best podcasts for web designers and developers. The website includes two podcasts: Design Details by Bryn Jackson Brian Lovin, and Developer Tea by Jonathan Cutrell. They have 40+ and 100+ episodes, respectively, and the can be listen to or downloaded.
The post Spec: Designers and Developers Curated Podcasts appeared first on ByPeople.
Raven is a beautiful and simple PSD template for business, independent professionals, small and big companies and agencies. The template includes files for several parts of a website like big featured image area, projects, maps, services, testimonials, blog area and single, contact and more. It was created by Sayed Talhawy.
The post Raven: Free Multipurpose Business PSD Template appeared first on ByPeople.
Atomic is a professional user interface prototyping tool for creating websites and mobile apps. It provides a visual interface that allows you to use predefined objects, style them, create new ones and even add ones of your own, importing them from Photoshop or Sketch.
The post Atomic: Professional Interface Prototyping Tool appeared first on ByPeople.
A versatile to-do app UI kit that includes 130 screens, 10 special themes and more than 250 user interface elements. It's available in PSD and Sketch formats, it is totally editable and scalable. This freebie weighs over 300MB (PSD) and over 700 MB (Sketch).
The post Photoshop & Sketch Free To-do App UI Kit appeared first on ByPeople.
Ways we work is a website that interviews several experts in website design, UX design, marketing, company founders and more. The team has interviewed company executives like Mark Dicristina from Mailchimp and Anthony Thomas, CEO of StickerMule. This resource can be used as inspiration by entrepreneurs and freelancers.
The post Ways We Work: Design & Development Experts Interviews Website appeared first on ByPeople.
A cool article on the best practices on creating and coding templates for images in HTML. It covers email clients and rendering engines, MIME Multipart and plain text, why using tables instead of divs is better in email design, use of inline CSS, conditional targeting, media queries and more.
The post HTML Email Templates Building & Coding Article appeared first on ByPeople.
A very complete started guide for Jekyll, a highly intuitive and functional tool for your websites to quickly be generated upfront by simply serving static files. You'll find how to set it up, manage several features such as layouts, GitHub, Photo Galleries, blogging, among others.
The post Complete Jekyll Get Started Guide appeared first on ByPeople.
An elegant vector kit that comes with 60 workspace elements such as iPhones, iPads,GoPro HERO4, Pens, among others. This Kit comes both altogether and individual elements. Customization is available on Adobe PS CS5+. It definitely is one valuable 200+MB pack.
The post Elegant Workspace Elements Vector Kit appeared first on ByPeople.
At Web Designer News, you'll find plenty of the latest curated news and feed, not only are they described upfront with each individual article's image, title, source and rating but you can also filter your feed by date, votes, shares, clicks and save favorites of your own.
The post Curated Web Design News Aggregator appeared first on ByPeople.
An HTML theme with a responsive grid and material style, which works as a framework for creating a completely mobile supportive. The theme includes a big header area with a uniform color, although you can add an image, services, blog posts and simple footer.
The post Responsive Material Starter HTML Theme appeared first on ByPeople.
Majesti Banner is an utterly suitable font for large point settings due to its high contrast letterforms and round terminals, it is available as a web font and also in 5 weights with matching italics. Its licence covers personal, educational and non-profit uses.
The post Majesti Banner: Free Professional TypeFace appeared first on ByPeople.
A JavaScript tool that allows the inclusion of CSS classes into ReactJS. It allows class-based data, you can keep HTML and components styles together and easily attach the classes to the code.
The post reactCSS: CSS Classes into React.js JavaScript Tool appeared first on ByPeople.
An Android app that lets you take photos of your sketches and work over them adding links, shapes, transitions and gestures. The app is free, and the final result is amazing, making it easy to create compelling prototypes that you can later turn into proper apps.
The post Prott: Intuitive Prototyping Android App appeared first on ByPeople.
The source PSD file is made out of vector shape elements and is completely editable featuring a smart object layer so that you can include screenshots of your website easily. The PSD file is available for free under CC0 (Creative Commons Zero) license.
The post Chrome Browser Minimal PSD Mockup appeared first on ByPeople.
A set of 200 free icons, carefully crafted following Apple’s iOS guidelines and perfect for your next web and mobile design projects. They can be used nicely on status bars, nav bar, tab bar and tables. All icons are layered, they are scalable, has 36 categories, and is optimized for iOS.
The post Free Retina Vector Icons Pack appeared first on ByPeople.
A bookmarklet that will scan the CSS of the page in order to identify existing web fonts. To use it, just add the bookmarklet to your browser tab, go to the page you want to test and click on it. It clones the page and provides a tool where you can test and analyze different fallback font choices.
The post FFFFALLBACK: Simple Web Typography Testing Tool appeared first on ByPeople.
A tool that allows you visualize your website with assistive technologies. It works by adding a simple JavaScript code at the end of your templates, which spots the most common accessibility violations (and successes) made by page authors while educating on best practices. It's licensed under MIT.
The post tota11y: Accessibility Visualization JavaScript Toolkit appeared first on ByPeople.
The Spot user interface is a huge set of components for web design, crafted in a multi-color fashion and totally editable. it includes buttons, checkboxes, dropdowns, navigation, input fields, progress bars, widgets and more. File weighs more than 150MB.
The post Spot: Free User Interface PSD Kit appeared first on ByPeople.
A bookmarklet which scans website stylesheets to find user defined media query breakpoints. It helps you establish the breaking points to know in which devices your website works nicely. Just add it to your browser and activate when your website load.
The post BreakpointTester: Responsive Design Testing Tool appeared first on ByPeople.
A modern brochure for showing your products and services to high profile clients in PSD format. It has high-resolution photography, slanted design elements, icons, professional typography and several angle views.
The post Tri-fold Brochure PSD Template appeared first on ByPeople.
A complete web template for restaurants, cafes and pubs. It focuses in big images, is totally responsive and includes areas for header (big), about, products and services, experience area, staff, contact, and social buttons. It weighs 190MB zipped.
The post Cafe: Restaurant-focused Website Template appeared first on ByPeople.
A 100% DOM-based JavaScript library for image galleries. It is compatible with major browsers, supporting iOS as well. The library allows natural swiping and touch-move response, response to trackpad, customization controls and more. It is licensed under the GNU General Public Library.
The post TremulaJS: DOM-based JavaScript Gallery Library appeared first on ByPeople.
A theme that has everything you need to build a stunning portfolio or business website. The design is spiced up with parallax scrolling and lazy load effects. The theme is built with Cherry Framework, which adds additional functionality and allows you to customize the theme to a great extent.
The post Jane Morris: Photographers Portfolio WordPress Theme appeared first on ByPeople.
Swicth is a free multi-purpose template, bootstrap-based and grid-adjusted, made in PSD; a one-page template with a big featured image area, caption and action button, as well as a menu on top. It has a testimonials area, clients, team, and widgetized footer.
The post Swicth: Free Multi-Purpose PSD Template appeared first on ByPeople.
reGrid.js is a jQuery grid tool that allows in-browser design and web development. It overlays the fluid grid you specify for each viewport width. It weighs 3kb minified, can be used freely and it's licensed under MIT and GPL.
The post reGrid.js: Responsive jQuery Grid Tool appeared first on ByPeople.
A web template made in HTML5 for a soon-to-come website. It is great to give your future audience a visual cue on what to expect regarding your next site, and also to avoid those blank "not found" pages. It is responsive, and it has the option of gathering the email address.
The post Eventually: Coming Soon HTML5 Web Template appeared first on ByPeople.
A small jQuery plugin for avoiding the window to keep scrolling when you get to an element that depends on scrolling as well. This way, you can interact with the scrollable element and the parent container will be fixed, great for maps and drop-down menus.
The post scroll-scope.js: Scrolling Window Fixing jQuery Plugin appeared first on ByPeople.
A charmingly stylized font, very elegant and professional. Created by Christian Pannicke, this font is readable and appealing at the same time; comes in OTF format and the free version comes in one weight (regular). Includes uppercase, lowercase, numbers, special characters, and ligatures.
The post Rodina: Free Professional Rounded Font appeared first on ByPeople.
Trianglify is an online tool for creating low-poly backgrounds by modifying render options and the color scheme. With it you can modify the width, height, cell size, cell padding, bleed, and even randomize the colors. After you're done, you can download the result.
The post Trianglify: Low-Poly Online Background Generator appeared first on ByPeople.
A compelling effect for texts made in pure SCSS. Its main idea is to create a diagonal glowing effect over a set of letters. It uses keyframes to animate letter by letter. The code is lightweight and can be used in web and mobile designs.
The post Magnetype: SCSS Text Effect Snippet appeared first on ByPeople.
A beautiful and flat one-page PSD template for freelancers and even small agencies. It includes logo area, social menu, and a big area for a featured image with caption. It also has sections for blog posts, portfolio, social, map and contact. Made by Susanna Marsiglia.
The post Leslie: PSD Photographers Portfolio Page Template appeared first on ByPeople.
An online tool for selecting the main colors used in Material design. It is really simple for composing color palettes, in which you just select the color and it provides additional options. Then, add them by copying the HEX value.
The post Material Colors HEX Value Picker appeared first on ByPeople.
Fractal is a minimal one-page HTML5 template for professionals and freelancers who need to show their work. The template has a big featured area with and a mobile wireframe for showcasing apps, caption and action buttons. It includes social icons as well.
The post Fractal: One-page Portfolio HTML5 Template appeared first on ByPeople.
A free iPhone user interface for a mobile app which has screens for profile with icon, menu, contacts, app showcase, discoveries and sign up. Created with a material style, it also has other design elements in easily editable vector shapes.
The post Free iPhone 6 User Interface appeared first on ByPeople.
A 38.000-word article, in which founding partner of Postlight Internet platforms building company of New York Paul Ford, gives a supremely complete and explained-to-detail description of what coding is, what it involves, what it takes to do, what is used, what languages are... Anyway, Enjoy reading his article and wipe away any doubts you have about coding.
The post What is Code? Programming Learning Guide appeared first on ByPeople.
A template created in HTML5, fully responsive and perfect for both a minimal website or an email newsletter. The template is divided into an about area, stuff done, blog post area and contact. It has social buttons for page liking and sharing as well.
The post Highlights: Responsive Single Page HTML5 Template appeared first on ByPeople.
Knwl.js is a natural language parser made in JavaScript. You can use it to parse dates, places, time, phone numbers and more. It is open source, community driven and licensed under MIT.
The post Knwl.js: JavaScript Natural Language Parser appeared first on ByPeople.
Stream is a simple photography theme, great for weddings and events of that nature. It has a horizontal scrolling where all the photographs are listed. The theme also has labels for classifying the photos, and it's totally ready to be integrated with WordPress.
The post Stream: Free WordPress Photography Theme appeared first on ByPeople.
A high-resolution image of an iMac in a freelancer's office. The mockup is organized, has a few layers and one of them is the smart object, which you can easily change for your own design. After that, you can show the results to a client or use it on your own website.
The post Free PSD Freelancer Office Mockup appeared first on ByPeople.
A JavaScript framework for creating components. It's lightweight, and it is used to power Twitter and Tweetdeck components. Flight uses jQuery and requires a module loader with support for AMD, like WebPack or Require.js. Created by Twitter, the framework is licensed under the MIT License.
The post Flight: Component-based JavaScript Framework appeared first on ByPeople.
Phage is a sharp font with a futuristic look. The font has square borders and it's perfect for futuristic posters or advertising banners for movies. It comes in OTF format as regular and rough, has only uppercase characters, numbers and some special glyphs.
The post Phage: Free Modern Sharp Font appeared first on ByPeople.
Glyph is a collection of editable SVG icons. The icons are carefully hand-coded with semantic naming so you can change all or some icons color with simple CSS snippets. .To use just copy the sprite.svg to a public folder of your project and start styling. They are licensed under the Creative Commons Attribution-ShareAlike 4.0 International.
The post Glyph: Semantic Versatile SVG Icon Set appeared first on ByPeople.
A quick reference that will teach you best practices while programming in PHP. It is easy to read, includes the accepted coding standards and more. Inside you'll find how to get started, code style, language, dependencies, databases, templating, security, testing, and resources to ease your PHP coding experience.
The post PHP Best Practices Quick Reference appeared first on ByPeople.
A cool theme with slanted boxes called Oblique, focused on fashion and trends in clothing. Perfect for a blog about those topics, it can also be adapted to be an e-commerce site. The theme is free, translation ready, responsive, has social integration and Google fonts, as well as a parallax header image.
The post Oblique: Slanted Boxes Fashion WordPress Theme appeared first on ByPeople.
A folder building tool made in CSS and JavaScript that can visually help you organize you projects. It includes the icons, which are assigned automatically once you select the file or folder type. The tool also allows to load and save the structure as a JSON file. It's licensed under MIT.
The post FolderBuilder: CSS & JavaScript Folder Structure Building Tool appeared first on ByPeople.
A complete set of buttons in a minimal initial state. When hovered over and pressed, they act as realistic buttons, with shadows and such. Some buttons also have smooth gradients, which make them look professional and unique. They can be implemented easily into any design.
The post Minimal and Semi-realistic CSS Buttons appeared first on ByPeople.
A module for Node.js that simplifies the use of PhantomJS. It has a resilient and chainable API, understanding the control-flow, and avoiding unnecessary and painful callback. Of course, to run it, you'll need NodeJS and PhantomJS.
The post Horseman.js: Node.js Module for Easing Phantom Use appeared first on ByPeople.
Aionica is a big collection of more than 1000 icons divided in several categories. The set includes tons of icons, including animals, books, buildings, decorations, emoticons, food, nature and more. The icons can be downloaded freely as PNG and SVG.
The post Aiconica: Free Vector Icons Collection appeared first on ByPeople.
A compelling WordPress theme ready for shops and stores. The theme is fully integrated with WooCommerce, and it has a simple layout for featured products, blog posts, and services. You can easily customize every design element to create the e-commerce site of your dreams.
The post purelyShopping: WordPress E-commerce Website Theme appeared first on ByPeople.
A one-column responsive theme focused in photography. Its code is clean and validated, and anyone (even without coding knowledge) can edit it. The theme is compatible with modern browsers, includes the Theme Options Panel and localization optios.
The post RokoPhoto Lite: Free Photography WordPress Theme appeared first on ByPeople.
A neat app user interface for medical purposes made in PSD. It includes vector design elements like icons, buttons, boxes, tabs, pagination, alerts, and a simple flat illustration of the body, with easily editable shapes. The UI has a basic color palette and post thumbs.
The post MedApp: Neat Medical App PSD UI appeared first on ByPeople.
Hammer.JS is a JavaScript library that allows us adding multi-touch gestures. It is open source, and it recognizes gestures made by mouse, touch and pointer events. No dependencies are needed and it weighs only 3.96kb minified and gzipped. Licensed under MIT.
The post Hammer.js: Open Source Multi-touch JavaScript Library appeared first on ByPeople.
An open source discussions platform that can take the form of a mailing list, discussion forum and a long-form chat room. It's been thought for the vast amount of mobile devices out there, and the community has built a natural immune system to defend itself from trolls and spammers.
The post Discourse: Open Source Discussion Platform appeared first on ByPeople.
Graphic designer Alessio Atzeni has created this template called Brushed, a dark HTML creation with a single column layout and responsive design. The template has a simple flat design, complemented with blog posts thumbs, portfolio area, about us, contact and social icons. It is free.
The post Brushed: Dark One-page HTML Template appeared first on ByPeople.
Lucid is a simple user interface with a Christmas spirit, made in PSD format for personal and commercial uses. The UI includes buttons, range sliders, realistic toggles, meters, and even a like box. Its style is minimal with some elements in a realistic fashion.
The post Free Lucid User Interface PSD Kit appeared first on ByPeople.
Vibrant.js is a JavaScript library that takes the most prominent colors of an image for you to use them in your designs. It orders the colors, from the most vibrant to the least one, although it tends to focus on the brightest colors, not necessarily the most relevant ones.
The post Vibrant.js: Image Prominent Colors Extractor appeared first on ByPeople.
An HTML template for those who are planning on getting married and want to simplify the process by creating a website. It is great for couples who want to show their love even after the wedding is done. The template has the necessary elements for a big event, has high-resolution images and it's supported on browsers like Google Chrome, Firefox, Safari, IE 10, and Opera.
The post Dream Wedding: Event Planning Flat Responsive HTML Web Template appeared first on ByPeople.
A powerful CSS editor for WordPress that provides the necessary controls for editing the look and feel of your site in real time. It includes a inspector, visual editor, CSS editor and it's free. Created by Greg Priday.
The post SiteOrigin: CSS WordPress Editor Plugin appeared first on ByPeople.
An elegant geometrical sans serif released under the SIL Open Font License, totally readable, which makes it perfect for web environments and professional printed designs. The font has uppercase, lowercase, numbers and especial characters. You can use this font personally and commercially.
The post Sen: Elegant & Geometrical Sans Serif Font appeared first on ByPeople.
Aleo is a photography-based web template created in PSD format. It has a dark user interface, complemented with clearer design elements, and comprises some widgets for popular posts, weather and photo gallery. The PSD includes guides and organized layers.
The post Aleo: Free Dark PSD Web Template appeared first on ByPeople.
Rocket.chat is a nice tool for creating web-based chat boxes. It is an open source solution with cool features like multiple users and avatar addition (profile customization). You can login directly with some popular social networks, and start collaborating with your team.
The post Rocket.Chat: Collaborative Open Source Chat Tool appeared first on ByPeople.
A black and white PSD template created with minimal style, using big images and organized nicely in order to create a top-notch online store. The template has menu, big featured image, additional products, new products, about area and more.
The post Free Black and White PSD Shop Template appeared first on ByPeople.
A code snippet displaying a tile hover effect made in pure CSS. When you hover over the tiles, it appears a dark semi-transparent box with text that can be modified to match your website. Images can be easily changed as well. The snippet can be used freely and was created by Chris Deacy.
The post Simple Tile CSS Hover Effect appeared first on ByPeople.
A really small and dependency-free JavaScript MVC. It has a tiny footprint for mobile networks (weighs 5kb minified), a fast DOM query/selection engine, and you don't need for jQuery for DOM selection. It is mobile first and it's great for spinning up small, mobile-specific apps. Licensed under MIT.
The post Ity: Dependency Free JavaScript Framework appeared first on ByPeople.
A WordPress theme with a splendid user interface. It has a treemap layout, similar to the one on Pinterest website, responsive and adaptable. It can be used as the portfolio of a freelancer or by any design agency to show products and services.
The post Agency: Premium Responsive Portfolio WordPress Theme appeared first on ByPeople.
Quest is a versatile WordPress theme for adventurers and travelers. It lets you create and style a beautiful minimal theme without needing to know how to code, thanks to its drag and drop page builder. It is responsive, has the option to create a custom layout, and an image slider and gallery.
The post Quest: Travellers and Adventurers WordPress Theme appeared first on ByPeople.
A set with 250 icons for multiple purposes in flat and outlined styles made for Sketch. This set has icons for all sorts of web design or mobile app design, like fruits, celebration, body parts, history and many more. The zip includes 4 files: Flat, Outline, Solid and Webby.
The post Free Sketch Multipurpose Flat and Outline Icons appeared first on ByPeople.
ScrollMenu.js is a JavaScript library that transforms your scroll bar into an awesome scroll menu. Its single-page navigation menu and scroll bar bind together, giving the user visual cues of where they are in a page and how long is that section. It is highly customizable, allowing templating for menu content, and it works on mobile devices correctly.
The post ScrollMenu.js: Scrollbar Masking JavaScript and CSS Library appeared first on ByPeople.
Ikaros is a professionally looking sans serif typeface, perfect for modern websites which want to keep an elegant appearance. Made by Matt Ellis. It has uppercase and lowercase characters, accents, numerals and additional symbols. A free font for personal and commercial projects.
The post Ikaros: Professional Sans Serif Font appeared first on ByPeople.
A compelling WordPress theme for business with a simple layout, although it can be used for multiple types of websites. It is responsive, and it's supported by all recent browsers. Includes theme options panel, featured slider and more. The theme is GPLv2 licensed.
The post AccessPress Basic: Minimal Business WordPress Theme appeared first on ByPeople.
Scally is a CSS framework that uses Sass, BEM, and OOCSS. It allows responsive layouts, and you can build solid, stable and reusable user interfaces fastly. It is licensed under the Apache v2.0 license.
The post Scally: Sass, BEM, and OOCSS Framework appeared first on ByPeople.
An inline HTML tables editor compatible with Bootstrap. With it you can edit, delete and restore, customize the tables, add as many columns as you like, and more. The code was released under the MIT license.
The post jQuery-Tabledit: Inline HTML Tables Editor appeared first on ByPeople.
A tab management extension for Google Chrome. It helps you organizing the tabs on your browser, search for them (thanks to the addition of a search bar). It also generates a searchable, scrollable and keyboard-accessible list of all open browser tabs.
The post Tabio: Tab Management Chrome Extension appeared first on ByPeople.
Wallstreet Lite is a cool WordPress theme for those financial and economic-related websites. However, it works for businesses, agencies, corporations and others. It has a plain interface, and among its features you'll notice it has a responsive layout with 2 Column Support, it's retina ready and includes social icons.
The post Wallstreet: Lite Financial WordPress Theme appeared first on ByPeople.
A PSD square book mockup that includes cover and page views. It was made to help you display your projects on a photorealistic way, including the 2 high-resolution movable objects.
The post Square PSD Book Mockup appeared first on ByPeople.
Radix is a starter theme for WordPress. It has the basic configuration for creating a theme, which you can adapt to your needs; the theme includes logo area, menu, social icons, and blog area, among many others. You can even turn this into an e-commerce site. The theme is GPLv2 licensed.
The post Radix: Starter WordPress Theme appeared first on ByPeople.
A nice loading effect representing a bouncing cube for any kind of website or mobile app. The code can be implemented easily, and you can make the required changes to match the style or colors of your creations.
The post Bouncing Effect Pure CSS Loader appeared first on ByPeople.
A beautiful flat flipbook effect made in pure CSS that can be used as a loader on a learning website. The code is simple, really lightweight, and it uses keyframes. It is free and easy to implement.
The post Pure CSS3 3D Flipbook Loader appeared first on ByPeople.
A PSD pack of clean and slick mobile wireframes containing 6 screens of an app's most important parts. It also includes an outlined iPhone 6 mockup for visualising your work in a better way and even presenting it to potential clients.
The post PSD Mobile Wireframe Pack appeared first on ByPeople.
Aries is a minimal blog theme for WordPress, made with a simple one-column layout (but if you add some widgets to the sidebar it morphs into two columns: content + sidebar). It is fully responsive and has 7 color variations for you to choose whatever you want.
The post Aries: Writers Focused WordPress Theme appeared first on ByPeople.
A template for a website made in PSD format, with editable vectors and a stable color palette. The template uses both Open Sans Semibold and Extrabold, and it is intended for an e-commerce site, especially one about glasses. It really lightweight for all the elements it includes, just around 16.5MB.
The post SunGlasses: E-shop Website PSD Template appeared first on ByPeople.
A theme created for companies and businesses specialized in technology. It has a simple slider, sidebar, related posts, blog area, thumbs and many. Its style is flat and it has good ratings, even though it has few reviews. It has also been downloaded a lot.
The post Tavisha: Free Flat Technology WordPress Theme appeared first on ByPeople.
An awesome pack of 60 vector workspace elements, totally editable thanks to vector shapes in multiple formats (AI, PNG, PSD, EPS and SVG). It includes vectors for iMac, MacBook Air, iPhone, iPad and Apple Watch, camera, headphones, Wacom tablets and many more. It weighs 250MB and you can use it for personal and commercial projects.
The post AI, PNG, PSD, EPS and SVG Elegant Vector Kit appeared first on ByPeople.
CSS Shake is a set of classes perfect for animating any kind of DOM element. The shaking effects have different intensities, and you can mix them with other effects like opacity. With it you have basic, slow, little, hard, fixed, constant shake styles.
The post CSS Shake: DOM Elements Smooth Shaking CSS Effects appeared first on ByPeople.
A gorgeous theme with a vintage style and based in photography. It is relatively new, has the option to customize the menu, style every component, add different post formats, and take advantage of its responsive layout. The theme can be downloaded for free.
The post Yuuta: Vintage Photography WordPress Theme appeared first on ByPeople.
Raindrops is a jQuery plugin for creating beautiful raindrops and wavy effects for any kind of web elements. It is inspired by an article about making a dynamic 2D water effect, adapting a JavaScript library and a jQuery plugin with the physics.
The post Raindrops.js: Wavy DOM Elements Effects jQuery Plugin appeared first on ByPeople.
Agenzia is a great template pack in PSD format, ready for coding and totally editable thanks to vector shapes. The zip file consists of several PSD files (8 in total) for homepage, services, works, work details, product details, blog, blog post and 404 page. The template pack its free.
The post Agenzia: Multi-purpose PSD Template Pack appeared first on ByPeople.
Sassline is a text formatting baseline grid which uses Sass and rems to make a site's text readable and appealing. It aims to set beautiful typography across the web, and can be used for prototypes, blogs or full websites.
The post Sassline: Sass and Rems Text Formatting Baseline Grid appeared first on ByPeople.
Virtue is a really good theme for WordPress (taking into account the amount of 5 stars people has given to it). It's main feature is its versatility, including tons of premium options for free, all within a flexible and minimal layout. You can translate it into multiple languages and download it for free.
The post Virtue: Flexible Multi-purpose WordPress Theme appeared first on ByPeople.
A futuristic typeface with sharp edges in TTF format, perfect for big printed designs like posters, t-shirt and advertising banners. It has uppercase characters, numbers and punctuation symbols. Its design is geometric and it also includes a version with rounded edges, a lighter version and one with outlines, which looks even more beautiful.
The post Order: Free Sharp Futuristic Typeface appeared first on ByPeople.
Slemma is a useful free service for creating analytics reports in a visual way. It allows you to import data from multiple services like Google Drive, Dropbox or even from other services like Google Analytics. It is free with limited functionality.
The post Slemma: Media and Analysis Infographics Dashboards Tool appeared first on ByPeople.
Dispatch is a theme for WordPress with a modern look and lots of space to work with. The theme can be used for online and offline stores, including contact information at the top. It has a big fixed menu, big slider, features area and post thumbnails. The free version has a GPLv2 license.
The post Dispatch: Fast Loading WordPress Theme appeared first on ByPeople.
A complete style guide for the Arial Monochrome font which comes packed in this Codepen snippet. It shows the different ways in which the font can be used, its sizes, color combinations, how it looks on paragraphs, headings and more. This guide can be adapted to other fonts easily.
The post Arial Monochrome CSS Style Guide appeared first on ByPeople.
A template in PSD format for events and presentations. It has a coming soon counter on top, menu, some beautifully illustrated icons for various purposes and more design elements. It uses the Roboto font and Roboto Slab, and it was created using Photoshop and Illustrator.
The post Meetup: PSD & HTML Event Landing Page Template appeared first on ByPeople.
A set of Samsung Galaxy S6 Edge mockups in high resolution and PSD format, perfect for showcasing app designs to potential clients or just showing them on your website to introduce your mobile app. The mockup includes smart objects, it's free and it was created by Igor Reif.
The post Free Samsung Galaxy S6 Edge PSD Mockup appeared first on ByPeople.
A well-rated theme for WordPress with a minimal style and focused on big photographs. It has full Aesop compatibility for easy shopping, it's retina ready, includes documentation and advanced options panel, besides being responsive, multilanguage, and it includes the plugins used in the demo.
The post Longform: Free Photography-focused WordPress Theme appeared first on ByPeople.
A code snippet made in CSS and JavaScript which creates an animated background in low-poly style. It is perfect for any kind of website, although its modification is a bit painful, especially its colors. The snippet is free and it was created by Samuel Marchal.
The post SVG Low-poly Background CSS and JS Snippet appeared first on ByPeople.
A pack of 100 arrow illustrations, totally handmade. Created by Julia Dreams in multiple formats like EPS, AI, JPG, and PNG, they can be used as patterns, logos, print designs, invitations, web design and other projects.
The post EPS, AI, JPG, and PNG Hand Drawn Arrows appeared first on ByPeople.
Let's Chat is a Node.js and MongoDB tool that creates a chat hosted on your own server, perfect for customer support, or even to be used as a work tool among employees of a company. It can be easily deployable and fits well with small, intimate teams.
The post Let’s Chat: Small Teams Self-hosted Chat Tool appeared first on ByPeople.
Sibbell is a nice tool for getting notifications about project releases on Github, sent directly to your inbox. Nothing special has to be done, just login, and star or watch projects you like, and the tool will start sending the updates.
The post Sibbell: Github Projects Notifications Tool appeared first on ByPeople.
A minimal theme for blogging. It supports different post format, includes beautiful typography, prominent featured images, and a fresh, modern look. It also has social links. The theme can be downloaded for free and it is GPLv2 licensed.
The post Satellite: Minimal Blogs WordPress Theme appeared first on ByPeople.
A set of 10 different retro style graphic effects for Adobe illustrator. Perfect for texts and posters, typography, web design, banners, and others. The styles are small and easy to add.
The post 10 Vintage & Retro Illustrator Styles appeared first on ByPeople.
A plugin created in JavaScript that generates a dynamic cascading grid. That means the tiles will arrange smoothly regardless of the screen size. The result can be used in any device.
The post JavaScript Dynamic Cascading Grid Plugin appeared first on ByPeople.
Wee is a complex website builder comprised in a lightweight framework. It is composed of HTML, CSS and JavaScript components and a Grunt-based command line that offers a tons of features like concatenation, file watching, minification, and validation.
The post Wee: Lightweight Front-End Framework appeared first on ByPeople.
A gallery plugin for WordPress with several options and a powerful and intuitive admin so you can easily use it. Among its options you have tiles arranged in columns, justified tiles, grid tiles, compact, slider video gallery and carousel. Use this plugin freely.
The post Unite Gallery Lite WordPress Plugin appeared first on ByPeople.
A plugin for creating and locating a "Recent Posts" widget consisting of thumbnails with little captions. It is responsive, lets you modify the amounts of posts you want to see, can be located on any part of the site like sidebars or footer, has good reviews and it's free.
The post Advanced Recent Posts WordPress Plugin appeared first on ByPeople.
LoadGo is an interesting jQuery Plugin that applies loading animations (bar) to any DOM element. It is perfect for logos, since it can distract the user while the page loads. It is licensed under the MIT license.
The post LoadGo: Progress Bar jQuery Plugin appeared first on ByPeople.