サクサク読めて、
アプリ限定の機能も多数！
アプリで開く
●はてなブックマークって？
●アプリ・拡張の紹介
●ユーザー登録
●ログイン
●ログアウト
トップへ戻る
総合
●人気
●新着
●
IT
●
最新ガジェット
●
自然科学
●
経済・金融
●
おもしろ
●
マンガ
●
ゲーム
●
はてなブログ︵総合︶
一般
●人気
●新着
●
社会ニュース
●
地域
●
国際
●
天気
●
グルメ
●
映画・音楽
●
スポーツ
●
はてな匿名ダイアリー
世の中
●人気
●新着
●
新型コロナウイルス
●
働き方
●
生き方
●
地域
●
医療・ヘルス
●
教育
●
はてな匿名ダイアリー
政治と経済
●人気
●新着
●
政治
●
経済・金融
●
企業
●
仕事・就職
●
マーケット
●
国際
●
はてなブログ︵政治と経済︶
暮らし
●人気
●新着
●
カルチャー・ライフスタイル
●
ファッション
●
運動・エクササイズ
●
結婚・子育て
●
住まい
●
グルメ
●
お金
●
はてなブログ︵暮らし︶
●
掃除・整理整頓
●
雑貨
●
買ってよかったもの
●
旅行
●
アウトドア
●
趣味
学び
●人気
●新着
●
人文科学
●
社会科学
●
自然科学
●
語学
●
ビジネス・経営学
●
デザイン
●
法律
●
本・書評
●
将棋・囲碁
●
はてなブログ︵学び︶
テクノロジー
●人気
●新着
●
IT
●
セキュリティ技術
●
はてなブログ︵テクノロジー︶
●
AI・機械学習
●
プログラミング
●
エンジニア
おもしろ
●人気
●新着
●
まとめ
●
ネタ
●
おもしろ
●
これはすごい
●
かわいい
●
雑学
●
癒やし
エンタメ
●人気
●新着
●
スポーツ
●
映画
●
音楽
●
アイドル
●
芸能
●
お笑い
●
サッカー
●
話題の動画
アニメとゲーム
●人気
●新着
●
マンガ
●
Webマンガ
●
ゲーム
●
任天堂
●
PlayStation
●
アニメ
●
バーチャルYouTuber
●
オタクカルチャー
●
おすすめ
夏の料理
﹃Onextrapixel﹄
●
人気
●
新着
●
すべて
4users
onextrapixel.com
Retro fonts are typefaces that imitate and revive the styles of the past. They’re perfect for any design project in which you’re trying to recreate the look of a…
●
学び
●2017/03/19 18:08
●color
●tools
●design
3users
onextrapixel.com
20 Typography Animations, Experiments and Small Solutions for Your Next Web Project Typography is an element that is vital for any interface. More than once we have considered its impact. It is able to benefit website design from numerous angles: not only is it a tool for displaying the content but also an instrument for enriching user experience. The more so, when the beloved trio (CSS, HTML, and
●
学び
●2016/11/22 22:52
3users
onextrapixel.com
We all need inspiration from time to time, and if you have hit a brick wall when trying to conjure up ideas for your next project, it is good to have an arsenal of places you can find a total bombardment of inspiring designs to jump-start your creative juices again. Website design galleries are just the thing if you need such a boost, and it is always nice if the gallery itself is well presented.
●
学び
●2015/01/03 21:58
●design
●まとめ
6users
onextrapixel.com
Having an eye-catching logotype and memorable color scheme is not enough for making your business stand out. Though the start-up companies chiefly owe their success to original ideas that are brought to life, no-one has repealed the significant effect that is produced by properly elaborated branding identity campaigns. The impact that is achieved by visual components that are tied with the help of
●
テクノロジー
●2014/06/21 22:44
●design
3users
onextrapixel.com
Web designers seek new features to adopt in their projects all the time. True professionals perfect their designs to make the projects cool and stylish. Today you have a chance to meet one of the best 2014 trends in web design: the Header Image. The header is a hero area of any website and you need to make the design classy in order to get your visitors interested in what you do. This section allo
●
世の中
●2014/06/12 16:11
3users
onextrapixel.com
Ghost is a mysterious and cryptic creature that triggers such associations as consternation, transparency, clarity as well as charisma and attractiveness. Though it seems that it has nothing to do with a website design, in fact, this frightening, yet adorable “phantom” manages to transfer its genetic traits into graphics, adding to integral elements its strong appeal and personal charm. The so-cal
●
学び
●2014/05/01 20:17
●design
3users
onextrapixel.com
We live in a world of data of different types. While mining the data a person might face with lots of troubles. The biggest one is poorly designed, overloaded with information dashboards that make it impossible to find needed data out there. That’s why a well-made clearly designed dashboard can save lots of time and effort. Data visualization is a challenging task that requires your attention and
●
テクノロジー
●2014/03/07 23:35
8users
onextrapixel.com
The Japanese have long since proven their distinction through multiple avenues including technology, animation, food and culture. When it comes to websites, the Japanese once again create websites that truly stand out from billions of other websites. This article delves into the heart of Japanese web designs, investigating the impact of the differences and the reasons behind their implementation.
●
学び
●2014/01/20 18:02
●design
●Japan
3users
onextrapixel.com
I have always been fascinated by the overflow scrolling effects that appears when you’ve reached the end of a list on an iPhone and Android. A simple interface interaction like a bounce can magically make your app seems more responsive. Today, I have decided to build a plugin that lets you add such effects to your website called FancyScroll.js. You can add the overflow effects to the whole page or
●
テクノロジー
●2013/12/27 19:37
●library
●javascript
5users
onextrapixel.com
Create and Control Festive Snow on Your Website using HTML5 Canvas The end of 2013 is approaching and that means that Christmas and the New Year are just around the corner. To stay true to the holiday spirit, today I have decided to create a plugin based off the reply from Jason Brown as a solution to this question, that will allow you to add a beautiful interactive snow animation to your website.
●
世の中
●2013/12/25 12:50
3users
onextrapixel.com
Selecting a color scheme for a given website design project is not always easy. Sometimes the product or service will help to determine the base or main color, but where to go from there is usually a matter for the designer’s imagination and inspiration. Before you start worrying about color schemes, you’ve got to decide what platform you’re going to build your website with. If you do not know how
●
テクノロジー
●2013/11/05 23:51
●color
●web design
●*webデザイン
●*web制作
3users
onextrapixel.com
Free Beautiful UI Elements For Your Next Web Application Design Web app development has gone from strength to strength over the last 5 or so years. From frameworks like Ruby on Rails and Django for Python, it’s never been easier to get into coding web apps. But one thing that’s always been time consuming (at least for me) has been building out the UI. HTML and CSS frameworks like Bootstrap have he
●
テクノロジー
●2013/10/24 22:13
●ui
●まとめ
●*web
11users
onextrapixel.com
Many web developers these days use the command line on Unix based machines. If they’re not using it for version control, they’ll more than likely be using it for server administration or compiling preprocessed CSS. As a digital agency, we find that when using the command line, typing similar commands regularly can become frustrating. By the end of this tutorial, you’ll be able to reduce your time
●
テクノロジー
●2013/10/09 22:43
●Unix
●command
●linux
●mac
●tips
3users
onextrapixel.com
In this day and age, we are all competing for attention. The longer people stay on your website and drill down to your content, the better. Today, I have decided to implement a plugin called End Page Box that will let you easily show any dialog when the user scrolls to the bottom (or any range) of the page. You can use it to recommend other posts on your website, show related posts, or even to ann
●
暮らし
●2013/10/03 15:30
3users
onextrapixel.com
LoadingBar.js: Adding a YouTube-Like Loading Bar to Your Website YouTube have recently added a red loading bar at the top of the page to indicate that the next page is loading. You may wonder why they didn’t rely on the browser’s loading bar. That’s because the next page is being loaded with AJAX which doesn’t trigger the normal page load mechanism. That’s why the browser didn’t pick it up. As som
●
エンタメ
●2013/09/06 17:26
5users
onextrapixel.com
About a year and a half ago, Path released the new revamp version that was equipped with a unique menu button located at the bottom left of the app. This button contains all the necessary action buttons and I thought it was an awesome idea to be able to group these multiple buttons into one without eating up all the space. Today, I have decided to build a little jQuery plugin that will bring this
●
テクノロジー
●2013/08/22 11:15
●jQuery
●programming
3users
onextrapixel.com
Today, I will be sharing an experiment to replicate the behavior of the side menu, similar to what you’ve seen on smartphone applications, but this tutorial is for the web. I will take you through each step from structuring your layout and adding swipe gestures to open/close the menu, usable on both desktop and smartphones. Note: This tutorial will require jQuery Library, so make sure you include
●
世の中
●2013/08/19 11:56
3users
onextrapixel.com
Like fashion, designs are changing day to day, and today’s awesome designs focus on simplicity and flat designs rather than complex gradients and all. A recent event that can be referred to this is the introduction of Apple iOS 7, which unveiled flat icons and a simpler design. Flat icons are a new trend in designing UI, and they are perfect if you are looking for a good and minimalist design to c
●
テクノロジー
●2013/07/05 07:36
●icon
5users
onextrapixel.com
These days, a necessary tool of the trade for both professional and amateur visual artists, such as graphic designers, web developers, photographers, digital artists, etc., is an online presence; and that is usually achieved with a personal or professional portfolio site. So today we are bringing you a selection of powerful, usable, free WordPress portfolio themes that are all highly customizable
●
テクノロジー
●2013/06/05 22:00
●*WordPress
●webデザイン
●Web
12users
onextrapixel.com
Pixel fonts are going through a kind of renaissance. Despite today’s high-resolution technology, artists and designers continue to use old-school pixelated fonts that were popular in the early days of computing in order to evoke a certain type of retro nostalgia. These kinds of typefaces bring to mind old-school home computers, low-res displays, and classic video games like Space Invaders and Pac-
●
テクノロジー
●2013/04/09 22:18
●font
3users
onextrapixel.com
New web fonts are added to Google Web Fonts very frequently and it’s important for us web designers to keep up with them. As of the time of writing this article, there are 622 free font families on Google Web Fonts. I have gone through most of the newest ones and compiled a list of 10 great font combinations that should be a good starting point for your blogs and websites. Roboto and Fjalla One Ro
●
テクノロジー
●2013/03/13 08:47
●Google
3users
onextrapixel.com
22 Good Prototype and Wireframe Tools for Mobile and Web Design Wireframe and prototype resources are very helpful for designers when they need to create a mockup to show to their client in order to give them an idea of how their web or mobile design will look once it is designed completely. With the help of UI design kits, wireframe tools or prototype tools, designers can quickly create mockups o
●
テクノロジー
●2013/03/04 17:04
4users
onextrapixel.com
Improve Your Code with Smart JavaScript Techniques and Patterns In this article we’re going to cover some common, and not so common smart JavaScript techniques and patterns to improve your code in both size and beauty. To follow along with this tutorial it’s important that you have a good understanding of functional programming in JS and regular expressions. If you already know about this and that
●
テクノロジー
●2013/02/21 22:35
●JavaScript
●development
9users
onextrapixel.com
Responsive web design is becoming more popular day by day because users can browse such web designs from a variety of devices. For example, desktop, mobile phones, tablets, netbooks and so forth just to name a few. The reason why responsive web designs are so popular among designers is that they allow them to furnish different layouts for specific devices. Today, in this collection we have gathere
●
テクノロジー
●2013/02/21 01:06
●Responsive
●web制作
7users
onextrapixel.com
For many professionals, their online portfolio is the first point of contact for a prospective client, so it is important that it gets their message across in the correct tone for their business. There are many ways to approach designing an effective portfolio, depending on many factors, the profession being just one of them, for instance, a top flight accountant probably shouldn’t be using grunge
●
世の中
●2013/01/24 11:32
●まとめ
3users
onextrapixel.com
It is uncommon today to find desktop-based website prototyping tools. Most applications are in the Cloud – online tools accessible through your web browser. Here we present a list of the most common online website architecture applications. It seems as if every category of software is moving into the Cloud so it’s not surprising web prototyping applications are doing the same. After all, what bett
●
テクノロジー
●2013/01/22 01:17
●tools
●webdesign
●webservice
●design
●web
●まとめ
22users
onextrapixel.com
Single page websites are seriously on the up-and-up as far as design trending is concerned. With the advantages of the progress being made by open source mark-up, the effects that can be achieved without the use of Flash are, in some cases, quite stunning. Creating effective single page websites requires a lot of design skill, to include all necessary information in a relatively small amount of sp
●
テクノロジー
●2012/12/14 16:50
●webデザイン
●design
●webdesign
●デザイン
●*あとで
●web
3users
onextrapixel.com
Find Inspiration in Websites with Large Backgrounds: 30 Creative Examples Websites with large backgrounds are my favourites. I’m sure that such websites are a piece of art – they can be so adorable. Large backgrounds have an impressive visual impact on visitors, they can get your attention for a long time. On the other hand, such websites give a lot of freedom for designers. They have additional p
●
学び
●2012/12/06 22:54
●インスピレーション
●ウェブデザイン
4users
onextrapixel.com
How to Slice Images into Tiles with jQuery and CSS3 Transitions Did you ever wonder how those cool slideshow plugins split images into pieces and put them back together? The slice and tile effect creates a beautiful look in a slideshow and has become quite popular. Follow this tutorial and it will give you a good understanding of the basic concept behind the slice and tile effect as we go into det
●
テクノロジー
●2012/11/24 14:19
●jQuery
●Webデザイン
●JavaScript
●あとで読む
次のページ
このページはまだ
ブックマークされていません
このページを最初にブックマークしてみませんか？
﹃Onextrapixel﹄の新着エントリーを見る
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
●総合
●一般
●世の中
●政治と経済
●暮らし
●学び
●テクノロジー
●エンタメ
●アニメとゲーム
●おもしろ
●アプリ・拡張機能
●開発ブログ
●ヘルプ
●お問い合わせ
●ガイドライン
●利用規約
●プライバシーポリシー
●利用者情報の外部送信について
●ガイドライン
●利用規約
●プライバシーポリシー
●利用者情報の外部送信について
●公式アカウント
●ホットエントリー
●はてなブログ
●はてなブログPro
●人力検索はてな
●はてなブログ タグ
●はてなニュース
●ソレドコ
Copyright © 2005-2024 Hatena. All Rights Reserved.
設定を変更しましたx