Using Blending Modes to Create Colorful Duo-Tone Images - Sketch App Tricks
Sketch app is primarily a vector-based application, and although bitmap editing features are limited, you can quickly create cool-looking duo-tone images. To achieve that we’re going to use fill colors with a combination of different blending modes.
sketch  duotone 
december 2018
Create a Duotone Effect in Sketch | 5 Amazing Styles
There are times when you see some really cool effects on an image, poster, banner, billboard, website or whatever, and then you go “Hmnn! That looks awesome. How did they do that?”.
sketch  duotone 
december 2018
Color Leap - History's Palettes
Take a leap through time and see the colors of history.
color  design  inspiration  colour  palettes  resources 
october 2018
The Best Invoicing Software: 16 Apps to Get Paid for Your Work
Invoicing should be the easiest part. You've already found clients, put in the hours, and done the job. It's time to get paid—and that should be simple.
invoicing  accounting 
october 2018
Wave Financial: Financial Software for Small Businesses
Not only is Wave the best free small business accounting website, but it's one of the best online resources period for its target small business audience.
app  business  finance  invoicing 
september 2018
How to enable Gzip compression in Apache | KnackForge, Your Technology Partners
The mod_deflate module provides the DEFLATE output filter that allows the output from your server to be compressed before being sent to the client over the network. mod_deflate is the replacement of mod_gzip which was used with an older version of Apache.
july 2018
How to enable compression and gzip for page speed.
Compression allows your web server to provide smaller file sizes which load faster for your website users.
compression  gzip  htaccess  web  apache 
july 2018
google webfonts helper
A Hassle-Free Way to Self-Host Google Fonts
fonts  google  typography  webfonts  hosting  font  tools  web  development 
july 2018
Zoommy - more than 130 000 free photos in one place
Zoommy helps you find awesome free stock photos for your creative product or inspiration
app  design  image  mac  photography  free  stock 
july 2018
What is SVG good for? | CSS-Tricks
Y'all probably wouldn't be surprised if I told you it's pretty awesome for icons, and icon systems. SVG icon systems can, and perhaps should be quite easy. I'm a fan of just inlining those suckers, particularly when they are pretty simple.
svg  design  webdesign 
june 2018
A Directory of design and front-end resources
This site is dedicated to compiling and sharing useful resources for Designers and UI Developers. If you have any additions, please submit a link.
webdesign  design  ui 
june 2018
Zepto.js: the aerogel-weight jQuery-compatible JavaScript library
Zepto is a minimalist JavaScript library for modern browsers with a largely jQuery-compatible API. If you use jQuery, you already know how to use Zepto.
framework  javascript  jquery  zepto  webdev  library  js 
june 2018
12 Character Traits of Great UX Designers – UX Planet
What’s a great designer anyway? Does it mean they work at a fancy company? Does it mean they create a meaningful difference in the world? Is it because they’ve written a bestselling book on design…
article  articles  design.process  desing  ux 
june 2018
53 CSS Modal Windows
Collection of HTML, CSS and JavaScript modal windows. Update of September 2017 collection. 4 new items.
css3  modal 
june 2018
Flexbox Tutorial | HTML & CSS Is Hard
The “Flexible Box” or “Flexbox” layout mode offers an alternative to Floats for defining the overall appearance of a web page. Whereas floats only let us horizontally position our boxes, flexbox gives us complete control over the alignment, direction, order, and size of our boxes.
flexbox  css  webdesign 
may 2018
Blueprint: Multi-Level Menu | Codrops
A simple multi-level menu with delayed item animations and an optional breadcrumb navigation and back button.
navigation  menu  css  css3 
may 2018
Theme Editor Home - Material Design
The Material Theme Editor helps you make your own branded symbol library and apply global style changes to color, shape, and typography. Currently available for Sketch, you can access the Material Theme Editor by downloading the Material Plugin.
sketch  plugin  material  design 
may 2018
Fixed Bottom Edge Mobile Menu Animation | Web Design Inspiration with Code Snippets
Here is a handy mobile optimised navigation menu that sites at the bottom of the screen, the hamburger menu is conveniently placed in the center so it’s easily accessible by both left and right-handed users. It was designed by Stas Melnikov.
webdesign  navigation  css  css3 
may 2018
hyperlink - Open whatsapp app from a link in a mobile web site? - Stack Overflow
Thanks to the comments, I got my solution from them: whatsapp://send?phone=XXXXXXX

