ストレートに思いを届ける。はてなブログおすすめ「文章が中心のブログに向けたテーマ」を紹介します - 週刊はてなブログ

2018/10/09 87 users 週刊 基調 文章 テーマ ピックアップ

はてなブログに存在する260を超えるブログテーマ（2018年9月現在）から、イメージや用途別に「おすすめのテーマ」を紹介する本連載。初回は「白を基調としたシンプルなテーマ」、第2回は「写真が映える1カラムのテーマ」を特集しました。 3回目となる今回は「文章が中心のブログに向けたテーマ」をピックアップ。小説や... 続きを読む

写真が主役のブログを作ろう！ はてなブログおすすめ「写真が映える1カラムのテーマ」を紹介します - 週刊はてなブログ

2018/09/25 61 users 主役 週刊 基調 テーマ 初回

はてなブログに存在する260を超えるブログテーマ（2018年9月現在）から、イメージや用途別に「おすすめのテーマ」を紹介する本連載。初回は「白を基調としたシンプルなテーマ」を特集しました。 どのテーマを使おう？ はてなブログおすすめ「白を基調としたシンプルなテーマ」を紹介します - 週刊はてなブログ 2回目とな... 続きを読む

[CSS]最近のレスポンシブ対応サイトで使われているレイアウトのアイデア・実装方法のまとめ | コリス

2017/07/03 91 users コリス CSS スプリットスクリーン レイアウト まとめ

レスポンシブ対応のレイアウトはどのように拡大・縮小させるのか、また縦・横に積み重ねるのかに大別されます。 ブラウザいっぱいに表示する1カラム、サイドバーを備えた2カラム、2カラムを均等に分割したスプリットスクリーン、カードやパネルを使ったレイアウトなど、最近のレスポンシブ対応サイトで使われているレイアウトのアイデアと実装方法を紹介します。 ひと昔前まではJavaScriptを使用しないと実装できな... 続きを読む

[CSS]IE8もサポート、レスポンシブ対応のさまざまなレイアウトを手軽に使いたい人にぴったりな超軽量スタイルシート -GridLayout | コリス

2015/08/21 92 users コリス マルチカラム スティッキー グリッドレイアウト CSS

最近のWebページでよく使用されるシンプルな1カラム、マルチカラム、カード型のレイアウトをはじめ、フッタが常に最下部に表示されるスティッキー、Webアプリなど、人気のグリッドレイアウトを簡単に実装できる超軽量スタイルシートを紹介します。 もちろんレスポンシブ対応で、古い環境（IE8+, iOS5+, Android3+）もサポートされています。 レイアウト用だけのフレームワークを必要としている人に... 続きを読む

2014年総まとめ、jQueryのプラグインとスクリプト100選 | コリス

2014/12/05 691 users jQuery コリス SVG スクリプト 目玉

毎年末にjQueryのプラグインをまとめていましたが、今年はプラグインの他に単体で動作するスクリプトも加えて、jQueryのプラグインとスクリプトの総まとめとして記事にしました。 今年目立ったのは、去年から引き続きアニメーション系、縦長ページ用のスクリプトでしょうか。 1カラムのレイアウトが流行っているためか背景関連も充実していました。それとSVGをより簡単に利用できるようになったのも大きな目玉で... 続きを読む

今、身につけておきたいデザインのテクニックが論理的にしっかり学べる一冊 -Webクリエイティブの新しい考え方 | コリス

2013/11/29 151 users ウェブデザイン コリス 半透明 本書 スクロール

ウェブデザインは、スマフォの普及、そしてフラットデザインを経て、ここ一年で大きく変わりました。 1カラムのレイアウト、スクロールを前提としたページ構成、半透明のパネルの効果的な使い方、囲みを使わずに情報を分類、大きな写真を使った魅力的なレイアウトなど、今押さえておきたいデザインのテクニックがしっかり学べるオススメの本を紹介します。 本書は先週、発売したばかり。 タイトルの「フラットデザインの基本ル... 続きを読む

「２カラムの論文PDF」を「１カラムの余白にメモしやすいPDF」に変換する方法 | 情報科学屋さんを目指す人のメモ

2013/03/06 341 users 余白 手書き 論文 論文PDF PDF

２カラム（２段組）の論文PDFを、１カラム（１段組）に変換して、余白にメモをとりやすいPDFを作成する方法を紹介します。この方法にたどり着くまで結構大変でした。 １カラムに変換して読みたい！ 私は論文を読むときは、印刷して、余白に手書きでメモをとったり図を書いたりするのが好きです。 というのも、後からもう一度内容を確認したいときに、メモのおかげで前回自分が注目したところをすぐ見つけられたり、同じこ... 続きを読む

[CSS]全幅960+10pxをベースに汎用的に展開するグリッドシステム | コリス

2009/02/19 235 users グリッドシステム コリス マージン グリッド CSS

全幅970px（960+10px）の6カラムと12カラムのグリッドをベースにし、汎用的に展開できるように設計されたグリッドシステム「The Golden Grid」を紹介します。 The Golden Grid ベースとなる6カラムと12カラムのグリッドは、下記のようになっています。 6カラムの構成 1カラム：150px、マージン：10px 150*6+10*7=970px 12カラムの構成 1カ... 続きを読む