Building a Responsive Mega Menu with Foundation — SitePoint
Mega menus are a design trend often used on large sites such as e-commerce and educational sites. For example, eBay’s mega menu: But what exactly is a mega menu? Well, let’s see how Jakob Nielsen describes it: A mega menu (a big, 2-dimensional drop-down panel) groups navigation options to eliminate scrolling and use typography, icons, and tooltips to explain users’ choices. So, with that in mind,
The 10 Best Productivity Plugins for Sketch App — SitePoint
April 27, 2015The 10 Best Productivity Plugins for Sketch App Over the course of 2015 Sketch App has continued to gain mindshare in the design community thanks to its easy-to-use features and straightforward interface. But even though it’s a powerful tool straight out of the box, after a while you might find yourself wanting to tweak things to your liking a little. Thankfully a excellent range of
5 Best Productivity Plugins for Adobe Illustrator — SitePoint
Adobe Illustrator has been the most popular application for developing vector graphics for many years. And as is the case with many powerful tools, there has always been something of a learning curve attached to it. Fortunately, there are a handful of useful plugins out there that can help us to speed up our workflow. While Illustrator can’t claim quite the same kind of rich plugin ecosystem as Ph
5 Grunt Tasks that Improve the Performance of Your Website — SitePoint
Many times on SitePoint I’ve mentioned how achieving good performance is a main concern today and how you should strive for fast web pages. In some articles of mine about JavaScript APIs, such as Introduction to the Resource Timing API and Discovering the User Timing API, I gave you all the power you need to know what’s slowing down your project. Earlier this year, Craig Buckler covered this topic
How to Improve Page Performance with a Font Loader — SitePoint
A big thanks to Jason Pamental for the inspiration to write this article. I’d never have considered the issue otherwise! When was the last time you used Arial, Times New Roman, Helvetica or … shudder … Comic Sans in your web pages? Web fonts took too long to arrive but, once they did, we never looked back. Fonts are fun, (often) free and fast to implement: @import url(http://fonts.googleapis.com/c
Faster YouTube Embeds with JavaScript — SitePoint
We want our visitors to get our content as fast as possible, which means the content needs to be light, and with the minimum number of requests. But we want to keep users on our pages, and be entertained. This is where embedding videos enters the scene. Videos illustrate our textual content, bring life to it, and are often served by a third party. What more to ask? Well, there’s a hidden price tag
15 JavaScript Libraries for Creating Beautiful Charts — SitePoint
It’s practically impossible to imagine any dashboard without graphs and charts. They present complex statistics quickly and effectively. Additionally, a good graph also enhances the overall design of your website. In this article, I’ll show you some of the best JavaScript libraries for graphs and charts. These libraries will help you create beautiful and customizable charts for your future project
Google Launches Web Starter Kit: A Multi-Device Boilerplate
June 23, 2014Google Launches Web Starter Kit: A Multi-Device Boilerplate Google announced a big surprise just a few days ahead of the Google I/O Conference in San Francisco. They have launched a brand new tool called Web Starter Kit, a boilerplate with powerful tools to quickly start your web development projects. Maybe Google wants the Google I/O attendees to familiarize themselves with the tool
Tips to Help You Level Up Your Sass — SitePoint
Writing code is hard. There are many things to be aware of, many pitfalls to avoid, and there’s always room for improvements. Using Sass makes writing CSS a little less hard. Unless you are doing it wrong, in which case it makes CSS even worse. To avoid that, I want to share a couple of tricks to help you write better Sass. Use index() Rather than Multiple Equal Assignments I love reviewing Sass c
Easy Responsive CSS Grid Layouts: 4 Methods — SitePoint
June 11, 2014Easy Responsive CSS Grid Layouts: 4 Methods These days, there’s a framework for everything, and it seems that before we can even digest one, another one is released. This holds particularly true when it comes to CSS grid layouts, and there’s no shortage of frameworks deemed “the best, most lightweight to date”. This overdose of information can baffle us, and leave us wondering if fram
Five Grunt Tasks You Won't Want to Miss!
Unless you’ve lived under a stone for the past few months, you’ve surely heard about Grunt or one of the other task runners released like Gulp.js (more on this topic in our article An Introduction to Gulp.js ). This family of tools has taken the frontend landscape by storm, revolutioning the way thousands of developers deal with tedious activities like concatenation, minification, image optimizati
Getting Started with SVG Gradients — SitePoint
While there are many arguments for and against using SVG gradients over CSS gradients, for this article we will focus on how to get started with SVG gradients if this happens to best suit your needs. Using SVG gradients allows us to almost effortlessly fill in a complex shape with custom gradients and has the advantage over CSS gradients of living in the DOM. This approach especially comes in hand
HTML5 Forms: The Markup — SitePoint
This is the first in a three-part series about HTML5 web forms. We’ll cover the basic markup in this article before progressing to styling and the client-side JavaScript validation APIs. I recommend you read this even if you’re already familiar with forms — there are many new attributes and gotchas! HTML forms may be mundane but they’re essential for the majority of web sites and apps. In HTML4, i
HTML5 Forms: CSS — SitePoint
In the second article of this three-part series about HTML5 forms, we’re going to look at styling or — more specifically — the pseudo-class selectors you can use to target input fields in various states. If you haven’t read it already, please refer to part one to ensure you understand the basic markup concepts. Remove Default Styling You’ve probably noticed browsers applying default formatting. Fo
Managing Responsive Breakpoints with Sass — SitePoint
When dealing with responsive design, you often find yourself defining a lot of media queries, checking various properties, with various values. Because it can quickly get messy, it is usually considered a good practice to use Sass (or any other preprocessor, for that matter) to handle responsive breakpoints. That being said, it has occurred to me there are lots of different ways to deal with this,
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Using wp-config to Customize WordPress — SitePoint
5 Uses for Vertical Media Queries — SitePoint
How to Track Outbound Links in Google Analytics — SitePoint
6 of the Best Retina Display jQuery Plugins & Demos — SitePoint
What's New in Firebug 2.0 — SitePoint