So for an spanish number +34 644 789 83 it would be
webdesign  webdevelopment  whatsapp 
may 2018
WhatsApp FAQ - Using Click to Chat
WhatsApp's Click to Chat feature allows you to begin a chat with someone without having their phone number saved in your phone's address book. As long as you know this person’s phone number, you can create a link that will allow you to start a chat with them. By clicking the link, a chat with the person automatically opens. Click to Chat works on both your phone and WhatsApp Web.
webdesign  webdevelopment  whatsapp 
may 2018
Responsive Iframes with One Great CSS Trick - Theodo
Nowadays, more and more people use their phones to navigate the web. It is therefore even more important now for websites to be responsive. Most websites use YouTube videos, Google maps or other external website elements embedded in them. These functions are most commonly incorporated in a web page using the html iframe element and is one of the trickiest thing to make responsive.
css  css3  responsive  youtube 
may 2018
144-responsive-grid by CSuttie · Pull Request #155 · milligram/milligram
Adds _ResponsiveGrid.sass loaded after _Grid.sass extending the class.
.row is extended with .row.row-responsive to generate flex-wrap: wrap;
css  grid  css3  flexbox  milligram 
may 2018
Understanding the Scope in CSS Variables - Part 2 - Webkul Blog
In Part 1, We have started with a Quick Start Guide which explains – What CSS Variables are and Why we should care about them. We are now going to look into another important asset that you should really care about while using CSS Variables and it is Scope.
css  webdesign  variables 
may 2018
Getting Started with CSS Variables - Part 1 - Webkul Blog
CSS Variables which are also called CSS Custom Properties are getting quite popular these days, due to their high-end capabilities and reactive nature. After reading this piece of writing, you will be able to understand how they can be used in real-world code scenarios.
css  variables  webdesign 
may 2018
Glitch Slideshow | Demo 2 | Codrops
Using the CSS Glitch Effect to transition between images of a slideshow.
webdesign  effects  image 
may 2018
Wakamai Fondue, the tool that answers the question “what can my font do?”
Wakamai Fondue, the tool that answers the question “what can my font do?”
font  fonts  tools  typography 
may 2018
Dealing with long words in CSS | justmarkup
The web consists of content, content consists of words and words can be long, very long. Everyone involved with the web will sooner or later have to deal with long words.
css  layout  typography 
april 2018
Collection of CSS snippets | justmarkup
Some time ago I asked on twitter about the favorite CSS snippets people use regularly. A lot of people replied with great snippets. So, without further ado, here are the most mentioned ones.
css  css3 
april 2018
Does My Site Deserve Recognition?
Understanding the Question

Hoping to get an award? Recommended as a resource? Used as a case study in some important book?

Ask yourself, does my site deserve recognition? Further, if you are someone who is awarding sites or referencing them as great examples, then maybe you should ask yourself the same question as if you were the site owner.

