2015年1月〜2015年3月の個人的ブックマークです。
2015/01
Development
- A Look Back at 2014: Round-up of Codrops Resources | Codrops
- Expandable Project Presentation in CSS and jQuery | CodyHouse
- Top Pens of 2014 on CodePen
- snabbt.js
- deSVG
- Inspiration for Text Input Effects | Codrops
- Hover.css - A collection of CSS3 powered hover effects
- TheaterJS, a typing effect mimicking human behavior.
- SVGを使いこなすための便利ツールいろいろ | Webクリエイターボックス
- Give ’n’ Go
Design / Inspiration
- Marsala Pantone Color of the Year 2015: Color Standards, RGB, HEX HTML codeMarsala
2015年はMarsalaに。 - MMXIV | Best Website Designs of the Year 2014
- Web Design Trends That Will Rule 2015 - Designmodo
- 10 Web Design Trends You Can Expect to See in 2015
- 10 web design trends you’ll actually see in 2015 (and how to survive them) | Webdesigner Depot
- 4 essential layout trends for 2015 | Webdesigner Depot
- Web Design Trends To Look Out For In 2015 | Elegant Themes Blog
- 10 Web Predictions for 2015
- Online Magazine Website Layouts for Design Inspiration
- 20 Web Designs with Creative Hand Drawn Typography
- Showcase Of Websites With Creative Background Gradients
Material / Freebies
紹介している素材を使用する際は、ライセンス等は各自で再度確認してください。
- Vintage & Eroded Font
- LIQUIDO free font
- Vigneta Typeface(Free Font)
- Diamond Icons
- 30 Flat Circular Vector Icons
- 130 Free Hand-Drawn Interface Icons
- Material Design Icons Expanded (Color Version)
- Freebie: Dashel Icon Set (45 Icons, SVG, PSD, PNG)
- 48 Icons Free PSD
- CompassCons
Services / Resources
- lollytin beta 1.4 - A yummy HTML5 blockouterer!
- CSS Stats
- Print1
- Brand Style Guide Examples, Hand-picked by Saijo George
2015/02
Development
- Introducing the Codrops CSS Reference | Codrops
- UX Recipe
- かわいい系デザインに使えるCSSいろいろ | Webクリエイターボックス
- Responsive Web Design Patterns
- Subtle Click Feedback Effects | Codrops
- Inspiration for Button Styles and Effects | Codrops
- .htaccess Snippets
- How to Build a YouTube Video Website Background - Designmodo
- Bootstrap3日本語リファレンス
- Story Box
- Bouncy Navigation in CSS and jQuery | CodyHouse
- Twitter's "fave" animation
- Flickity
- randomColor.js
- WPGlobus Plugin Adds a Language Switcher to WordPress
Design / Inspiration
- PCサイトのUIデザインにおける12のトレンド | sogilog
- The Best WordCamp Websites of 2014 Showcase
- Best Practices for Accordion Interfaces in Web Design
- Web Design Trend Showcase: Super Gradients
Material / Freebies
紹介している素材を使用する際は、ライセンス等は各自で再度確認してください。
- Lynny Icons
- Free – Wireframe for apps
- JKゴシック
- Moon - Free Font
- Nerea. Art Nouveau | TYPEFACE
- Nordic (Free Font)
Services / Resources
- CSS Ruler • Explore CSS lengths.
- Tinychart
- SVG News
- CSS Puns & CSS Jokes ~ Curated by Saijo George
- Adobe Photoshop 生誕 25周年!
2015/03
Development
- 美しいグラデーションをCSSで実装!配色に使える便利ツールや実例も! | Webクリエイターボックス
- animatedModal.js
- Textures.js
- Slideout.js - A touch slideout navigation menu for your mobile web apps.
- JSを書かずにGoogle Mapに吹き出しやオリジナルマーカーを設置できるjQueryプラグイン「AxGmap」 | objc-Lovers
- AniCollection - The easiest way to find, use and share CSS3 animations.
Design / Inspiration
- カワイイは作れる!!女性向けWebサイトデザインのポイント(2)装飾編 | 事例 | 街角のクリエイティブ
- Photoshopで美しい背景をつくる!グラデーションやブラーの効果的な使い方が学べるチュートリアルのまとめ | コリス
- How Your Favorite Websites Changed Over the Years | Tutorialzine
- Showcase of Stylish Single Weight Line Art Illustrations
- Typographer’s typefaces The 25 most admired... | Type Worship: Inspirational Typography & Lettering
- Showcase of Web Design Layouts with Angled Lines
- Web Design Trend Showcase: Centrally Divided Layouts
Material / Freebies
紹介している素材を使用する際は、ライセンス等は各自で再度確認してください。
- Modern Flat Preloader Set
- Flat Icon Pack (AI, SVG, EPS, PSD, PNG)
- 30 Free Vector Line Icons
- Tritio free font
- Mega Flagship Icon Set