This is the start of a baseline — a minimum — of what we should expect from any site that is awarded anything. Sites that either do not meet the goals below or do not have a reasonable exception should not be recognized as good examples. If anything, they are examples of missed potential.
april 2018
Unity - Learn - Modules
Nuestros tutoriales se dividen en Proyectos: tutoriales paso a paso y Temas que desarrollan lecciones adicionales de manera más detallada.
unity  3d  videogame  tutorial 
april 2018
Unity - Play & Edit mode
In this very first lesson, you'll use the editor's Play mode to try out testing a ready-made game, and Edit (non-play) mode to adjust it.
3d  unity  videogame  tutorial 
april 2018
Must-Have Beginner Assets - Asset Store
The Asset Store is home to thousands of free or affordably priced assets that save critical time and effort for Unity creators. In this list, we rounded up a bunch of the best must-have beginner assets to help get you started on your first project.
3d  videogame  unity  free 
april 2018
Unity - Unity Game Dev Courses: Swords and Shovels
No importa si ya tienes experiencia con Unity o si recién estás empezando, los cursos para desarrolladores de juegos de Unity son la mejor forma de aprender a desarrollar juegos. Comienza con Unity Fundamentals, después explora contenidos especializados en arte, diseño o programación. ¡Elige uno o llévalos todos!
3d  videogame  unity  tutorial 
april 2018
A free lightweight 8-bit voxel art editor and interactive path tracing renderer, enjoy :
3d  art  software 
april 2018
Plyr - A simple, customizable HTML5 Video, Audio, YouTube and Vimeo player
A simple, accessible and customisable media player for Video, Audio, YouTube and Vimeo
html5  javascript  library  player  video 
march 2018
Premium Free Fonts | Font Bundles
Free Fonts are here! Yes You did read that correctly... FontBundles.net are well known for saving customers bundles of cash but we have gone one step further with our free fonts section, which includes a brand new free font every week.
aggregator  fonts  free  graphics 
march 2018
Versionamiento Semántico 2.0.0-rc.2 | Semantic Versioning
En el mundo de la gestión de software existe el temor de caer en algún momento en el llamado “infierno de las dependencias”. Mientras más grande crece tu sistema y mientras más paquetes integras en tu software, más probable es que te encuentres, un día, en este pozo de la desesperación.
software  version 
march 2018
City Lights — A suite of beautiful matte dark themed goodies
City Lights is a suite of beautiful dark theme goodies for Atom, Sublime & Visual Studio Code
color  theme  themes  sublimetext 
march 2018
Top 5 Sketch Plugins (2017) for UX + UI – UX Collective
I’m a great fan of Sketch despite having used Adobe software since 2002. Initially, it was the diversity and the power of the plugins that lured me to use Sketch in my day to day tasks.
Being a productivity ninja that I am, I’m always on the look out for ways to boost my output and reduce inefficiencies. Over the years, I’ve experimented with at least 50 different plugins and in this short article I’ll be demonstrating the top 5 that I regularly use.
plugin  sketch 
march 2018
Mockaroo - Random Data Generator and API Mocking Tool | JSON / CSV / SQL / Excel
Need some mock data to test your app? Mockaroo lets you generate up to 1,000 rows of realistic test data in CSV, JSON, SQL, and Excel formats.
generator  testing 
march 2018
Parallax scrolling with CSS variables | basicScroll
basicScroll allows you to change CSS variables depending on the scroll position. Use the variables directly in your CSS to animate whatever you want.
animation  css  javascript  parallax  scroll 
march 2018
30 Brilliant Examples Of UI Cards | Web & Graphic Design | Bashooka
Card UI is a very popular layout option for many types of data. Pinterest was the first to create a layout like this, and it is was earlier referred to as “pinterest-style layout”. Usually cards are used to group together information in a very intuitive way and permits for a very fast UX, meaning users can easily scan through a lot of content and pinpoint information that is relevant to them and make it easy for users to access and use data in an organized manner. So here are 30 brilliant examples where this design pattern is used.
ui  card  webdesign  nindi.es 
march 2018
25 Cool CSS Card UI Examples | Web & Graphic Design | Bashooka
A card-based UI is simple, minimal and has many advantages over the traditional interface. Cards are modular pieces of content that enable the embedding of rich media, fostering interactivity. What makes cards the design unit of choice for so many publishers is that they are extremely well-suited to the mobile environment. They are easy to scan and consume at a glance, they offer great capabilities for user manipulation such as swipe, stack, flip, pan, fold, group, sort etc. So if you are planning to use this design pattern in your next web or mobile app, here are some 25 Cool CSS Card UI Examples for inspiration.
ui  card  webdesign  nindi.es 
march 2018
165 CSS Buttons
Collection of hand-picked free HTML and CSS buttons with little JavaScript: 3D, click, close, download, hover, like/favorite, play/pause, simple, social, share, star rating, submit and swipe buttons.
buttons  css  webdesign  ui  nindi.es 
march 2018
Creative Button Styles
Modern and subtle styles & effects for buttons (hover and click)
buttons  design  css  nindi.es  ui 
march 2018
Colormind - the AI powered color palette generator
Colormind is a color scheme generator that uses deep learning. It can learn color styles from photographs, movies, and popular art.
color  calculator  design  generator  webdesign 
february 2018
Designing Websites for iPhone X | WebKit
Out of the box, Safari displays your existing websites beautifully on the edge-to-edge display of the new iPhone X. Content is automatically inset within the display’s safe area so it is not obscured by the rounded corners, or the device’s sensor housing.
css  iphone  webdesign  webkit  iphonex 
february 2018
ios - Cordova app not displaying correctly on iPhone X (Simulator) - Stack Overflow
margin-bottom: constant(safe-area-inset-bottom);
margin-bottom: env(safe-area-inset-bottom);
ios  iphone  iphonex 
february 2018
Just send your form to our URL and we'll forward it to your email. No PHP, Javascript or sign up required — perfect for static sites!
form  forms  html  tools 
february 2018
Changing SVG path data with CSS | Bram.us
Another great thing I learnt at CSS Day is that it’s possible to alter SVG path data – which is to be found in its d attribute – using CSS.
svg  animation  css 
february 2018
Subtle Click Feedback Effects | Codrops
A set of subtle effects for click or touch interactions inspired by the visualization of screen taps in mobile app showcases. The effects are done with CSS animations mostly on pseudo-elements.
animation  css  inspiration  button  nindi.es 
february 2018
15 delicious examples of card-based web design | Econsultancy
The rise of the smartphone has ushered in a new way of thinking among web designers and developers, who need to create websites that work on smaller screens.
cards  patterns  ui 
february 2018
50 creative card UI designs | Webdesigner Depot
Card layout is an integral part of material design. The separation is often achieved by using shadows, which gives the illusion of depth, or a slight color difference.
webdesign  cards  inspiration 
february 2018
Pizza Amore! | Playground from ZURB
Deliver up pie charts, bar charts and line graphs for your responsive site.
foundation  charts  javascript 
february 2018
Button Hover Examples From CodePen - Freebie Supply
Who doesn’t like buttons? A button means action. Clicking or tapping on one lets you do things. Buttons are an essential element of interaction design. That’s why they’re so important and that’s why it’s good to get them right.
button  buttons  css  design  nindi.es 
february 2018
BEE Free | Free online email editor to build responsive layout emails
BEE is the easiest, quickest way to design elegant, mobile responsive emails. Discover why over 1,000,000 people have used our email editor.
design  editor  email  html  templates  nindi.es 
february 2018
« earlier      
3d accessibility adobe ajax android animation apache app apple apps art article artículo background backgrounds badge bbedit bjango blog blueprint book browser brush brushes business button buttons calculator calendar canon cats cheat.sheet cheatsheet client coda code coding collection color colorpicker colors compilation conditional conversion cool cover creativity css css3 cssgrid design development domain download ecommerce editor effects email english español espresso explorer extension fireworks flash flexbox flickr font fonts food form forms forum framework free freelance freeware fun gallery gameboy games generator github google graphicdesign graphics grid grunge gtd gui guide hack hdr history howto htaccess html html5 humor icon icons ie ie6 illustration illustrator image images inspiration interface interview ios ipad iphone ipod itunes japan javascript jquery layout less library life lightbox lightroom links loading logo mac marketing menu menubar microformats minimal mobile moleskine moo mootools music mysql navigation newsletter nindi.es nintendo notebook online opensource opinion optimization osx paper pattern patterns pdf performance photo photography photos photoshop php pixel pixelart placeholder plugin plugins png portfolio price print productivity programming prototype prototyping psd psp quicksilver rater reference resources responsive retro review sass schemes screenshot script script.aculo.us scroll search semantics seo shortcuts showcase sketch sketchbook slideshow snippet snippets social socialmedia software ssh standards stock store sublime sublimetext subversion svg svn tables tabs template templates terminal testing text textmate texture textures theme themes tip tips tool tools transitions translation tutorial tutorials twitter typography ui unity usability ux validation vector video videogame videogames vintage wallpaper web web2.0 webapp webdesign webdev webdevelopment widget wireframe wireframes wordpress writing xhtml youtube

Copy this bookmark: